removed locker & growl dependency

Author: ThomasPe

app/builder/builder-module.es6

@@ -8,22 +8,10 @@
    */
   angular
     .module('builder', [
-      'angular-growl',
-      'angular-locker',
       'schemaForm',
       'ui.bootstrap',
       'ui.router',
       'ui.sortable'
-    ]).config(['lockerProvider', function config(lockerProvider) {
-      lockerProvider.defaults({
-        driver: 'local',
-        namespace: 'ro',
-        separator: '.',
-        eventsEnabled: true,
-        extend: {}
-      });
-    }])
-    .config(['growlProvider', function (growlProvider) {
-      growlProvider.globalTimeToLive({success: 1000, error: 2000, warning: 3000, info: 4000});
-    }]);
+    ]);
+
 }());

app/builder/controllers/builder-controller.es6

@@ -2,12 +2,12 @@
     'use strict';
 
     class BuilderCtrl {
-      constructor(Converter, growl, locker, $scope, $uibModal) {
+      constructor(Converter, $scope, $uibModal) {
         let vm = this;
 
-        // all available / saved forms
-        vm.forms = locker.get('schema_forms', {
-          'sample_form': {
+        // sample form
+        vm.sampleForm = 
+          {
             name: 'Sample Form',
             type: 'schema-form',
             fields: [
@@ -62,8 +62,7 @@
                 open: false
               }
             ]
-          }
-        });
+          };
 
         // describing properties of each form field
         vm.schema = {
@@ -270,11 +269,6 @@
                     },
                     style: 'btn-success btn-sm pull-right',
                     title: 'Generate Schema'
-                  },
-                  {
-                    type: 'submit',
-                    style: 'btn-success btn-sm pull-right margin-right-20',
-                    title: 'Save'
                   }
                 ]
               }
@@ -446,57 +440,16 @@
         // the resulting schema and form definitions
         vm.output = {schema: {}, form: []};
 
-        vm.saveForm = (form) => {
-          $scope.$broadcast('schemaFormValidate');
-          if (form.$valid) {
-            persistForm();
-          }
-        };
         vm.newForm = () => {
-          persistForm();
           vm.model = {
             fields: []
           };
           console.log(vm.model);
         };
-        vm.openForm = () => {
-          var modalInstance = $uibModal.open({
-            templateUrl: 'builder/views/open.tpl.html',
-            controller: function ($uibModalInstance, forms) {
-              let vm = this;
-              vm.forms = forms;
-              vm.open = function (form) {
-                $uibModalInstance.close(form);
-              };
 
-              vm.delete = function (index, form) {
-                if (confirm('About to delete ' + form.name)) {
-                  vm.forms.slice(vm.forms, index, 1);
-                  locker.put('schema_forms', vm.forms);
-                }
-              };
-
-              vm.cancel = function () {
-                $uibModalInstance.dismiss();
-              }
-            },
-            controllerAs: 'modal',
-            resolve: {
-              forms: function () {
-                return vm.forms;
-              }
-            }
-          });
-
-          modalInstance.result.then(function (form) {
-            persistForm();
-            vm.model = form;
-            generateOutput(vm.model);
-          });
-        };
 
         if (!vm.model.name) {
-          vm.openForm();
+          vm.model = vm.sampleForm;
         }
 
         function generateOutput(update) {
@@ -505,14 +458,6 @@
           vm.display = angular.copy(vm.output);
         }
 
-        function persistForm() {
-          if (vm.model.name && vm.model.name.length > 0) {
-            vm.forms[_.snakeCase(vm.model.name)] = vm.model;
-            locker.put('schema_forms', vm.forms);
-            growl.success('Form ' + vm.model.name + ' Saved');
-          }
-        }
-
 
         $scope.$watch(() => vm.model, function (update) {
           generateOutput(update);

app/builder/views/builder.tpl.html

@@ -1,22 +1,13 @@
 
 <div class="body-section">
-    <div class="header">
-        <h4>
-            <img src="images/logo.png" alt="">
-            Schema Form <strong>Builder</strong> <span class="grey">/ {{ builder.model.name || 'Untitled Form'}}</span>
-            <a class="btn btn-sm btn-primary pull-right" ng-click="builder.newForm()">New Form</a>
-            <a class="btn btn-sm btn-warning pull-right margin-right-20" ng-click="builder.openForm()">My previous Forms</a>
-        </h4>
-    </div>
     <div class="container">
-        <!--<uib-alert type="default">Build your own form</uib-alert>-->
-
         <div class="row">
             <div class="col-sm-6 builder">
-                <form name="builderForm" ng-submit="builder.saveForm(builderForm)">
+                <form name="builderForm">
                     <div sf-schema="builder.schema" sf-form="builder.form" sf-model="builder.model"
                          sf-options="{ formDefaults: { ngModelOptions: { updateOn: 'blur' } }}"></div>
                 </form>
+                <a class="btn btn-sm btn-primary pull-right" ng-click="builder.newForm()">New Form</a>
             </div>
             <div class="col-sm-6 preview">
                 <h4>preview</h4>

app/builder/views/open.tpl.html

@@ -9,9 +9,7 @@
     "font-awesome": "~4.2.0",
     "lodash": "~3.9.0",
     "angular-schema-form": "~0.8.12",
-    "angular-locker": "~2.0.4",
-    "angular-ui-sortable": "~0.13.4",
-    "angular-growl-v2": "~0.7.9"
+    "angular-ui-sortable": "~0.13.4"
   },
   "devDependencies": {
     "angular-mocks": "~1.4.*"