refactored to

Author: vuchl

src/fields/abstractField.js

@@ -170,7 +170,7 @@ export default {
 		},
 
 		getFieldClasses() {
-			return this.schema.classes || [];
+			return this.schema.fieldClasses || [];
 		}
 
 	}

src/fields/core/fieldCheckbox.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-	input(type="checkbox", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :name="schema.inputName" :class="schema.classes")
+	input(type="checkbox", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :name="schema.inputName" :class="schema.fieldClasses")
 </template>
 
 <script>

src/fields/core/fieldInput.vue

@@ -6,7 +6,7 @@
 		:value="value",
 		@input="value = $event.target.value",
 		@change="onChange",
-		:class="schema.classes",
+		:class="schema.fieldClasses",
 		:disabled="disabled",
 		:accept="schema.accept",
 		:alt="schema.alt",

src/fields/core/fieldLabel.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-	span(:id="getFieldID(schema)" :class="schema.classes") {{ value }}
+	span(:id="getFieldID(schema)" :class="schema.fieldClasses") {{ value }}
 </template>
 
 <script>

src/fields/core/fieldRadios.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
 	.radio-list(:disabled="disabled")
 		label(v-for="item in items", :class="{'is-checked': isItemChecked(item)}")
-			input(type="radio", :disabled="disabled", :name="id", @click="onSelection(item)", :value="getItemValue(item)", :checked="isItemChecked(item)" :class="schema.classes")
+			input(type="radio", :disabled="disabled", :name="id", @click="onSelection(item)", :value="getItemValue(item)", :checked="isItemChecked(item)" :class="schema.fieldClasses")
 			| {{ getItemName(item) }}
 
 </template>

src/fields/core/fieldSelect.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-	select.form-control(v-model="value", :disabled="disabled", :name="schema.inputName", :id="getFieldID(schema)"  :class="schema.classes")
+	select.form-control(v-model="value", :disabled="disabled", :name="schema.inputName", :id="getFieldID(schema)"  :class="schema.fieldClasses")
 		option(v-if="!selectOptions.hideNoneSelectedText", :disabled="schema.required", :value="null", :selected="value == undefined") {{ selectOptions.noneSelectedText || "&lt;Nothing selected&gt;" }}
 		option(v-for="item in items", :value="getItemValue(item)") {{ getItemName(item) }}
 </template>

src/fields/core/fieldSubmit.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-	input(type="submit", :value="schema.buttonText", @click="click", :name="schema.inputName", :disabled="disabled" :class="schema.classes")
+	input(type="submit", :value="schema.buttonText", @click="click", :name="schema.inputName", :disabled="disabled" :class="schema.fieldClasses")
 </template>
 
 <script>

src/fields/core/fieldTextArea.vue

@@ -2,7 +2,7 @@
 	textarea.form-control(
 		v-model="value",
 		:id="getFieldID(schema)",
-	  :class="schema.classes",
+	  :class="schema.fieldClasses",
 		:disabled="disabled",
 		:maxlength="schema.max",
 		:minlength="schema.min",

test/unit/specs/fields/abstractField.spec.js

@@ -487,7 +487,7 @@ describe("abstractField.vue", function() {
 			label: "First Name",
 			model: "user__model",
 			inputName: "input_name",
-			classes: ["applied-class", "another-class"]
+			fieldClasses: ["applied-class", "another-class"]
 		};
 		let model = {};
 

test/unit/specs/fields/fieldCheckbox.spec.js

@@ -19,7 +19,7 @@ describe("FieldCheckbox.vue", function() {
 			type: "checkbox",
 			label: "Status",
 			model: "status",
-			classes: ["applied-class", "another-class"]
+			fieldClasses: ["applied-class", "another-class"]
 		};
 		let model = { status: true };
 		let input;