#551 - added "is-disabled" class to the radios label

vue-generators · Dec 20, 2018 · 1e9db8e · 1e9db8e
1 parent 8c6c7eb
commit 1e9db8e
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/fields/core/fieldRadios.vue b/src/fields/core/fieldRadios.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 	.radio-list(:disabled="disabled", v-attributes="'wrapper'")
-		label(v-for="item in items", :class="{'is-checked': isItemChecked(item)}", v-attributes="'label'")
+		label(v-for="item in items", :class="getItemCssClasses(item)", v-attributes="'label'")
 			input(:id="getFieldID(schema, true)", type="radio", :disabled="isItemDisabled(item)", :name="id", @click="onSelection(item)", :value="getItemValue(item)", :checked="isItemChecked(item)", :class="schema.fieldClasses", :required="schema.required", v-attributes="'input'")
 			| {{ getItemName(item) }}
 
@@ -58,6 +58,12 @@ export default {
 				return item;
 			}
 		},
+		getItemCssClasses(item) {
+			return {
+				"is-checked": this.isItemChecked(item),
+				"is-disabled": this.isItemDisabled(item)
+			};
+		},
 		onSelection(item) {
 			this.value = this.getItemValue(item);
 		},