Index: arms/js/pdServiceJira.js
===================================================================
diff -u -rcd722afd2933ebfcf18823580cd851ddb4b6a5f4 -r3810896b56c88f0afbd2d2090a90fc70d603a57d
--- arms/js/pdServiceJira.js	(.../pdServiceJira.js)	(revision cd722afd2933ebfcf18823580cd851ddb4b6a5f4)
+++ arms/js/pdServiceJira.js	(.../pdServiceJira.js)	(revision 3810896b56c88f0afbd2d2090a90fc70d603a57d)
@@ -31,7 +31,7 @@
 			data:   "c_title",
 			render: function (data, type, row, meta) {
 				if (type === 'display') {
-					return '<label style="color: #f8f8f8">' + data + '</label>';
+					return '<label style="color: #a4c6ff">' + data + '</label>';
 				}
 
 				return data;
@@ -79,8 +79,19 @@
 			console.log("dataLoad :: success -> ", json);
 			versionList = json;
 			$("#versionAccordion").jsonMenu("set", json, { speed: 5000 });
+
+
 			//version text setting
-			$(".list-group-item").text(selectedText);
+			var selectedHtml = `<div class="chat-message">
+			<div class="chat-message-body" style="margin-left: 0px !important;">
+				<span class="arrow"></span>
+				<div class="sender" style="padding-bottom: 5px; padding-top: 3px;"> 제품(서비스) : </div>
+			<div class="text" style="color: #a4c6ff;">
+			` + selectedText + `
+			</div>
+			</div>
+			</div>`;
+			$(".list-group-item").html(selectedHtml);
 			$("#tooltip-enabled-service-name").val(selectedText);
 
 			updateD3ByVersionList();
@@ -116,16 +127,21 @@
 function draw(main, menu) {
 	main.html("");
 
-	let data = `
-			   <li class='list-group-item json-menu-header'>
+	var data = `
+			   <li class='list-group-item json-menu-header' style="padding: 0px; margin-bottom: 10px;">
 				   <strong>product service name</strong>
 			   </li>`;
 
 	for (let i = 0; i < menu.length; i++) {
 		data += `
 			   <div class="panel">
 				   <div class="panel-heading">
-					   <a class="accordion-toggle collapsed" data-toggle="collapse" href="" onclick="versionClick(${menu[i].c_id}, '${menu[i].c_title}'); return false;">
+					   <a class="accordion-toggle collapsed" 
+					   			data-toggle="collapse"
+					   			name="versionLink_List"
+					   			style="color: #a4c6ff; text-decoration: none; cursor: pointer;"
+					   			href="javascript:void(0);"
+					   			onclick="versionClick(this, ${menu[i].c_id}, '${menu[i].c_title}');">
 						   ${menu[i].c_title}
 					   </a>
 				   </div>
@@ -136,7 +152,14 @@
 }
 
 //버전 클릭할 때 동작하는 함수
-function versionClick(c_id, c_title) {
+function versionClick(element, event, c_id, c_title) {
+
+	$("a[name='versionLink_List']").each(function() {
+		this.style.background = "";
+	});
+	element.style.background = "rgba(229, 96, 59, 0.20)";
+	console.log(element);
+
 	selectVersion = c_id;
 	selectVersionName= c_title;
  console.log("selectVersion" + selectVersion);
@@ -185,6 +208,8 @@
 		console.log("always call");
 	});
 
+	return false;
+
 }
 
 // 제품(서비스)-버전-지라 저장
Index: arms/js/pdServiceVersion.js
===================================================================
diff -u -r4a20bef34135e20458cce3cf0f43d064455847ba -r3810896b56c88f0afbd2d2090a90fc70d603a57d
--- arms/js/pdServiceVersion.js	(.../pdServiceVersion.js)	(revision 4a20bef34135e20458cce3cf0f43d064455847ba)
+++ arms/js/pdServiceVersion.js	(.../pdServiceVersion.js)	(revision 3810896b56c88f0afbd2d2090a90fc70d603a57d)
@@ -269,7 +269,18 @@
 			console.log("dataLoad :: success -> ", json);
 			$("#versionAccordion").jsonMenu("set", json, { speed: 5000 });
 			//version text setting
