From 4828755183cac5e6a785896dfcf5e37e19a7677e Mon Sep 17 00:00:00 2001
From: liapan <liapan@ebay.com>
Date: Fri, 8 Dec 2017 14:33:27 +0800
Subject: [PATCH] KYLIN-3026 Can not see full cube names on insight page

---
 webapp/app/js/filters/filter.js             | 12 ++++++++++++
 webapp/app/less/app.less                    |  5 +++++
 webapp/app/partials/query/query_detail.html |  6 +++---
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/webapp/app/js/filters/filter.js b/webapp/app/js/filters/filter.js
index 0d7eb5b..72bb502 100755
--- a/webapp/app/js/filters/filter.js
+++ b/webapp/app/js/filters/filter.js
@@ -251,5 +251,17 @@ KylinApp
       })
       return formatWord.slice(1);
     };
+  }).filter('formatCubeName', function($filter) {
+    return function(item) {
+      var cubeArr = item.split(',');
+      var formatCubeName = '';
+      angular.forEach(cubeArr, function(cubeName, ind) {
+        if (ind != 0) {
+          formatCubeName += ' ';
+        }
+        formatCubeName += cubeName.split('[name=')[1].match(/[^&]*.(?=])/);
+      });
+      return formatCubeName;
+    }
   });
 
diff --git a/webapp/app/less/app.less b/webapp/app/less/app.less
index 7a23acc..eca76ff 100644
--- a/webapp/app/less/app.less
+++ b/webapp/app/less/app.less
@@ -924,4 +924,9 @@ pre {
       }
     }
   }
+}
+/*query page cube popover*/
+div[title="Cube Info Detail"].popover {
+  max-width: 1024px;
+  with: min-content;
 }
\ No newline at end of file
diff --git a/webapp/app/partials/query/query_detail.html b/webapp/app/partials/query/query_detail.html
index 0532b19..2c5fe17 100644
--- a/webapp/app/partials/query/query_detail.html
+++ b/webapp/app/partials/query/query_detail.html
@@ -52,7 +52,7 @@
 
 <div class="form-group">
     <ul class="row">
-        <li class="col-md-3" style="display: inline">
+        <li class="col-md-2" style="display: inline">
             <label>Status: &nbsp;</label>
             <span class="label label-lg label-danger arrowed" ng-if="curQuery.status=='failed'">Failed</span>
             <span class="label label-lg label-success arrowed" ng-if="curQuery.status=='success'">Success</span>
@@ -63,9 +63,9 @@
             <label>Project: &nbsp;</label>
             <span>{{curQuery.project}}</span>
         </li>
-        <li class="col-md-4 " style="display: inline">
+        <li class="col-md-5 " style="display: inline">
             <label>Cubes: &nbsp;</label>
-            <span>{{curQuery.result.cube}}</span>
+            <span>{{curQuery.result.cube | limitTo:30}}<span ng-if="curQuery.result.cube.length > 30">...  <i class="fa fa-list text-aqua" style="cursor: pointer;" popover-placement="left" popover="{{curQuery.result.cube | formatCubeName}}" popover-title="Cube Info Details"></i></span></span>
         </li>
     </ul>
 </div>
-- 
2.8.1