support for selecting view templates (bootstrap/material)

bower.json

@@ -35,8 +35,10 @@
     "Sortable": "dev"
   },
   "devDependencies": {
+    "bootstrap-sass": "3.x",
     "angular-translate-loader-partial": "2.x",
     "angular-translate-loader-static-files": "2.x",
-    "angular-mocks": "~1.4.8"
+    "angular-mocks": "~1.4.8",
+    "angular-material": "^1.0.7"
   }
 }

demo/demo.html

@@ -6,7 +6,7 @@
         <link rel="stylesheet" href="../bower_components/angular/angular-csp.css">
         <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
         <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
-        <link rel="stylesheet" href="../dist/form-builder.min.css">
+        <link rel="stylesheet" href="../dist/form-builder-bootstrap.min.css">
         <link rel="stylesheet" href="../dist/form-viewer.min.css">
         <link rel="stylesheet" href="demo.css">
     </head>
@@ -180,8 +180,9 @@ <h4><a ng-click="ctrl.cgetResponseSheet = !ctrl.cgetResponseSheet" href="#getRes
         <script src="../bower_components/Sortable/ng-sortable.js"></script>
         <script src="../dist/form-utils.min.js"></script>
         <script src="../dist/form-builder.min.js"></script>
+        <script src="../dist/form-builder-bootstrap-tpls.min.js"></script>
         <script src="../dist/form-viewer.min.js"></script>
-
+        <script src="../dist/form-viewer-bootstrap-tpls.min.js"></script>
         <script src="demo.js"></script>
 
 

demo/demo.js

@@ -1,4 +1,4 @@
-angular.module('app', ['mwFormBuilder', 'mwFormViewer', 'mwFormUtils', 'pascalprecht.translate', 'monospaced.elastic'])
+angular.module('app', ['ui.bootstrap', 'mwFormBuilder', 'mwFormViewer', 'mwFormUtils', 'pascalprecht.translate', 'monospaced.elastic'])
     .config(function($translateProvider){
         $translateProvider.useStaticFilesLoader({
             prefix: '../dist/i18n/',