Index: arms/html/pdService/content-container.html
===================================================================
diff -u -r8df540967083027349a4b579236156b2a4fcc23b -r558049ccd7a66e8d6bf7a661bddce3fd3f9f8d3f
--- arms/html/pdService/content-container.html	(.../content-container.html)	(revision 8df540967083027349a4b579236156b2a4fcc23b)
+++ arms/html/pdService/content-container.html	(.../content-container.html)	(revision 558049ccd7a66e8d6bf7a661bddce3fd3f9f8d3f)
@@ -44,7 +44,9 @@
 		<header class="product-handler">
 			<div class="product-handler__group">
 				<a class="btn btn-block btn-transparent" href="">새창으로 보기</a>
-				<a class="btn btn-block btn-transparent" href="">내용편집 하기</a>
+				<a id="service-modify" class="btn btn-block btn-transparent" href="#"
+					>내용편집 하기</a
+				>
 				<button class="btn btn-danger btn-block">삭제하기</button>
 			</div>
 			<button class="product-handler__register btn btn-info btn-block">
@@ -76,7 +78,8 @@
 									style="color: #f8f8f8"
 									size="16"
 									type="text"
-									placeholder="제품(서비스)명을 입력해 주세요"
+									readonly
+									placeholder="service name ###"
 								/>
 							</div>
 						</div>
@@ -86,11 +89,15 @@
 							>
 							<div class="input-wrap col-sm-8">
 								<span class="input-group-addon"><i class="fa fa-user"></i></span>
-								<select
-									id="reviewer_select2"
-									class="js-data-example-ajax form-control font13 darkBack"
-									placeholder="제품(서비스)의 관리자를 등록해 주세요"
-								></select>
+								<input
+									id="prepended-input"
+									class="form-control font13 darkBack"
+									style="color: #f8f8f8"
+									size="16"
+									type="text"
+									readonly
+									placeholder="service owner ###"
+								/>
 							</div>
 						</div>
 						<div class="control-group">
@@ -99,17 +106,13 @@
 							>
 							<div class="input-wrap col-sm-8">
 								<span class="input-group-addon"><i class="fa fa-users"></i></span>
-								<select
-									id="owner_select2"
-									class="js-example-basic-multiple-limit js-states form-control font13 darkBack"
-									multiple=""
-								></select>
+								<div id="service-reviewers" class="form-control darkBack">
+									<a href="">이동민</a>
+									<a href="">방현지</a>
+								</div>
 							</div>
 						</div>
 					</div>
-					<div id="editor" class="darkBack">
-						<p>입력란이 좁다면 하단에 새창으로 띄우기를 클릭하세요.</p>
-					</div>
 				</div>
 				<div class="body-middle">
 					<form
@@ -303,6 +306,31 @@
 	.input-wrap .select2-search--inline input {
 		width: 100% !important;
 	}
+	.form-control:focus {
+		box-shadow: none;
+	}
+
+	#service-reviewers,
+	#service-reviewers a {
+		display: flex;
+		align-items: center;
+		gap: 10px;
+		padding: 0;
+	}
+
+	#service-reviewers a {
+		gap: 5px;
+	}
+
+	.profile-image {
+		width: 24px;
+		height: 24px;
+		border-radius: 50%;
+		overflow: hidden;
+	}
+	.profile-image img {
+		width: 100%;
+	}
 </style>
 <script type="text/javascript" charset="utf-8">
 	//<![CDATA[
FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `arms/html/pdServiceModify/content-container.html'.
FishEye: No comparison available.  Pass `N' to diff?
FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `arms/html/pdServiceModify/content-header.html'.
FishEye: No comparison available.  Pass `N' to diff?
Index: arms/js/pdService.js
===================================================================
diff -u -r7b0459c6928f31a6889a42ff9cd74d2feb2e8f56 -r558049ccd7a66e8d6bf7a661bddce3fd3f9f8d3f
--- arms/js/pdService.js	(.../pdService.js)	(revision 7b0459c6928f31a6889a42ff9cd74d2feb2e8f56)
+++ arms/js/pdService.js	(.../pdService.js)	(revision 558049ccd7a66e8d6bf7a661bddce3fd3f9f8d3f)
@@ -1,14 +1,41 @@
+// make review list
+const makeReviewList = function (profile) {
+	const wrap = document.getElementById("service-reviewers");
+	let reviewer = "";
+	profile.forEach(
+		(item) =>
+			(reviewer += `
+		<a>
+			<span class="profile-image"><img src="${item.image}"></span>
+			<span class="name">${item.name}</td>
+		</a>
+	`)
+	);
+
+	wrap.innerHTML = reviewer;
+};
+
 $(function () {
-    setSideMenu("sidebar_menu_product", "sidebar_menu_product_manage");
-    jsTreeBuild("#demo", "pdservice");
-    //서비스 등록
-    $(".btn-info").on("click", function () {
-        var index = $("label.btn-sm.active").index();
-        index === 0
-            ? registNewServie("pdservice", "#demo")
-            : updateServie("pdservice", "#demo");
-    });
+	setSideMenu("sidebar_menu_product", "sidebar_menu_product_manage");
+	jsTreeBuild("#demo", "pdservice");
+	//서비스 등록
+	$(".btn-info").on("click", function () {
+		var index = $("label.btn-sm.active").index();
+		index === 0
+			? registNewServie("pdservice", "#demo")
+			: updateServie("pdservice", "#demo");
+	});
 
+	makeReviewList([
+		{
+			name: "Finees Lund",
+			image: "../reference/light-blue/img/1.jpg",
+		},
+		{
+			name: "Frans Garey",
+			image: "../reference/light-blue/img/13.jpg",
+		},
+	]);
 });
 
 // --- 에디터 설정 --- //
@@ -17,169 +44,109 @@
 
 // --- 팝업 띄울때 사이즈 조정 -- //
 $("#modalPopupId").click(function () {
-    var height = $(document).height() - 400;
-    $(".modal-body")
-        .find(".cke_contents:eq(0)")
-        .css("height", height + "px");
+	var height = $(document).height() - 400;
+	$(".modal-body")
+		.find(".cke_contents:eq(0)")
+		.css("height", height + "px");
 });
 
 function jsTreeClick(selectedNode) {
-    console.log("-->" + selectedNode.attr("id").replace("node_", ""));
-    console.log("->" + selectedNode.find("a.jstree-clicked").siblings('.jstree-icon').text() + "<-");
-    var tempNode = selectedNode.find("a.jstree-clicked").siblings('.jstree-icon');
-    tempNode.trigger('click');
-    console.log("여기:" + tempNode);
-    var getSelectedText = selectedNode.find("a.jstree-clicked").text().trimStart();
-    console.log(getSelectedText);
-    $("#prepended-input").val(getSelectedText);
+	console.log("-->" + selectedNode.attr("id").replace("node_", ""));
+	console.log(
+		"->" +
+			selectedNode.find("a.jstree-clicked").siblings(".jstree-icon").text() +
+			"<-"
+	);
+	var tempNode = selectedNode.find("a.jstree-clicked").siblings(".jstree-icon");
+	tempNode.trigger("click");
+	console.log("여기:" + tempNode);
+	var getSelectedText = selectedNode.find("a.jstree-clicked").text().trimStart();
+	console.log(getSelectedText);
+	$("#prepended-input").val(getSelectedText);
 
-    checkEqualSelectedNode(selectedNode);
-    dataLoad(selectedNode.attr("id").replace("node_", ""));
+	checkEqualSelectedNode(selectedNode);
+	dataLoad(selectedNode.attr("id").replace("node_", ""));
 }
 
 function dataLoad(getSelectedText) {
-    // ajax 처리 후 에디터 바인딩.
-    console.log(getSelectedText);
-    $.ajax({
-        url: "/auth-user/api/arms/pdservice/getNode.do?c_id=" + getSelectedText ,
-        dataType: "json",
-        async: false,
-        success: function (data) {
-            //CKEDITOR.instances.editor.setData(data.c_contents);
-            $("#editor").html(data.c_contents);
-            var pdServiceNameplaceHolder = $("#pdServiceTitle").attr("placeholder");
-            $("#pdServiceTitle").attr(
-                "placeholder",
-                pdServiceNameplaceHolder + " " + data.c_title
-            );
-        },
-    });
+	// ajax 처리 후 에디터 바인딩.
+	console.log(getSelectedText);
+	$.ajax({
+		url: "/auth-user/api/arms/pdservice/getNode.do?c_id=" + getSelectedText,
+		dataType: "json",
+		async: false,
+		success: function (data) {
+			//CKEDITOR.instances.editor.setData(data.c_contents);
+			$("#editor").html(data.c_contents);
+			var pdServiceNameplaceHolder = $("#pdServiceTitle").attr("placeholder");
+			$("#pdServiceTitle").attr(
+				"placeholder",
+				pdServiceNameplaceHolder + " " + data.c_title
+			);
+		},
+	});
 }
 
