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;

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

@@ -23,7 +23,7 @@ describe("fieldInput.vue", function() {
 			autocomplete: "off",
 			placeholder: "Field placeholder",
 			readonly: false,
-			classes: ["applied-class", "another-class"]
+			fieldClasses: ["applied-class", "another-class"]
 		};
 		let model = { name: "John Doe" };
 		let input;

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

@@ -19,7 +19,7 @@ describe("fieldLabel.vue", function() {
 			type: "label",
 			label: "Timestamp",
 			model: "timestamp",
-			classes: ["applied-class", "another-class"]
+			fieldClasses: ["applied-class", "another-class"]
 		};
 		let model = { timestamp: "2 days ago" };
 		let span;

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

@@ -28,7 +28,7 @@ describe("FieldRadios.vue", function() {
 				"ReactJS",
 				"VueJS"
 			],
-			classes: ["applied-class", "another-class"]
+			fieldClasses: ["applied-class", "another-class"]
 		};
 		let model = { skills: "Javascript" };
 		let radioList;

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

@@ -27,7 +27,7 @@ describe("fieldSelect.vue", function() {
 				"Rome",
 				"Berlin"
 			],
-			classes: ["applied-class", "another-class"]
+			fieldClasses: ["applied-class", "another-class"]
 		};
 		let model = { city: "Paris" };
 		let input;
@@ -212,7 +212,7 @@ describe("fieldSelect.vue", function() {
 					{ id: 4, name: "Berlin" }
 				];
 			},
-			classes: ["applied-class", "another-class"]
+			fieldClasses: ["applied-class", "another-class"]
 		};
 		let model = { city: 2 };
 		let input;

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

@@ -22,7 +22,7 @@ describe("fieldSubmit.vue", function() {
 			buttonText: "Submit form",
 			validateBeforeSubmit: false,
 			onSubmit() {},
-			classes: ["applied-class", "another-class"]
+			fieldClasses: ["applied-class", "another-class"]
 		};
 		let model = { name: "John Doe" };
 		let input;

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

@@ -23,7 +23,7 @@ describe("fieldTextArea.vue", function() {
 			max: 500,
 			placeholder: "Field placeholder",
 			readonly: false,
-			classes: ["applied-class", "another-class"]
+			fieldClasses: ["applied-class", "another-class"]
 		};
 		let model = { desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." };
 		let input;