Add in-ASF include

Author: nicklasb

angular-schema-form-complex-ui.js

@@ -1,4 +1,4 @@
-angular.module("schemaForm").run(["$templateCache", function($templateCache) {$templateCache.put("directives/decorators/bootstrap/complex-ui/angular-schema-form-complex-ui.html","<div ng-class=\"{\'has-error\': hasError()}\"><div ng-init=\"controller.model=$$value$$\" complex-ui-directive=\"\"><div ng-if=\"form.options.showButton == true\"><label>{{form.title}}</label>&nbsp;<button ng-click=\"controller.toggleModal()\">{{form.options.buttonCaption}}</button><modal title=\"{{form.title}}\" visible=\"showModal\"><div ng-if=\"form.options.sourceInclude != \'\'\"><ng-include src=\"form.options.sourceInclude\"></ng-include></div><div ng-if=\"form.options.sourceInclude == null\"><div name=\"\" sf-schema=\"controller.schema\" sf-form=\"controller.form\" sf-model=\"controller.model\"></div></div></modal></div><div ng-if=\"form.options.showButton != true\"><label ng-show=\"showTitle()\">{{form.title}}</label><div name=\"\" sf-schema=\"controller.schema\" sf-form=\"controller.form\" sf-model=\"controller.model\"></div></div></div><span class=\"help-block\">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span><br><span ng-show=\"form.some_setting\">The some setting-setting is true for the model at $$value$$!</span></div>");}]);
+angular.module("schemaForm").run(["$templateCache", function($templateCache) {$templateCache.put("directives/decorators/bootstrap/complex-ui/angular-schema-form-complex-ui.html","<div ng-class=\"{\'has-error\': hasError()}\"><div ng-init=\"controller.model=$$value$$\" complex-ui-directive=\"\"><div ng-if=\"form.options.showButton == true\"><label>{{form.title}}</label>&nbsp;<button ng-click=\"controller.toggleModal()\">{{form.options.buttonCaption}}</button><modal title=\"{{form.title}}\" visible=\"showModal\"><div ng-if=\"form.options.sourceInclude != \'\'\"><ng-include src=\"form.options.sourceInclude\"></ng-include></div><div ng-if=\"form.options.sourceInclude == null\"><div name=\"\" sf-schema=\"controller.schema\" sf-form=\"controller.form\" sf-model=\"controller.model\"></div></div></modal></div><div ng-if=\"form.options.showButton != true\"><label ng-show=\"showTitle()\">{{form.title}}</label><div ng-if=\"form.options.sourceInclude != \'\'\"><ng-include src=\"form.options.sourceInclude\"></ng-include></div><div ng-if=\"form.options.sourceInclude == null\"><div name=\"\" sf-schema=\"controller.schema\" sf-form=\"controller.form\" sf-model=\"controller.model\"></div></div></div></div><span class=\"help-block\">{{ (hasError() && errorMessage(schemaError())) || form.description}}</span><br><span ng-show=\"form.some_setting\">The some setting-setting is true for the model at $$value$$!</span></div>");}]);
 /// <reference path="../typings/angularjs/angular.d.ts" />
 /// <reference path="../typings/jquery/jquery.d.ts" />
 angular.module('schemaForm').config(['schemaFormProvider',
@@ -12,9 +12,6 @@ var ComplexUIController = (function () {
     function ComplexUIController($scope, element) {
         var _this = this;
         this.$scope = $scope;
-        this.alertObj = function (obj) {
-            window.alert(JSON.stringify(obj));
-        };
         this.toggleModal = function () {
             this.directiveScope.showModal = !this.directiveScope.showModal;
         };

angular-schema-form-complex-ui.min.js

@@ -30,6 +30,26 @@ <h1>Complex UI</h1>
 
         <p>This is an example of an <a href="https://github.com/Textalk/angular-schema-form/">angular-schema-form</a> add-on.</p>
 
+        <h3>Angular schema form with a nested ASF or a specified include</h3>
+
+
         <form name="selectForm" sf-schema="schema" sf-form="form" sf-model="model" ng-submit="submitted(selectForm)"></form>
+        <h3>Settings</h3>
+        <p>Show button <input type="checkbox" ng-model="form[0]['options']['showButton']" ng-click="$broadcast('schemaFormRedraw')"></p>
+        <p>Use include <input type="text" ng-model="form[0]['options']['sourceInclude']" ng-click="$broadcast('schemaFormRedraw')"></p>
+
+        <h3>Master schema and form</h3>
+        <hr>
+        <p>The main schema is at controller.complexSchema, it is currently:</p>
+        <pre>{{schema| json : spacing}}</pre>
+        <p>The main form is just form. Currently the form has the following values:</p>
+        <pre>{{form| json : spacing}}</pre>
+        <h3>Nested schema and form</h3>
+        <hr>
+        <p>The main schema is at controller.complexSchema, it is currently:</p>
+        <pre>{{resolveReference()["schema"]| json : spacing}}</pre>
+        <p>The main form is just form. Currently the form has the following values:</p>
+        <pre>{{resolveReference()["form"]| json : spacing}}</pre>
+
     </body>
 </html>

example.html

@@ -30,7 +30,12 @@
         <div ng-if="form.options.showButton != true">
             <label ng-show="showTitle()">{{form.title}}</label>
             <!-- Add the schema for, not by using a form tag but a div, as forms cannot be nested.  -->
-            <div name="" sf-schema="controller.schema" sf-form="controller.form" sf-model="controller.model"></div>
+            <div ng-if="form.options.sourceInclude != ''">
+                <ng-include src="form.options.sourceInclude"></ng-include>
+            </div>
+            <div ng-if="form.options.sourceInclude == null">
+                <div name="" sf-schema="controller.schema" sf-form="controller.form" sf-model="controller.model"></div>
+            </div>
         </div>
 
     </div>

src/angular-schema-form-complex-ui.html

@@ -32,10 +32,6 @@ class ComplexUIController {
 
     $broadcast:any;
 
-    alertObj = (obj) => {
-        window.alert(JSON.stringify(obj));
-    };
-
     toggleModal = function () {
         this.directiveScope.showModal = !this.directiveScope.showModal;
     };