Move tab array examples to the existing bootstrap example

Author: joelwkent

examples/bootstrap-example.html

@@ -214,9 +214,9 @@ <h3>Schema</h3>
 <!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular-sanitize.min.js"></script> -->
 
 
-<!--
-<script type="text/javascript" src="../bower_components/angular-ui-sortable/sortable.js"></script>
--->
+<script type="text/javascript" src="../bower_components/angular-ui-sortable/sortable.min.js"></script>
+<script type="text/javascript" src="../bower_components/jquery-ui/jquery-ui.min.js"></script>
+
 <script type="text/javascript" src="../bower_components/angular-ui-ace/ui-ace.js"></script>
 <script type="text/javascript" src="../bower_components/objectpath/lib/ObjectPath.js"></script>
 <script type="text/javascript" src="../bower_components/pickadate/lib/picker.js"></script>
@@ -254,6 +254,9 @@ <h3>Schema</h3>
     { name: "TitleMap Examples", data: 'data/titlemaps.json' },
     { name: "Kitchen Sink", data: 'data/sink.json' },
     { name: "Hack: Conditional required", data: 'data/conditional-required.json' },
+    { name: "Tab Array: Add Disabled", data: 'data/tabarray-add-disabled.json' },
+    { name: "Tab Array: Remove Disabled", data: 'data/tabarray-remove-disabled.json' },
+    { name: "Tab Array: Sortable (Drag and Drop)", data: 'data/tabarray-sortable.json' }
   ];
 
   $scope.navbarMode = 'default';

examples/data/tabarray-add-disabled.json

@@ -0,0 +1,44 @@
+{
+  "schema": {
+    "type": "object",
+    "title": "Tab Array: Add Disabled",
+    "properties": {
+      "addDisabledTabArray": {
+        "type": "array",
+        "items": { 
+          "type": "object", 
+          "properties": { 
+            "name": { "type": "string" }, 
+            "nick": { "type": "string" }
+          }
+        }
+      }
+    }
+  },
+  "form": [
+    {
+      "type": "section",
+      "htmlCss": "row",
+      "items": [
+        {
+          "type": "help",
+          "helpvalue": "<h4>Tab array with add link hidden</h4>"
+        },
+        {
+          "key": "addDisabledTabArray",
+          "type": "tabarray",
+          "add": null,
+          "title": "My name is: {{ value.name }}",
+          "sortOptions": {
+            "disabled": true
+          },
+          "items" : [
+            {"key": "addDisabledTabArray[].name", "htmlClass": "nameField"},
+            {"key": "addDisabledTabArray[].nick", "htmlClass": "nickField"}
+          ]
+        }
+      ]
+    }
+  ],
+  "model": {}
+}

examples/data/tabarray-remove-disabled.json

@@ -0,0 +1,44 @@
+{
+  "schema": {
+    "type": "object",
+    "title": "Tab Array: Remove Disabled",
+    "properties": {
+      "removeDisabledTabArray": {
+        "type": "array",
+        "items": { 
+          "type": "object", 
+          "properties": { 
+            "name": { "type": "string" }, 
+            "nick": { "type": "string" }
+          }
+        }
+      }
+    }
+  },
+  "form": [
+    {
+      "type": "section",
+      "htmlCss": "row",
+      "items": [
+        {
+          "type": "help",
+          "helpvalue": "<h4>Tab array with remove button hidden</h4>"
+        },
+        {
+          "key": "removeDisabledTabArray",
+          "type": "tabarray",
+          "remove": null,
+          "title": "My name is: {{ value.name }}",
+          "sortOptions": {
+            "disabled": true
+          },
+          "items" : [
+            {"key": "removeDisabledTabArray[].name", "htmlClass": "nameField"},
+            {"key": "removeDisabledTabArray[].nick", "htmlClass": "nickField"}
+          ]
+        }
+      ]
+    }
+  ],
+  "model": {}
+}

examples/data/tabarray-sortable.json

@@ -0,0 +1,40 @@
+{
+  "schema": {
+    "type": "object",
+    "title": "Tab Array: Sortable (Drag and Drop)",
+    "properties": {
+      "sortableTabArray": {
+        "type": "array",
+        "items": { 
+          "type": "object", 
+          "properties": { 
+            "name": { "type": "string" }, 
+            "nick": { "type": "string" }
+          }
+        }
+      }
+    }
+  },
+  "form": [
+    {
+      "type": "section",
+      "htmlCss": "row",
+      "items": [
+        {
+          "type": "help",
+          "helpvalue": "<h4>Drag and drop sortable tab array</h4>"
+        },
+        {
+          "key": "sortableTabArray",
+          "type": "tabarray",
+          "title": "My name is: {{ value.name }}",
+          "items" : [
+            {"key": "sortableTabArray[].name", "htmlClass": "nameField"},
+            {"key": "sortableTabArray[].nick", "htmlClass": "nickField"}
+          ]
+        }
+      ]
+    }
+  ],
+  "model": {}
+}