Add schemaform

beeman · beeman · commit a65c0f259fac · 2015-08-09T04:10:19.000+02:00
diff --git a/bower.json b/bower.json
@@ -34,7 +34,8 @@
     "angular-loading-bar": "0.6.0",
     "Faker": "2.1.2",
     "angular-mocks": "1.3.12",
-    "angular-scenario": "1.3.12"
+    "angular-scenario": "1.3.12",
+    "angular-schema-form": "~0.8.3"
   },
   "devDependencies": {
     "angular-mocks": "1.3",
diff --git a/client/app/js/app.js b/client/app/js/app.js
@@ -32,6 +32,7 @@ angular.module('loopbackApp', [
     'toasty',
     'autofields',
     'gettext',
+    'schemaForm',
     'com.module.core',
     'com.module.about',
     'com.module.events',
diff --git a/client/app/modules/sandbox/config/sandbox.routes.js b/client/app/modules/sandbox/config/sandbox.routes.js
@@ -14,6 +14,12 @@ angular.module('com.module.sandbox')
           $state.go('app.sandbox.autofields');
         }
       })
+      .state('app.sandbox.schemaform', {
+        url: '/schemaform',
+        templateUrl: 'modules/sandbox/views/schemaform.html',
+        controller: 'SandboxSchemaformCtrl',
+        controllerAs: 'ctrl'
+      })
       .state('app.sandbox.forms', {
         url: '/forms',
         templateUrl: 'modules/sandbox/views/forms.html',
diff --git a/client/app/modules/sandbox/controllers/sandbox.ctrl.js b/client/app/modules/sandbox/controllers/sandbox.ctrl.js
@@ -13,6 +13,9 @@ angular.module('com.module.sandbox')
     }, {
       name: 'Dashboard',
       sref: '.dashboard'
+    }, {
+      name: 'Schemaform',
+      sref: '.schemaform'
     }, {
       name: 'Forms',
       sref: '.forms'
diff --git a/client/app/modules/sandbox/controllers/sandbox.schemaform.ctrl.js b/client/app/modules/sandbox/controllers/sandbox.schemaform.ctrl.js
@@ -0,0 +1,46 @@
+'use strict';
+angular.module('com.module.sandbox')
+  .controller('SandboxSchemaformCtrl', function (CoreService) {
+
+    this.model = {};
+
+    this.schema = {
+      type: 'object',
+      title: 'Comment',
+      properties: {
+        name: {
+          title: 'Name',
+          type: 'string'
+        },
+        email: {
+          title: 'Email',
+          type: 'string',
+          pattern: '^\\S+@\\S+$'
+        },
+        comment: {
+          title: 'Comment',
+          type: 'string'
+        }
+      },
+      required: ['name', 'email', 'comment']
+    }
+    ;
+
+    this.form = [
+      'name',
+      'email',
+      {
+        key: 'comment',
+        type: 'textarea',
+        placeholder: 'Make a comment'
+      },
+      {
+        type: 'submit',
+        title: 'OK'
+      }
+    ];
+
+    this.onSubmit = function () {
+      CoreService.alertSuccess('Good job!', 'Well done, ' + this.model.name);
+    };
+  });
diff --git a/client/app/modules/sandbox/views/schemaform.html b/client/app/modules/sandbox/views/schemaform.html
@@ -0,0 +1,28 @@
+<div class="row">
+    <div class="col-md-6">
+        <div class="box box-primary">
+            <div class="box-header">
+                <h3 class="box-title"></h3>
+            </div>
+            <div class="box-body">
+                <form id="demoForm"
+                      sf-schema="ctrl.schema"
+                      sf-form="ctrl.form"
+                      sf-model="ctrl.model"
+                      ng-submit="ctrl.onSubmit(demoForm)">
+                </form>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6">
+        <div class="box box-primary">
+            <div class="box-header">
+                <h3 class="box-title"></h3>
+            </div>
+            <div class="box-body">
+                <pre>{{ctrl.model|json}}</pre>
+            </div>
+        </div>
+    </div>
+</div>
+
