Add click-to-edit dashboard title

src/kibana/apps/dashboard/index.html

@@ -2,9 +2,14 @@
   <nav class="navbar navbar-default navbar-static-top">
     <div class="container-fluid">
       <div class="navbar-header">
-        <span class="navbar-brand pull-left">
+        <span class="navbar-brand pull-left" ng-click="editingTitle = true" ng-hide="editingTitle">
           {{dashboard.title}}
         </span>
+        <span class="pull-left" ng-show="editingTitle">
+          <form class="navbar-form" ng-submit="editingTitle = false">
+            <input type="text" ng-model="dashboard.title" class="form-control"/>
+          </form>
+        </span>
       </div>
 
       <ul class="nav navbar-nav pull-left">

src/kibana/apps/dashboard/index.js

@@ -39,6 +39,8 @@ define(function (require) {
 
 
     var init = function () {
+      $scope.editingTitle = false;
+
       // Passed in the grid attr to the directive so we can access the directive's function from
       // the controller and view
       $scope.gridControl = {};