-			$(".list-group-item").text(selectedText);
+
+		var selectedHtml = `<div class="chat-message">
+			<div class="chat-message-body" style="margin-left: 0px !important;">
+				<span class="arrow"></span>
+				<div class="sender" style="padding-bottom: 5px; padding-top: 3px;"> 제품(서비스) : </div>
+			<div class="text" style="color: #a4c6ff;">
+			` + selectedText + `
+			</div>
+			</div>
+			</div>`;
+
+			$(".list-group-item").html(selectedHtml);
 			$("#tooltip-enabled-service-name").val(selectedText);
 
 			// 상세보기
@@ -317,23 +328,29 @@
 	main.html("");
 
 	var data = `
-			   <li class='list-group-item json-menu-header'>
+			   <li class='list-group-item json-menu-header' style="padding: 0px;">
 				   <strong>product service name</strong>
 			   </li>
-			   <button
-					type="button"
-					class="btn btn-primary btn-block"
-					id="modalPopupId"
-					data-toggle="modal"
-					data-target="#myModal2"
-					onClick="modalPopup('modalPopupId')"
-				>신규 버전 등록하기</button>`;
+			   <button type="button"
+														class="btn btn-primary btn-block"
+														id="modalPopupId"
+														data-toggle="modal"
+														data-target="#myModal2"
+														style="margin-bottom: 10px; margin-top: 10px;"
+														onClick="modalPopup('modalPopupId')">
+							신규 버전 등록하기
+						</button>`;
 
 	for (var i = 0; i < menu.length; i++) {
 		data += `
 			   <div class="panel">
 				   <div class="panel-heading">
-					   <a class="accordion-toggle collapsed" data-toggle="collapse" style="color: #a4c6ff" onclick="versionClick(${menu[i].c_id}); return false;">
+					   <a class="accordion-toggle collapsed" 
+					   			data-toggle="collapse"
+					   			name="versionLink_List"
+					   			style="color: #a4c6ff; text-decoration: none; cursor: pointer;" 
+					   			onclick="versionClick(this, ${menu[i].c_id}); 
+					   			return false;">
 						   ${menu[i].c_title}
 					   </a>
 				   </div>
@@ -346,8 +363,16 @@
 //버전 클릭할 때 동작하는 함수
 //1. 상세보기 데이터 바인딩
 //2. 편집하기 데이터 바인딩
-function versionClick(c_id) {
+function versionClick(element, c_id) {
+
+	$("a[name='versionLink_List']").each(function() {
+		this.style.background = "";
+	});
+	element.style.background = "rgba(229, 96, 59, 0.20)";
+	console.log(element);
+
 	selectVersion = c_id;
+
 	$.ajax({
 		url: "/auth-user/api/arms/pdServiceVersion/getNode.do", // 클라이언트가 HTTP 요청을 보낼 서버의 URL 주소
 		data: { c_id: c_id }, // HTTP 요청과 함께 서버로 보낼 데이터
@@ -357,13 +382,17 @@
 		// HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨.
 		.done(function (json) {
 			console.log(" -> " + json.c_contents);
-			$("#pdServiceName").text($(".list-group-item").text());
+
+
+			$("#pdServiceName").text($('#pdserviceTable').DataTable().rows('.selected').data()[0].c_title);
+
+
 			$("#pdServiceVersion").text(json.c_title);
 			$("#versionStartDate").text(json.c_start_date);
 			$("#versionEndDate").text(json.c_end_date);
 			$("#versionContents").html(json.c_contents);
 
-			$("#input_pdserviceName").val($(".list-group-item").text());
+			$("#input_pdserviceName").val($('#pdserviceTable').DataTable().rows('.selected').data()[0].c_title);
 			$("#input_pdserviceVersion").val(json.c_title);
 			$("#input_pdservice_start_date").val(json.c_start_date);
 			$("#input_pdservice_end_date").val(json.c_end_date);
FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `reference/lightblue4/docs/css/application.css'.
FishEye: No comparison available.  Pass `N' to diff?