Adding generic form editing.

Author: elcritch

dev/meta/app.vue

@@ -24,154 +24,73 @@ export default {
 				test: 1
 			},
 			schema: {
-			    "id": "http://json-schema.org/draft-04/schema#",
-			    "$schema": "http://json-schema.org/draft-04/schema#",
-			    "description": "Core schema meta-schema",
-			    "definitions": {
-			        "schemaArray": {
-			            "type": "array",
-			            "minItems": 1,
-			            "items": { "$ref": "#" }
-			        },
-			        "positiveInteger": {
-			            "type": "integer",
-			            "minimum": 0
-			        },
-			        "positiveIntegerDefault0": {
-			            "allOf": [ { "$ref": "#/definitions/positiveInteger" }, { "default": 0 } ]
-			        },
-			        "simpleTypes": {
-			            "enum": [ "array", "boolean", "integer", "null", "number", "object", "string" ]
-			        },
-			        "stringArray": {
-			            "type": "array",
-			            "items": { "type": "string" },
-			            "minItems": 1,
-			            "uniqueItems": true
-			        }
-			    },
-			    "type": "object",
-			    "properties": {
-			        "id": {
-			            "type": "string",
-			            "format": "uri"
-			        },
-			        "$schema": {
-			            "type": "string",
-			            "format": "uri"
-			        },
-			        "title": {
-			            "type": "string"
-			        },
-			        "description": {
-			            "type": "string"
-			        },
-			        "default": {},
-			        "multipleOf": {
-			            "type": "number",
-			            "minimum": 0,
-			            "exclusiveMinimum": true
-			        },
-			        "maximum": {
-			            "type": "number"
-			        },
-			        "exclusiveMaximum": {
-			            "type": "boolean",
-			            "default": false
-			        },
-			        "minimum": {
-			            "type": "number"
-			        },
-			        "exclusiveMinimum": {
-			            "type": "boolean",
-			            "default": false
-			        },
-			        "maxLength": { "$ref": "#/definitions/positiveInteger" },
-			        "minLength": { "$ref": "#/definitions/positiveIntegerDefault0" },
-			        "pattern": {
-			            "type": "string",
-			            "format": "regex"
-			        },
-			        "additionalItems": {
-			            "anyOf": [
-			                { "type": "boolean" },
-			                { "$ref": "#" }
-			            ],
-			            "default": {}
-			        },
-			        "items": {
-			            "anyOf": [
-			                { "$ref": "#" },
-			                { "$ref": "#/definitions/schemaArray" }
-			            ],
-			            "default": {}
-			        },
-			        "maxItems": { "$ref": "#/definitions/positiveInteger" },
-			        "minItems": { "$ref": "#/definitions/positiveIntegerDefault0" },
-			        "uniqueItems": {
-			            "type": "boolean",
-			            "default": false
-			        },
-			        "maxProperties": { "$ref": "#/definitions/positiveInteger" },
-			        "minProperties": { "$ref": "#/definitions/positiveIntegerDefault0" },
-			        "required": { "$ref": "#/definitions/stringArray" },
-			        "additionalProperties": {
-			            "anyOf": [
-			                { "type": "boolean" },
-			                { "$ref": "#" }
-			            ],
-			            "default": {}
-			        },
-			        "definitions": {
-			            "type": "object",
-			            "additionalProperties": { "$ref": "#" },
-			            "default": {}
-			        },
-			        "properties": {
-			            "type": "object",
-			            "additionalProperties": { "$ref": "#" },
-			            "default": {}
-			        },
-			        "patternProperties": {
-			            "type": "object",
-			            "additionalProperties": { "$ref": "#" },
-			            "default": {}
-			        },
-			        "dependencies": {
-			            "type": "object",
-			            "additionalProperties": {
-			                "anyOf": [
-			                    { "$ref": "#" },
-			                    { "$ref": "#/definitions/stringArray" }
-			                ]
-			            }
-			        },
-			        "enum": {
-			            "type": "array",
-			            "minItems": 1,
-			            "uniqueItems": true
-			        },
-			        "type": {
-			            "anyOf": [
-			                { "$ref": "#/definitions/simpleTypes" },
-			                {
-			                    "type": "array",
-			                    "items": { "$ref": "#/definitions/simpleTypes" },
-			                    "minItems": 1,
-			                    "uniqueItems": true
-			                }
-			            ]
-			        },
-			        "allOf": { "$ref": "#/definitions/schemaArray" },
-			        "anyOf": { "$ref": "#/definitions/schemaArray" },
-			        "oneOf": { "$ref": "#/definitions/schemaArray" },
-			        "not": { "$ref": "#" }
-			    },
-			    "dependencies": {
-			        "exclusiveMaximum": [ "maximum" ],
-			        "exclusiveMinimum": [ "minimum" ]
-			    },
-			    "default": {}
+				fields: [
+					{
+						type: "input",
+						inputType: "text",
+						label: "ID",
+						model: "id",
+						readonly: true,
+						featured: false,
+						disabled: true
+					},
+					{
+						type: "input",
+						inputType: "text",
+						label: "Name",
+						model: "name",
+						readonly: false,
+						featured: true,
+						required: true,
+						disabled: false,
+						placeholder: "User's name",
+						// validator: VueFormGenerator.validators.string
+					},
+					{
+						type: "input",
+						inputType: "password",
+						label: "Password",
+						model: "password",
+						min: 6,
+						required: true,
+						hint: "Minimum 6 characters",
+						// validator: VueFormGenerator.validators.string
+					},
+					{
+						type: "input",
+						inputType: "email",
+						label: "E-mail",
+						model: "email",
+						placeholder: "User's e-mail address",
+						// validator: VueFormGenerator.validators.email
+					},
+					{
+						type: "checklist",
+						label: "Skills",
+						model: "skills",
+						required: true,
+						values: [
+							"HTML5",
+							"Javascript",
+							"CSS3",
+							"CoffeeScript",
+							"AngularJS",
+							"ReactJS",
+							"VueJS"
+						],
+						// validator: VueFormGenerator.validators.array
+					},
+					{
+						type: "checkbox",
+						label: "Status",
+						model: "status",
+						multi: true,
+						readonly: false,
+						featured: false,
+						disabled: false,
+						default: true
+					}
+				]
 			},
 			formOptions: {
 				// validateAfterLoad: true,

src/EditBox.vue renamed to src/DropBox.vue

@@ -17,7 +17,7 @@
 
 <script>
 export default {
-  name: 'EditBox',
+  name: 'DropBox',
   props: {
   },
   data() {