Added config directive

src/kibana/apps/dashboard/index.html

@@ -4,13 +4,13 @@
       {{dashboard.title}}
     </div>
 
-    <ul class="nav navbar-nav pull-right">
+    <ul class="nav navbar-nav">
       <li><a class="link" ng-click="gridControl.addWidget()"><i class="fa fa-plus"></i></a></li>
-      <li><a class="link" ng-click="save(dashboard.title)"><i class="fa fa-save"></i></a></li>
-      <li><a class="link" ng-click="load(dashboard.title)"><i class="fa fa-folder-open"></i></a></li>
-
+      <li><a class="link" ng-click="openSave()"><i class="fa fa-save"></i></a></li>
+      <li><a class="link" ng-click="openLoad()"><i class="fa fa-folder-open"></i></a></li>
     </ul>
   </nav>
+  <config config-template="configTemplate" config-object="configurable" config-close="configClose"></config>
 
   <div class="container-default">
     <ul dashboard-grid grid="dashboard.panels" control="gridControl"></ul>

src/kibana/apps/dashboard/index.js

@@ -7,6 +7,7 @@ define(function (require) {
 
   require('css!./styles/main.css');
   require('css!../../../bower_components/gridster/dist/jquery.gridster.css');
+  require('directives/config');
   require('gridster');
 
 
@@ -18,6 +19,20 @@ define(function (require) {
     // the controller and view
     $scope.gridControl = {foo: true};
 
+    $scope.openSave = function () {
+      $scope.configTemplate = 'kibana/apps/dashboard/partials/saveDashboard.html';
+      $scope.configClose = function () {
+        console.log('SAVE close');
+      };
+    };
+
+    $scope.openLoad = function () {
+      $scope.configTemplate = 'kibana/apps/dashboard/partials/loadDashboard.html';
+      $scope.configClose = function () {
+        console.log('LOAD close');
+      };
+    };
+
     $scope.save = function (title) {
       var doc = courier.createSource('doc')
         .index(configFile.kibanaIndex)
@@ -111,6 +126,10 @@ define(function (require) {
       ]
     };
 
+    $scope.configurable = {
+      dashboard: $scope.dashboard
+    };
+
 
   });
 

src/kibana/apps/dashboard/partials/loadDashboard.html

@@ -0,0 +1,5 @@
+<div class="form-group">
+  <label for="exampleInputEmail1">Load</label>
+  <input type="text" ng-model="configObject.dashboard.title" class="form-control" placeholder="Dashboard title">
+</div>
+<button type="submit" class="btn btn-default">Load</button>

src/kibana/apps/dashboard/partials/saveDashboard.html

@@ -0,0 +1,5 @@
+<div class="form-group">
+  <label for="exampleInputEmail1">Save As</label>
+  <input type="text" ng-model="configObject.dashboard.title" class="form-control" placeholder="Dashboard title">
+</div>
+<button type="submit" class="btn btn-primary">Save</button>