Initial loading is done

Author: Dervisevic

examples/bootstrap-example.html

@@ -34,6 +34,13 @@
 
 <div class="col-md-12">
   <h1>Schema Form Example</h1>
+  <div class="row">
+  <div class="col-sm-4">
+    <button ng-click="loadGist();">Save</button>
+    <button ng-click="saveToGist();">Save as new</button>
+
+    </div>
+  </div>
   <div class="row">
     <div class="col-sm-4">
       <h3>The Generated Form</h3>
@@ -97,18 +104,14 @@ <h3>Schema</h3>
 <script type="text/javascript" src="../bower_components/angular-schema-form-datepicker/bootstrap-datepicker.min.js"></script>
 <script type="text/javascript" src="../bower_components/angular-schema-form-colorpicker/bootstrap-colorpicker.min.js"></script>
 
-<!-- <script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
-<script type="text/javascript" src="../bower_components/tx-tinymce/tx-tinymce.js"></script>
-<script type="text/javascript" src="../bower_components/angular-schema-form-tinymce/bootstrap-tinymce.js"></script> -->
-
 <script type="text/javascript">
 // @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt Expat
 //
 // To test the tinymce addon, uncomment the files above and inject 'tx-tinymce' below.
-angular.module('test',['schemaForm','ui.ace']).controller('TestCtrl', function($scope,$http){
+angular.module('test',['schemaForm','ui.ace']).controller('TestCtrl', function($scope, $http, $location){
 
   $scope.tests = [
-    { name: "Simple", data: 'data/simple.json' },
+    //{ name: "Simple", data: 'data/simple.json' },
     { name: "Basic JSON Schema Type", data: 'data/types.json' },
     { name: "Bootstrap Grid", data: 'data/grid.json' },
     { name: "Complex Key Support", data: 'data/complex-keys.json' },
@@ -119,17 +122,22 @@ <h3>Schema</h3>
     { name: "Hack: Conditional required", data: 'data/conditional-required.json' },
   ];
 
+  // Load data from gist.
+  if ($location.path().length > 4) {
+    var gistId = $location.path().replace('/','');
+    $http.get('https://api.github.com/gists/' + gistId).then(function(res) {
+      var data = JSON.parse(res.data.files['schemaform.json'].content);
+      setNewData(data);
+    });
+
+    // ERROR HANDLING.
+  }
+
   $scope.selectedTest = $scope.tests[0];
 
   $scope.$watch('selectedTest',function(val){
     if (val) {
-      $http.get(val.data).then(function(res){
-        $scope.schema = res.data.schema;
-        $scope.form   = res.data.form;
-        $scope.schemaJson = JSON.stringify($scope.schema,undefined,2);
-        $scope.formJson   = JSON.stringify($scope.form,undefined,2);
-        $scope.modelData = res.data.model || {};
-      });
+      $http.get(val.data).then(function(res) {setNewData(res.data);});
     }
   });
 
@@ -161,6 +169,14 @@ <h3>Schema</h3>
     }
   });
 
+  var setNewData = function(data) {
+    $scope.schema = data.schema;
+    $scope.form   = data.form;
+    $scope.schemaJson = JSON.stringify($scope.schema,undefined,2);
+    $scope.formJson   = JSON.stringify($scope.form,undefined,2);
+    $scope.modelData = data.model || {};
+  };
+
   $scope.pretty = function(){
     return JSON.stringify($scope.modelData,undefined,2,2);
   };
@@ -177,6 +193,16 @@ <h3>Schema</h3>
     alert(msg);
   };
 
+  $scope.save = function() {
+    // $http.get(val.data).then(function(res){
+    //   $scope.schema = res.data.schema;
+    //   $scope.form   = res.data.form;
+    //   $scope.schemaJson = JSON.stringify($scope.schema,undefined,2);
+    //   $scope.formJson   = JSON.stringify($scope.form,undefined,2);
+    //   $scope.modelData = res.data.model || {};
+    // });
+  }
+
   $scope.submitForm = function(form, model) {
     // First we broadcast an event so all fields validate themselves
     $scope.$broadcast('schemaFormValidate');