🆕 implement #14

Author: icebob

dev/data.js

@@ -32,6 +32,7 @@ module.exports = {
 			user.role = fakerator.random.arrayElement(roles).id;
 			//user.mobile = fakerator.phone.phoneNumber();
 			user.avatar = fakerator.internet.avatar();
+			user.sex = fakerator.random.arrayElement(["male", "female"]);
 
 			user.skills = fakerator.utimes(fakerator.random.arrayElement, 2, skills);
 

dev/schema.js

@@ -234,6 +234,18 @@ module.exports = {
 
 		},
 
+		{
+			type: "switch",
+			label: "Sex (switch field)",
+			model: "sex",
+			multi: true,
+			default: "male",
+			textOn: "Female",
+			textOff: "Male",
+			valueOn: "female",
+			valueOff: "male"
+		},		
+
 		{
 			type: "slider",
 			label: "Rank (slider field)",

src/fields/fieldSwitch.vue

@@ -9,7 +9,28 @@
 	import abstractField from "./abstractField";
 	
 	export default {
-		mixins: [ abstractField ]
+		mixins: [ abstractField ],
+
+		methods: {
+			
+			formatValueToField(value) {
+				if (value != null && this.schema.valueOn)
+					return value == this.schema.valueOn;
+
+				return value;
+			},
+
+			formatValueToModel(value) {
+				if (value != null && this.schema.valueOn) {
+					if (value)
+						return this.schema.valueOn;
+					else
+						return this.schema.valueOff;
+				}
+
+				return value;
+			}		
+		}
 	};
 </script>
 

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

@@ -102,4 +102,50 @@ describe("FieldSwitch.vue", () => {
 
 	});
 
+	describe("check template with custom On/Off values", () => {
+		let schema = {
+			type: "switch",
+			model: "sex",
+			textOn: "Female",
+			textOff: "Male",
+			valueOn: "female",
+			valueOff: "male"
+		};
+		let model = { sex: "female" };
+		let input;
+
+		before( () => {
+			createField(schema, model, false);
+			input = el.querySelector("input");
+		});
+
+		it("check input value", (done) => {
+			vm.$nextTick( () => {
+				expect(input.checked).to.be.true;	
+				done();
+			});
+		});
+
+		it("input value should be the model value after changed", (done) => {
+			model.sex = "male";
+			vm.$nextTick( () => {
+				expect(input.checked).to.be.false;	
+				done();
+			});
+
+		});
+
+		it("model value should be the input value if changed", (done) => {
+			input.checked = true;
+			trigger(input, "change");
+
+			vm.$nextTick( () => {
+				expect(model.sex).to.be.equal("female");	
+				done();
+			});
+
+		});		
+
+	});
+
 });