-function checkEqualSelectedNode(selectedNode){
-    var getSelectedText = selectedNode.find("a.jstree-clicked").text().trimStart();
-    var inputText = $("#prepended-input").val();
-    if(getSelectedText == inputText){
-        console.log("동일하다 선택된 값이다.");
-        $('.updatemode').click();
-    }else{
-        console.log("값이 틀리다.");
-        $('.newmode').click();
-    }
+function checkEqualSelectedNode(selectedNode) {
+	var getSelectedText = selectedNode.find("a.jstree-clicked").text().trimStart();
+	var inputText = $("#prepended-input").val();
+	if (getSelectedText == inputText) {
+		console.log("동일하다 선택된 값이다.");
+		$(".updatemode").click();
+	} else {
+		console.log("값이 틀리다.");
+		$(".newmode").click();
+	}
 }
 
-$('.newmode').click(function(){
-    $('#prepended-input').val('');
-    $('#owner_select2').val(null).trigger('change');
-    $('#reviewer_select2').val(null).trigger('change');
+$(".newmode").click(function () {
+	$("#prepended-input").val("");
+	$("#owner_select2").val(null).trigger("change");
+	$("#reviewer_select2").val(null).trigger("change");
 });
 
-// --- select2 설정 --- //
-$(".js-example-basic-multiple-limit").select2({
-    maximumSelectionLength: 2,
-    ajax: {
-        url: "https://api.github.com/search/repositories",
-        dataType: "json",
-        delay: 250,
-        data: function (params) {
-            return {
-                q: params.term, // search term
-                page: params.page,
-            };
-        },
-        processResults: function (data, params) {
-            // parse the results into the format expected by Select2
-            // since we are using custom formatting functions we do not need to
-            // alter the remote JSON data, except to indicate that infinite
-            // scrolling can be used
-            params.page = params.page || 1;
-
-            return {
-                results: data.items,
-                pagination: {
-                    more: params.page * 30 < data.total_count,
-                },
-            };
-        },
-        cache: true,
-    },
-    placeholder: "제품(서비스)의 오너를 등록해 주세요",
-    minimumInputLength: 1,
-    templateResult: formatRepo,
-    templateSelection: formatRepoSelection,
-});
-
-$(".js-data-example-ajax").select2({
-    ajax: {
-        url: "https://api.github.com/search/repositories",
-        dataType: "json",
-        delay: 250,
-        data: function (params) {
-            return {
-                q: params.term, // search term
-                page: params.page,
-            };
-        },
-        processResults: function (data, params) {
-            // parse the results into the format expected by Select2
-            // since we are using custom formatting functions we do not need to
-            // alter the remote JSON data, except to indicate that infinite
-            // scrolling can be used
-            params.page = params.page || 1;
-
-            return {
-                results: data.items,
-                pagination: {
-                    more: params.page * 30 < data.total_count,
-                },
-            };
-        },
-        cache: true,
-    },
-    placeholder: "제품(서비스)의 Default 리뷰어를 등록해 주세요",
-    minimumInputLength: 1,
-    templateResult: formatRepo,
-    templateSelection: formatRepoSelection,
-});
-
 function formatRepo(repo) {
-    if (repo.loading) {
-        return repo.text;
-    }
+	if (repo.loading) {
+		return repo.text;
+	}
 
-    var $container = $(
-        "<div class='select2-result-repository clearfix'>" +
-        "<div class='select2-result-repository__meta'>" +
-        "<div class='select2-result-repository__title'></div>" +
-        "<div class='select2-result-repository__description'></div>" +
-        "<div class='select2-result-repository__statistics'>" +
-        "<div class='select2-result-repository__forks'><i class='fa fa-flash'></i> </div>" +
-        "<div class='select2-result-repository__stargazers'><i class='fa fa-star'></i> </div>" +
-        "<div class='select2-result-repository__watchers'><i class='fa fa-eye'></i> </div>" +
-        "</div>" +
-        "</div>" +
-        "</div>"
-    );
+	var $container = $(
+		"<div class='select2-result-repository clearfix'>" +
+			"<div class='select2-result-repository__meta'>" +
+			"<div class='select2-result-repository__title'></div>" +
+			"<div class='select2-result-repository__description'></div>" +
+			"<div class='select2-result-repository__statistics'>" +
+			"<div class='select2-result-repository__forks'><i class='fa fa-flash'></i> </div>" +
+			"<div class='select2-result-repository__stargazers'><i class='fa fa-star'></i> </div>" +
+			"<div class='select2-result-repository__watchers'><i class='fa fa-eye'></i> </div>" +
+			"</div>" +
+			"</div>" +
+			"</div>"
+	);
 
-    $container.find(".select2-result-repository__title").text(repo.full_name);
-    $container
-        .find(".select2-result-repository__description")
-        .text(repo.description);
-    $container
-        .find(".select2-result-repository__forks")
-        .append(repo.forks_count + " Forks");
-    $container
-        .find(".select2-result-repository__stargazers")
-        .append(repo.stargazers_count + " Stars");
-    $container
-        .find(".select2-result-repository__watchers")
-        .append(repo.watchers_count + " Watchers");
+	$container.find(".select2-result-repository__title").text(repo.full_name);
+	$container
+		.find(".select2-result-repository__description")
+		.text(repo.description);
+	$container
+		.find(".select2-result-repository__forks")
+		.append(repo.forks_count + " Forks");
+	$container
+		.find(".select2-result-repository__stargazers")
+		.append(repo.stargazers_count + " Stars");
+	$container
+		.find(".select2-result-repository__watchers")
+		.append(repo.watchers_count + " Watchers");
 
-    return $container;
+	return $container;
 }
 
 function formatRepoSelection(repo) {
-    return repo.full_name || repo.text;
+	return repo.full_name || repo.text;
 }
 
+$("#service-modify").click(function (ev) {
+	ev.preventDefault();
 
+	location.href = `pdServiceModify.html?service=${123}`;
+});
FishEye: Tag d2133460ec003f42375d401a6329c35714b65209 refers to a dead (removed) revision in file `arms/js/pdServiceModify.js'.
FishEye: No comparison available.  Pass `N' to diff?
FishEye: Tag eeb56cb5772bab31901d70ef7fbfa81ff082eb79 refers to a dead (removed) revision in file `arms/pdServiceModify.html'.
FishEye: No comparison available.  Pass `N' to diff?