From b923a3db5df3f25cc44e9278a9c8c1a9b51cdffa Mon Sep 17 00:00:00 2001
From: Rashid Khan <rashidkpc@gmail.com>
Date: Thu, 12 Jun 2014 09:51:47 -0700
Subject: [PATCH] Make dashboards embeddedable

---
 src/kibana/apps/dashboard/index.html          |  3 ++-
 src/kibana/apps/dashboard/index.js            | 11 ++++++++++-
 src/kibana/apps/dashboard/partials/panel.html |  4 ++--
 src/kibana/apps/dashboard/partials/share.html | 11 +++++++++++
 src/kibana/apps/visualize/partials/share.html |  2 +-
 5 files changed, 26 insertions(+), 5 deletions(-)
 create mode 100644 src/kibana/apps/dashboard/partials/share.html

diff --git a/src/kibana/apps/dashboard/index.html b/src/kibana/apps/dashboard/index.html
index 9d54cb204264..858241999ce2 100644
--- a/src/kibana/apps/dashboard/index.html
+++ b/src/kibana/apps/dashboard/index.html
@@ -1,5 +1,5 @@
 <div dashboard-app class="dashboard-container">
-  <nav class="navbar navbar-default navbar-static-top">
+  <nav ng-show="!appEmbedded" class="navbar navbar-default navbar-static-top">
     <div class="container-fluid">
       <div class="navbar-header">
         <span class="navbar-brand pull-left">
@@ -11,6 +11,7 @@
         <li><a class="navbar-link" ng-click="openAdd()"><i class="fa fa-plus"></i></a></li>
         <li><a class="navbar-link" ng-click="openSave();"><i class="fa fa-save"></i></a></li>
         <li><a class="navbar-link" ng-click="openLoad()"><i class="fa fa-folder-open"></i></a></li>
+        <li><a class="navbar-link" ng-click="openShare()"><i class="fa fa-code"></i></a></li>
         <li><a class="navbar-link" ng-click="refresh()"><i class="fa fa-refresh"></i></a></li>
       </ul>
     </div>
diff --git a/src/kibana/apps/dashboard/index.js b/src/kibana/apps/dashboard/index.js
index 4eb2d9f68f19..076ff22c159b 100644
--- a/src/kibana/apps/dashboard/index.js
+++ b/src/kibana/apps/dashboard/index.js
@@ -62,10 +62,12 @@ define(function (require) {
         $scope.configTemplate = new ConfigTemplate({
           save: require('text!./partials/save_dashboard.html'),
           load: require('text!./partials/load_dashboard.html'),
+          share: require('text!./partials/share.html'),
           pickVis: require('text!./partials/pick_visualization.html')
         });
 
         $scope.openSave = _.partial($scope.configTemplate.toggle, 'save');
+        $scope.openShare = _.partial($scope.configTemplate.toggle, 'share');
         $scope.openLoad = _.partial($scope.configTemplate.toggle, 'load');
         $scope.openAdd = _.partial($scope.configTemplate.toggle, 'pickVis');
         $scope.refresh = _.bindKey(courier, 'fetch');
@@ -115,7 +117,14 @@ define(function (require) {
         $scope.opts = {
           dashboard: dash,
           save: $scope.save,
-          addVis: $scope.addVis
+          addVis: $scope.addVis,
+          shareData: function () {
+            return {
+              link: $location.absUrl(),
+              // This sucks, but seems like the cleanest way. Uhg.
+              embed: $location.absUrl().replace('?', '?embed&')
+            };
+          }
         };
 
         $scope.$broadcast('application.load');
diff --git a/src/kibana/apps/dashboard/partials/panel.html b/src/kibana/apps/dashboard/partials/panel.html
index b057d8ded186..69f72e5ee590 100644
--- a/src/kibana/apps/dashboard/partials/panel.html
+++ b/src/kibana/apps/dashboard/partials/panel.html
@@ -2,8 +2,8 @@
   <div class="panel-heading">
     <span class="panel-title">{{vis.title}}</span>
     <div class="btn-group pull-right">
-	  <a ng-href="#visualize/edit/{{vis.title}}"><i class="fa fa-pencil"></i></a>
-      <a ng-click="remove()"><i class="fa fa-times"></i></a>
+	  <a ng-show="!appEmbedded" ng-href="#visualize/edit/{{vis.title}}"><i class="fa fa-pencil"></i></a>
+      <a ng-show="!appEmbedded" ng-click="remove()"><i class="fa fa-times"></i></a>
     </div>
     <div class="clearfix"></div>
   </div>
diff --git a/src/kibana/apps/dashboard/partials/share.html b/src/kibana/apps/dashboard/partials/share.html
new file mode 100644
index 000000000000..879a25b776d1
--- /dev/null
+++ b/src/kibana/apps/dashboard/partials/share.html
@@ -0,0 +1,11 @@
+<form role="form" class="vis-share">
+  <div class="form-group">
+ 	<label>Embed this dashboard. <small>Copy code into your html source. Note all clients must still be able to access kibana</small></label>
+  	<div class="form-control" disabled>&lt;iframe src="{{opts.shareData().embed}}" height="600" width="800"&gt;&lt;/iframe&gt;</div>
+  </div>
+
+  <div class="form-group">
+	<label>Share a link</label>
+  	<div class="form-control" disabled>{{opts.shareData().link}}</div>
+  </div>
+</form>
\ No newline at end of file
diff --git a/src/kibana/apps/visualize/partials/share.html b/src/kibana/apps/visualize/partials/share.html
index 117929c1053f..c9703a72914e 100644
--- a/src/kibana/apps/visualize/partials/share.html
+++ b/src/kibana/apps/visualize/partials/share.html
@@ -1,7 +1,7 @@
 <form role="form" class="vis-share">
   <div class="form-group">
  	<label>Embed this visualization. <small>Copy code into your html source. Note all clients must still be able to access kibana</small></label>
-  	<div class="form-control" disabled>&lt;iframe src="{{conf.shareData().embed}}" height="400" width="600"&gt;</iframe></div>
+  	<div class="form-control" disabled>&lt;iframe src="{{conf.shareData().embed}}" height="400" width="600"&gt;&lt;/iframe&gt;</div>
   </div>
 
   <div class="form-group">