Add back examples

Author: Anthropic

examples/add-on/calculate.js

@@ -0,0 +1,92 @@
+/**
+ * I calculate a field value based on a provided mathematical string
+ *
+ * @homepage https://github.com/Anthropic/angular-schema-form-calculate
+ *
+ * NOTE: This version is not in sync with the source repo as it has
+ * been modified to work with the new version of the framework in development
+ * 
+ * @example
+ * {
+ *   "type":"calculate",
+ *   "key":"area", // the key to COPY the RESULT to (doesn't need 'model' prefix)
+ *   "watch":["length","width"], // The KEYS to WATCH for changes
+ *   "calculate":"model.length * model.width"
+ * }
+ */
+angular
+  .module('schemaForm')
+  .run(function($templateCache) {
+    // A template to use
+    $templateCache.put('calculated-fields.html','<calculate sf-field-model model="model" form="form" />');
+  })
+  .directive('calculate', ['$compile', '$http', 'sfBuilder', 'sfSelect', '$interpolate', 'schemaFormDecorators',
+    function($compile, $http, sfBuilder, sfSelect, $interpolate, schemaFormDecoratorsProvider) {
+      return {
+        restrict: 'E',
+        scope: true,
+        link: {
+          post: function(scope, element, attrs, ctrl) {
+            var watchKeys = scope.form.watch,
+                key, keyFixed, exec,
+                i;
+
+            scope.form.format = scope.form.format || 'number';
+
+            for (i=0; i < watchKeys.length; i++) {
+              key = watchKeys[i].split('[]');
+              keyFixed = key.reduce(function(pv, cv, ci, ta){
+                return '' + pv + ((cv[0]=='.')? '['+scope.$i[ci-1]+']'+cv: cv);
+              });
+
+              scope.$watch(keyFixed,
+              function (val, old) {
+                var newValue = $interpolate('{{' + scope.form.calculate + '}}', false, null, true)({
+                  model: scope.model,
+                  $i: scope.$i,
+                  $index: scope.$index,
+                  path: scope.path
+                });
+
+                if(scope.form.lookup) {
+                  scope.model.calculated = encodeURIComponent(newValue);
+                  var lookup = $interpolate(scope.form.lookup, false, null, true)(scope.model);
+                  $http.get(lookup, { responseType: 'json' })
+                    .success(function(response, status) {
+                      if(response.data) update(response.data);
+                    })
+                    .error(function(data, status) {
+                      scope.form.options = [];
+                      scope.form.selectedOption = '';
+                    });
+                }
+                else {
+                  update(newValue);
+                };
+
+                function update(value) {
+                  if(scope.form.format == 'number') value = Number(value);
+                  sfSelect(scope.form.key, scope.model, value);
+                };
+              });
+            };
+          }
+        }
+      };
+    }
+  ])
+  .config([ 'schemaFormDecoratorsProvider', 'sfBuilderProvider',
+    function(schemaFormDecoratorsProvider, sfBuilderProvider) {
+      var sfField             = sfBuilderProvider.builders.sfField;
+      var ngModel             = sfBuilderProvider.builders.ngModel;
+      var ngModelOptions      = sfBuilderProvider.builders.ngModelOptions;
+      var defaults = [ sfField, ngModel ];
+
+      schemaFormDecoratorsProvider.defineAddOn(
+        'bootstrapDecorator',
+        'calculate',
+        'calculated-fields.html',
+        defaults
+      );
+    }
+  ]);

examples/builder.html

@@ -0,0 +1,62 @@
+{
+  "schema": {
+    "type":"object",
+    "properties":{
+      "field1":{
+        "type":"array",
+        "items":{"type":"object",
+          "properties":{
+            "field":{"type":"string",
+              "title":"Radio 1 Example",
+              "enum":["valA","valB","valC"]
+            }
+          }
+        }
+      },
+      "field2":{"type":"array",
+        "items":{"type":"object",
+          "properties":{
+            "field":{"type":"string",
+              "title":"Radio 2 Example",
+              "enum":["val1","val2","val3"]
+            }
+          }
+        }
+      }
+    }
+  },
+  "form": [
+    {
+        "key":"field1",
+        "add":null,
+        "notitle":true,
+        "items":[
+        {
+            "key":"field1[].field",
+            "type": "radiobuttons",
+            "titleMap": [
+              { "value": "valA", "name": "Value A" },
+              { "value": "valB", "name": "Value B" },
+              { "value": "valC", "name": "Value C" }
+            ]
+        }
+        ]
+    },
+    {
+        "key":"field2",
+        "add":"new",
+        "notitle":true,
+        "items":[
+        {
+            "key":"field2[].field",
+            "type": "radios",
+            "titleMap": [
+              { "value": "val1", "name": "Value 1" },
+              { "value": "val2", "name": "Value 2" },
+              { "value": "val3", "name": "Value 3" }
+            ]
+        }
+        ]
+    }
+  ]
+}

examples/builder2.html

@@ -0,0 +1,72 @@
+{
+  "schema": {
+    "type": "object",
+    "title": "Comment",
+    "required": ["comments"],
+    "properties": {
+      "comments": {
+        "type": "array",
+        "maxItems": 2,
+        "items": {
+          "type": "object",
+          "properties": {
+            "name":  {
+              "title": "Name",
+              "type": "string"
+            },
+            "email":  {
+              "title": "Email",
+              "type": "string",
+              "pattern": "^\\S+@\\S+$",
+              "description": "Email will be used for evil."
+            },
+            "spam": {
+              "title": "Spam",
+              "type": "boolean",
+              "default": true
+            },
+            "comment": {
+              "title": "Comment",
+              "type": "string",
+              "maxLength": 20,
+              "validationMessage": "Don't be greedy!"
+            }
+          },
+          "required": ["name","comment"]
+        }
+      }
+    }
+  },
+  "form": [
+    {
+      "type": "help",
+      "helpvalue": "<h4>Array Example</h4><p>Try adding a couple of forms, reorder by drag'n'drop.</p>"
+    },
+    {
+      "key": "comments",
+  	  "add": "New",
+  	  "style": {
+  		"add": "btn-success"
+	  },
+      "items": [
+        "comments[].name",
+        "comments[].email",
+        {
+          "key": "comments[].spam",
+          "type": "checkbox",
+          "title": "Yes I want spam.",
+          "condition": "model.comments[arrayIndex].email"
+        },
+        {
+          "key": "comments[].comment",
+          "type": "textarea"
+        }
+      ]
+    },
+    {
+      "type": "submit",
+      "style": "btn-info",
+      "title": "OK"
+    }
+  ]
+}