From 5dbeceafaecddd9e64aea3718cee29f6ebdf0994 Mon Sep 17 00:00:00 2001
From: Chisu Yu <puseori9th@gmail.com>
Date: Mon, 4 Mar 2013 07:06:29 +0000
Subject: [PATCH] =?UTF-8?q?[=EC=9C=A0=EC=B9=98=EC=88=98]=20[NOBTS]=20?=
 =?UTF-8?q?=EC=84=9C=EB=B2=84=EB=85=B8=EB=93=9C=20=ED=81=B4=EB=A6=AD?=
 =?UTF-8?q?=ED=95=98=EB=A9=B0=20=EC=84=9C=EB=B2=84=20=EB=AA=A9=EB=A1=9D=20?=
 =?UTF-8?q?=EB=B3=B4=EC=97=AC=EC=A4=8C.?=
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@1278 84d0f5b1-2673-498c-a247-62c4ff18d310
---
 src/main/webapp/common/js/hippo/chart-springy.js |  8 ++++++--
 src/main/webapp/index.html                       | 14 ++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/main/webapp/common/js/hippo/chart-springy.js b/src/main/webapp/common/js/hippo/chart-springy.js
index dcae85a94..bfd76ecc8 100644
--- a/src/main/webapp/common/js/hippo/chart-springy.js
+++ b/src/main/webapp/common/js/hippo/chart-springy.js
@@ -24,15 +24,19 @@ function drawSpringy(graphdata, targetId, width, height) {
 	for(var i=0; i<aNodes.length; i++){
 		aoNodes[i] = graph.newNode({
 									label: aNodes[i].name, 
-									helth : aNodes[i].helth, 
 									serviceType : aNodes[i].serviceType,
 									width : 100,
 									height : 80,
+									server : aNodes[i].agentIds,
 									onMouseOver : function(e){
 										$('#console').val('Node onMouseOver : ' + this.id + '\r' + $('#console').val())
 									},
 									onMouseClick : function(e){
-										$('#console').val('Node onMouseClick : ' + this.id + '\r' + $('#console').val())
+										// $('#console').val('Node onMouseClick : ' + this.id + '\r' + $('#console').val())
+										if (this.data.server.length > 0) {
+											var htOffset = $(targetId).offset();
+											$('#ServerBox').tmpl(this.data).css({'top':e.pageY - htOffset.top, 'left':e.pageX - htOffset.left}).appendTo(targetId);
+										}
 									}
 									});
 	}
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index 51261ee6d..0c78c4c2f 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -548,5 +548,19 @@ $(document).ready(function () {
 		<button style="position:absolute;top:2px;right:2px;" onClick="$(this).parent().remove()">X</button>
 	</div>
 </script>
+<script id="ServerBox" type="text/x-jquery-tmpl">
+	<div class="ServerBox" style="position:absolute;border:1px solid #000;background:#fff;padding:5px 10px;-webkit-border-radius: 5px; ">
+		<ul style="margin:0;padding:0 0 0 10px;">
+			Hosts
+				<ul>
+					{{each(key, value) server}}
+					<li>${value}</li>
+					{{/each}}
+				</ul>
+			</li>
+		</ul>
+		<button style="position:absolute;top:2px;right:2px;" onClick="$(this).parent().remove()">X</button>
+	</div>
+</script>
 </body>
 </html>
\ No newline at end of file