mdTabs

Very basic support for tabs to get Marvin started

Author: Anthropic

examples/data/autocomplete.json

@@ -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"
+    }
+  ]
+}

examples/data/tabs.json

@@ -0,0 +1,85 @@
+{
+  "schema": {
+    "type": "object",
+    "properties": {
+      "clan": {
+        "title": "Ninja Clan",
+        "description": "Which clan do you wish to complete your task?",
+        "type": "string",
+        "enum": [ "Iga", "koga" ]
+      },
+      "armySize": {
+        "type": "number",
+        "title": "How many Ninja will be required?",
+        "min": 1,
+        "max": 7
+      },
+      "weaponOfChoice": {
+        "type": "string",
+        "title": "Favourite tool",
+        "enum": ["Nunchuku","Sai","Hanbo","Tonfa"]
+      },
+      "colour": {
+        "type": "string",
+        "title": "Color preference",
+        "enum": ["Black"]
+      },
+      "date": {
+        "title": "Date of assault",
+        "type": "string",
+        "format": "date"
+      },
+      "victim": {
+        "title": "Target",
+        "type": "string"
+      },
+      "assassinationStyle": {
+        "title": "How would you like to dispatch your target?",
+        "type": "string",
+        "enum": [ "With honour", "With much blood", "With much suffering" ]
+      },
+      "fee": {
+        "title": "I accept late fee payment will result in a most dishonourable and painfully slow death",
+        "type": "boolean"
+      },
+      "suggestions": {
+        "title": "Any suggestions based on local knowledge?",
+        "type": "string"
+      }
+    }
+  },
+  "form": [
+    {
+      "type": "tabs",
+      "tabs": [
+        {
+          "title": "Ninja Details",
+          "items": [
+            "clan",
+            "armySize",
+            "weaponOfChoice",
+            "colour"
+          ]
+        },
+        {
+          "title": "Job Properties",
+          "items": [
+            "date",
+            "victim",
+            "assassinationStyle",
+            "fee"
+          ]
+        },
+        {
+          "title": "Further Information",
+          "items": [
+            {
+              "key":"suggestions",
+              "type": "textarea"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

examples/data/titlemaps.json

@@ -40,7 +40,7 @@
         "enum": ["a","b","c"]
       },
       "radiobuttons": {
-        "title": "Radio buttons used to switch a boolean",
+        "title": "Radio buttons used to switch a boolean or multiple values",
         "type": "boolean",
         "default": false
       }

examples/material-example.html

@@ -255,7 +255,7 @@ <h3>Schema</h3>
 -->
 
 <script type="text/javascript" src="../bower_components/angular-schema-form/dist/schema-form.js"></script>
-<script type="text/javascript" src="../material-decorator.min.js"></script>
+<script type="text/javascript" src="../material-decorator.js"></script>
 
 <!--
 <script type="text/javascript" src="../bower_components/angular-schema-form-datepicker/bootstrap-datepicker.min.js"></script>
@@ -287,13 +287,15 @@ <h3>Schema</h3>
 app.controller('TestCtrl', function($scope, $http, $location) {
 
   $scope.tests = [
+    /*{ name: "Autocomplete", data: 'data/autocomplete.json' },*/
     { name: "Simple", data: 'data/simple.json' },
     { name: "Basic JSON Schema Type", data: 'data/types.json' },
     { name: "TitleMap Examples", data: 'data/titlemaps.json' },
-    { name: "Bootstrap Grid", data: 'data/grid.json' },
-    { name: "Complex Key Support", data: 'data/complex-keys.json' },
-    { name: "Array", data: 'data/array.json' },
-    { name: "Tab Array", data: 'data/tabarray.json' },
+    /*{ name: "Material FLex Grid", data: 'data/grid.json' },*/
+    /*{ name: "Complex Key Support", data: 'data/complex-keys.json' },*/
+    /*{ name: "Array", data: 'data/array.json' },*/
+    /*{ name: "Tab Array", data: 'data/tabarray.json' },*/
+    { name: "Tabs", data: 'data/tabs.json' },
     { name: "Kitchen Sink", data: 'data/sink.json' },
     { name: "Hack: Conditional required", data: 'data/conditional-required.json' },
   ];