Merge pull request #107 from mpociot/patch-allow-featured-readonly-function

Add support for readonly and featured field functions

Author: icebob

src/formGenerator.vue

@@ -106,8 +106,8 @@ div
 				let baseClasses = {
 					error: field.errors && field.errors.length > 0, 
 					disabled: this.fieldDisabled(field), 
-					readonly: field.readonly, 
-					featured: field.featured, 
+					readonly: this.fieldReadonly(field), 
+					featured: this.fieldFeatured(field), 
 					required: this.fieldRequired(field)
 				};
 
@@ -161,6 +161,28 @@ div
 				return field.visible;
 			},		
 
+			// Get readonly prop of field
+			fieldReadonly(field) {
+				if (isFunction(field.readonly))
+					return field.readonly(this.model);
+
+				if (isNil(field.readonly))
+					return false;
+
+				return field.readonly;
+			},		
+
+			// Get featured prop of field
+			fieldFeatured(field) {
+				if (isFunction(field.featured))
+					return field.featured(this.model);
+
+				if (isNil(field.featured))
+					return false;
+
+				return field.featured;
+			},
+
 			// Validating the model properties
 			validate() {
 				this.clearValidationErrors();

test/unit/specs/VueFormGenerator.spec.js

@@ -306,6 +306,76 @@ describe("VueFormGenerator.vue", () => {
 
 	});
 
+	describe("check fieldReadonly with function", () => {
+		let schema = {
+			fields: [
+				{	
+					type: "text",		
+					label: "Name", 
+					model: "name", 
+					readonly(model) { return model.status; }	
+				}
+			]
+		};
+		
+		let model = {
+			name: "John Doe",
+			status: true
+		};
+
+		before( () => {
+			createFormGenerator(schema, model);
+		});
+
+		it("should be readonly", () => {
+			expect(el.querySelector(".form-group").classList.contains("readonly")).to.be.true;
+		});	
+
+		it("should be writable", (done) => {
+			model.status = false;
+			vm.$nextTick(() => {
+				expect(el.querySelector(".form-group").classList.contains("readonly")).to.be.false;
+				done();
+			});
+		});	
+
+	});
+
+	describe("check fieldFeatured with function", () => {
+		let schema = {
+			fields: [
+				{	
+					type: "text",		
+					label: "Name", 
+					model: "name", 
+					featured(model) { return model.status; }	
+				}
+			]
+		};
+		
+		let model = {
+			name: "John Doe",
+			status: true
+		};
+
+		before( () => {
+			createFormGenerator(schema, model);
+		});
+
+		it("should be featured", () => {
+			expect(el.querySelector(".form-group").classList.contains("featured")).to.be.true;
+		});	
+
+		it("should not be featured", (done) => {
+			model.status = false;
+			vm.$nextTick(() => {
+				expect(el.querySelector(".form-group").classList.contains("featured")).to.be.false;
+				done();
+			});
+		});	
+
+	});
+
 	describe("check fieldRequired with function", () => {
 		let schema = {
 			fields: [