[vis_debug_spy] Renamed to 'vis debug spy'

Gruntfile.js

@@ -21,7 +21,7 @@ module.exports = function (grunt) {
     testUtilsDir: __dirname + '/test/utils',
     bowerComponentsDir: __dirname + '/src/kibana/bower_components',
 
-    devPlugins: 'vis_details_spy',
+    devPlugins: 'vis_debug_spy',
 
     meta: {
       banner: '/*! <%= package.name %> - v<%= package.version %> - ' +

src/kibana/components/clipboard/clipboard.html

@@ -3,7 +3,7 @@
     tooltip-placement="{{tipPlacement}}"
     tooltip-animation="false"
     tooltip-popup-delay="0"
-    tooltip-append-to-body="false">
+    tooltip-append-to-body="true">
     <i class="fa" ng-class="icon" clip-copy="copyText"></i>
   </a>
 </span>

src/kibana/components/visualize/spy/spy.js

@@ -62,7 +62,7 @@ define(function (require) {
               };
 
               current.$container.append($compile(newMode.template)(current.$scope));
-              newMode.link(current.$scope, current.$container);
+              newMode.link && newMode.link(current.$scope, current.$container);
             }
 
             // wrapped in fn to enable early return

src/kibana/plugins/vis_debug_spy/index.js

@@ -1,3 +1,3 @@
 define(function (require) {
-  require('registry/spy_modes').register(require('plugins/vis_details_spy/vis_details'));
+  require('registry/spy_modes').register(require('plugins/vis_debug_spy/vis_debug'));
 });

src/kibana/plugins/vis_debug_spy/vis_debug.html

@@ -0,0 +1,36 @@
+<div>
+  <div class="row">
+    <div class="col-md-6">
+      <div class="form-group">
+        <label>
+          Vis State
+          <kbn-clipboard copy="visStateJson"></kbn-clipboard>
+        </label>
+        <pre>{{visStateJson}}</pre>
+      </div>
+    </div>
+    <div class="col-md-6">
+      <div class="form-group">
+        <label>Details</label>
+        <table class="table">
+          <tr>
+            <th>
+              Type Name
+            </th>
+            <td>
+              {{vis.type.name}}
+            </td>
+          </tr>
+          <tr>
+            <th>
+              Hierarchical Data
+            </th>
+            <td>
+              {{vis.type.hierarchicalData}}
+            </td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>

src/kibana/plugins/vis_debug_spy/vis_debug.js

@@ -0,0 +1,15 @@
+define(function (require) {
+  return function VisDetailsSpyProvider(Notifier, $filter, $rootScope, config) {
+    return {
+      name: 'debug',
+      display: 'Debug',
+      template: require('text!plugins/vis_debug_spy/vis_debug.html'),
+      order: 5,
+      link: function ($scope, $el) {
+        $scope.$watch('vis.getState() | json', function (json) {
+          $scope.visStateJson = json;
+        });
+      }
+    };
+  };
+});

src/kibana/plugins/vis_details_spy/vis_details.html

@@ -1,29 +0,0 @@
-<div>
-  <div class="row">
-    <div class="col-md-6">
-      <h2>State</h2>
-      <pre>{{vis.getState() | json}}</pre>
-    </div>
-    <div class="col-md-6">
-      <h2>Details</h2>
-      <table class="table">
-        <tr>
-          <th>
-            Type Name
-          </th>
-          <td>
-            {{vis.type.name}}
-          </td>
-        </tr>
-        <tr>
-          <th>
-            Hierarchical Data
-          </th>
-          <td>
-            {{vis.type.hierarchicalData}}
-          </td>
-        </tr>
-      </table>
-    </div>
-  </div>
-</div>

src/kibana/plugins/vis_details_spy/vis_details.js

@@ -1,12 +0,0 @@
-define(function (require) {
-  return function VisDetailsSpyProvider(Notifier, $filter, $rootScope, config) {
-    return {
-      name: 'vis',
-      display: 'Vis Details',
-      template: require('text!plugins/vis_details_spy/vis_details.html'),
-      order: 5,
-      link: function tableLinkFn($scope, $el) {
-      }
-    };
-  };
-});