From e8f79d51fc01be690650b4f91554875779bf9eab Mon Sep 17 00:00:00 2001
From: Denny Lim <hi.iamdenny@gmail.com>
Date: Wed, 23 Apr 2014 02:55:41 +0000
Subject: [PATCH] =?UTF-8?q?[=EC=9E=84=EB=8C=80=ED=98=84]=20#114=20unknown?=
 =?UTF-8?q?=20group=20node/link=EC=9D=98=20=EC=83=81=EC=84=B8=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=EC=97=90=20=EB=B3=B4=EC=97=AC=EC=A3=BC=EB=8A=94=20?=
 =?UTF-8?q?=EC=B0=A8=ED=8A=B8=EB=A5=BC=20histogram=EC=97=90=EC=84=9C=20loa?=
 =?UTF-8?q?d=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

git-svn-id: http://svn.bds.nhncorp.com/pe/hippo-web/trunk@3721 84d0f5b1-2673-498c-a247-62c4ff18d310
---
 src/main/webapp/scripts/controllers/main.js |  4 ++--
 src/main/webapp/styles/linkInfoDetails.css  | 11 +++++++----
 src/main/webapp/styles/nodeInfoDetails.css  |  7 +++++++
 src/main/webapp/views/linkInfoDetails.html  | 11 +++++------
 src/main/webapp/views/nodeInfoDetails.html  |  2 +-
 5 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/main/webapp/scripts/controllers/main.js b/src/main/webapp/scripts/controllers/main.js
index 3f64b1e8b..a0b2dc335 100644
--- a/src/main/webapp/scripts/controllers/main.js
+++ b/src/main/webapp/scripts/controllers/main.js
@@ -149,8 +149,8 @@ pinpointApp.controller('MainCtrl', [ 'filterConfig', '$scope', '$timeout', '$rou
             var oSidebarTitleVo = new SidebarTitleVo;
             if (link.targetRawData) {
                 oSidebarTitleVo
-                    .setImageType('UNKNOWN_GROUP')
-                    .setTitle('Link Group');
+                    .setImageType(link.sourceInfo.serviceType)
+                    .setTitle('Unknown Group from ' + link.sourceInfo.applicationName);
             } else {
                 oSidebarTitleVo
                     .setImageType(link.sourceInfo.serviceType)
diff --git a/src/main/webapp/styles/linkInfoDetails.css b/src/main/webapp/styles/linkInfoDetails.css
index 0f85d1810..cc024d117 100644
--- a/src/main/webapp/styles/linkInfoDetails.css
+++ b/src/main/webapp/styles/linkInfoDetails.css
@@ -1,11 +1,14 @@
 .linkInfoDetails {
-    line-height: 25px;
-    margin-bottom: 5px;
-    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
-    font-size: 12px;
     padding: 5px 15px 30px;
 }
 .linkInfoDetails .infoBarChart svg g.nv-group rect,
 .linkInfoDetails .infoBarChart svg g.nv-group text {
     cursor: pointer;
+}
+.linkInfoDetails .panel {
+    border: 1px solid #BDC3C7;
+}
+.linkInfoDetails .panel-default>.panel-heading {
+    background-color: #E5F0FC;
+    border-bottom: 1px solid #BDC3C7;
 }
\ No newline at end of file
diff --git a/src/main/webapp/styles/nodeInfoDetails.css b/src/main/webapp/styles/nodeInfoDetails.css
index c5ac8c030..071cdcc92 100644
--- a/src/main/webapp/styles/nodeInfoDetails.css
+++ b/src/main/webapp/styles/nodeInfoDetails.css
@@ -11,4 +11,11 @@
     margin-bottom: 5px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
+}
+.nodeInfoDetails .panel {
+    border: 1px solid #BDC3C7;
+}
+.nodeInfoDetails .panel-default>.panel-heading {
+    background-color: #E5F0FC;
+    border-bottom: 1px solid #BDC3C7;
 }
\ No newline at end of file
diff --git a/src/main/webapp/views/linkInfoDetails.html b/src/main/webapp/views/linkInfoDetails.html
index 9a6f52d79..453ac111d 100644
--- a/src/main/webapp/views/linkInfoDetails.html
+++ b/src/main/webapp/views/linkInfoDetails.html
@@ -3,13 +3,12 @@
     <div ng-if="linkCategory == 'UnknownLinkInfoBox'">
 
         <div class="panel panel-default" ng-repeat="target in targetInfo | orderBy:'count':true">
-            <div class="panel-heading" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"
-                 title="{{sourceInfo.applicationName}} → {{target.applicationName}}" data-placement="bottom" data-toggle="tooltip" >
-                <img ng-src="/images/icons/{{sourceInfo.serviceType | icons}}.png" style="height:14px;" />
-                {{sourceInfo.applicationName}}
+            <div class="panel-heading">
+                <!--<img ng-src="/images/icons/{{sourceInfo.serviceType | icons}}.png" style="height:14px;" />-->
+                <!--{{sourceInfo.applicationName}}-->
                 <span class="glyphicon glyphicon-arrow-right"></span>
-                <img ng-src="/images/icons/UNKNOWN.png" style="height:14px;" />
-                {{target.applicationName}}
+                <!--<img ng-src="/images/icons/UNKNOWN.png" style="height:14px;" />-->
+                {{target.applicationName}}  <span class="badge">{{target.count}}</span>
             </div>
             <div ng-init="showLinkResponseSummary=false" class="panel-body summaryCharts_{{target.applicationName | applicationNameToClassName}}" style="position: relative; padding:0">
                 <div class="response-summary" ng-show="showLinkResponseSummary">
diff --git a/src/main/webapp/views/nodeInfoDetails.html b/src/main/webapp/views/nodeInfoDetails.html
index 7e08e7c50..64b66e553 100644
--- a/src/main/webapp/views/nodeInfoDetails.html
+++ b/src/main/webapp/views/nodeInfoDetails.html
@@ -4,7 +4,7 @@
 
         <div class="panel panel-default" ng-repeat="node in unknownGroup | orderBy:'count':true">
             <div class="panel-heading">
-                {{node.applicationName}}
+                {{node.applicationName}} <span class="badge">{{node.count}}</span>
             </div>
 
             <div ng-init="showNodeResponseSummary=false" class="panel-body summaryCharts_{{node.applicationName | applicationNameToClassName}}" style="position: relative; padding:0">