Merge pull request vue-generators#318 from vuchl/master

refactored `schema.classes` to `schema.fieldClasses`

Author: icebob

package-lock.json

@@ -102,6 +102,5 @@
     "webpack-dev-server": "1.16.2",
     "webpack-merge": "0.14.1"
   },
-  "dependencies": {
-  }
+  "dependencies": {}
 }

package.json

@@ -19,7 +19,7 @@ export default {
 		"model",
 		"schema",
 		"formOptions",
-		"disabled"
+		"disabled",
 	],
 
 	data() {
@@ -172,6 +172,10 @@ export default {
 			return slugifyFormID(schema, idPrefix);
 		},
 
+		getFieldClasses() {
+			return this.schema.fieldClasses || [];
+		},
+
 		formatValueToField(value) {
 			return value;
 		},

src/fields/abstractField.js

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

src/fields/core/fieldCheckbox.vue

@@ -5,6 +5,7 @@
 		:type="schema.inputType",
 		:value="value",
 		@input="value = $event.target.value",
+		:class="schema.fieldClasses",
 		@change="schema.onChange || null",
 		:disabled="disabled",
 		:accept="schema.accept",

src/fields/core/fieldInput.vue

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

src/fields/core/fieldLabel.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)" )
+			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/fieldRadios.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-	select.form-control(v-model="value", :disabled="disabled", :name="schema.inputName", :id="getFieldID(schema)")
+	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;" }}
 
 		template(v-for="item in items")

src/fields/core/fieldSelect.vue

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

src/fields/core/fieldSubmit.vue

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