Merge pull request elastic#4795 from w33ble/vis-type-icons

Vis type icons in editor and dashboard
rashidkpc · Aug 31, 2015 · f552581 · f552581
2 parents 6765112 + 2ee3ac4
commit f552581
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/src/plugins/kibana/public/dashboard/components/panel/panel.html b/src/plugins/kibana/public/dashboard/components/panel/panel.html
@@ -1,6 +1,14 @@
 <div class="panel panel-default" ng-switch on="panel.type" ng-if="savedObj || error">
   <div class="panel-heading">
-    <span class="panel-title">{{savedObj.title}}</span>
+    <span class="panel-title">
+      <i
+        class="fa"
+        ng-class="savedObj.vis.type.icon"
+        aria-label="{{savedObj.vis.type.title}} Icon"
+        title="{{savedObj.vis.type.title}}">
+      </i>
+      {{savedObj.title}}
+    </span>
     <div class="btn-group">
       <a aria-label="Edit" ng-show="chrome.getVisible() && editUrl" ng-href="{{editUrl}}">
         <i aria-hidden="true" class="fa fa-pencil"></i>

diff --git a/src/plugins/kibana/public/dashboard/styles/main.less b/src/plugins/kibana/public/dashboard/styles/main.less
@@ -76,6 +76,12 @@ dashboard-grid {
 
           .ellipsis();
           flex: 1 1 auto;
+
+          i {
+            opacity: 0.3;
+            font-size: 1.2em;
+            margin-right: 4px;
+          }
         }
 
         a {

diff --git a/src/plugins/kibana/public/visualize/editor/editor.html b/src/plugins/kibana/public/visualize/editor/editor.html
@@ -130,7 +130,8 @@
 
     <div class="vis-editor-canvas" ng-class="{ embedded: !chrome.getVisible() }">
       <div class="visualize-info" ng-if="savedVis.id">
-        <div class="visualize-info-tab">
+        <div class="visualize-info-tab" title="{{savedVis.vis.type.title}}">
+          <i class="fa" aria-label="{{savedVis.vis.type.title}} Icon" ng-class="savedVis.vis.type.icon"></i>
           <span bindonce bo-bind="savedVis.title"></span>
         </div>
       </div>