////////////////////////////////////////////////////////////////////////////////////////
//Page 전역 변수
////////////////////////////////////////////////////////////////////////////////////////
var selectId; // 제품 아이디
var selectName; // 제품 이름
var selectedIndex; // 데이터테이블 선택한 인덱스
var selectedPage; // 데이터테이블 선택한 인덱스
var selectVersion; // 선택한 버전 아이디
var dataTableRef; // 데이터테이블 참조 변수

////////////////////////////////////////////////////////////////////////////////////////
//Document Ready
////////////////////////////////////////////////////////////////////////////////////////
function execDocReady() {

	var pluginGroups = [
		[	"../reference/light-blue/lib/vendor/jquery.ui.widget.js",
			"../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Templates_js_tmpl.js",
			"../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Load-Image_js_load-image.js",
			"../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Canvas-to-Blob_js_canvas-to-blob.js",
			"../reference/light-blue/lib/jquery.iframe-transport.js",
			"../reference/light-blue/lib/jquery.fileupload.js",
			"../reference/light-blue/lib/jquery.fileupload-fp.js",
			"../reference/light-blue/lib/jquery.fileupload-ui.js"],

		[	"../reference/jquery-plugins/select2-4.0.2/dist/css/select2_lightblue4.css",
			"../reference/jquery-plugins/lou-multi-select-0.9.12/css/multiselect-lightblue4.css",
			"../reference/jquery-plugins/multiple-select-1.5.2/dist/multiple-select-bluelight.css",
			"../reference/jquery-plugins/select2-4.0.2/dist/js/select2.min.js",
			"../reference/jquery-plugins/lou-multi-select-0.9.12/js/jquery.quicksearch.js",
			"../reference/jquery-plugins/lou-multi-select-0.9.12/js/jquery.multi-select.js",
			"../reference/jquery-plugins/multiple-select-1.5.2/dist/multiple-select.min.js"],

		[	"../reference/jquery-plugins/datetimepicker-2.5.20/build/jquery.datetimepicker.min.css",
			"../reference/light-blue/lib/bootstrap-datepicker.js",
			"../reference/jquery-plugins/datetimepicker-2.5.20/build/jquery.datetimepicker.full.min.js",
			"../reference/lightblue4/docs/lib/widgster/widgster.js",
			"../reference/lightblue4/docs/lib/slimScroll/jquery.slimscroll.min.js"],

		[	"../reference/jquery-plugins/dataTables-1.10.16/media/css/jquery.dataTables_lightblue4.css",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Responsive/css/responsive.dataTables_lightblue4.css",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Select/css/select.dataTables_lightblue4.css",
			"../reference/jquery-plugins/dataTables-1.10.16/media/js/jquery.dataTables.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Responsive/js/dataTables.responsive.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Select/js/dataTables.select.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/RowGroup/js/dataTables.rowsGroup.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/dataTables.buttons.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/buttons.html5.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/buttons.print.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/jszip.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/pdfmake.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/vfs_fonts.js"
		]
		// 추가적인 플러그인 그룹들을 이곳에 추가하면 됩니다.
	];

	loadPluginGroupsParallelAndSequential(pluginGroups)
		.then(function() {

			console.log('모든 플러그인 로드 완료');

			// 사이드 메뉴 색상 설정
			$('.widget').widgster();
			setSideMenu("sidebar_menu_system", "sidebar_menu_system_logging");

		})
		.catch(function() {
			console.error('플러그인 로드 중 오류 발생');
		});

}

////////////////////////////////////////////////////////////////////////////////////////
// 탭 클릭 이벤트 처리
////////////////////////////////////////////////////////////////////////////////////////
function tab_click_event() {
	$('a[data-toggle="tab"]').on("shown.bs.tab", function (e) {
		var target = $(e.target).attr("href"); // activated tab
		console.log(target);

		if (target == "#dropdown1") {

			$("#pdservice_details_popup_div").addClass("hidden");
			$("#pdservice_update_div").addClass("hidden");
			$("#pdservice_delete_div").removeClass("hidden");

			$(".body-middle").hide();
			$(".pdservice-image-row").hide();
			$(".file-delete-btn").hide();
			if (isEmpty(selectId)) {
				jError("선택된 제품(서비스)가 없습니다. 오류는 무시됩니다.");
			} else {
				$("#delete_text").text($("#pdservice_table").DataTable().rows(".selected").data()[0].c_title);
			}
		} else if (target == "#report") {
			$(".pdservice-image-row").show();
			$(".file-delete-btn").show();
			$("#pdservice_details_popup_div").addClass("hidden");
			$("#pdservice_delete_div").addClass("hidden");
			$("#pdservice_update_div").removeClass("hidden");

		} else {
			$("#pdservice_details_popup_div").removeClass("hidden");
			$("#pdservice_update_div").addClass("hidden");
			$("#pdservice_delete_div").addClass("hidden");
			$(".pdservice-image-row").hide();
			$(".file-delete-btn").hide();

			if (selectId == undefined) {
				$(".body-middle").hide();
			} else {
				$(".body-middle").show();
			}
		}
	});
}


////////////////////////////////////////////////////////////////////////////////////////
// --- 신규 제품(서비스) 등록 팝업 및 팝업 띄울때 사이즈 조정 -- //
////////////////////////////////////////////////////////////////////////////////////////
function popup_size_setting(){
	console.log("popup_size_setting() is activated");
	$("#modal_popup_id").click(function () {
		console.log("modal_popup_id clicked");
		var height = $(document).height() - 600;

		//모달 초기화
		$("#my_modal2").on("hidden.bs.modal", function (e) {
			$(this).find('form')[0].reset();
			$("#popup_editview_pdservice_owner").val(null).trigger("change");
			$("#popup_editview_pdservice_reviewers").val(null).trigger("change");
			CKEDITOR.instances.modal_editor.setData("<p>제품(서비스)의 기획서 및 Project Charter 의 내용을 기록합니다.</p>"); //에디터 초기화
		});

		$(".modal-body")
			.find(".cke_contents:eq(0)")
			.css("height", height + "px");
	});

	// 팝업하여 편집
	$("#extend_modal_popup_id").click(function () {
		var height = $(document).height() - 1000;
		$(".modal-body")
			.find(".cke_contents:eq(0)")
			.css("height", height + "px");

		// 데이터 셋팅
		var editorData = CKEDITOR.instances.input_pdservice_editor.getData();
		console.log(editorData);
		CKEDITOR.instances.extend_modal_editor.setData(editorData);
		CKEDITOR.instances.extend_modal_editor.setReadOnly(false);

		var selectedId = $("#pdservice_table").DataTable().rows(".selected").data()[0].c_id;
		console.log("selectedId →" + selectedId);

		// 제품(서비스) 이름
		$("#extend_editview_pdservice_name").val($("#editview_pdservice_name").val());

		// 오너
		// clear
		$("#extend_editview_pdservice_owner").val(null).trigger("change");

		// 부모 페이지에서 데이터 로드
		var owner = "none";
		if ($("#editview_pdservice_owner").select2("data")[0] != undefined) {
			owner = $("#editview_pdservice_owner").select2("data")[0].text;
		}

		// Modal 창에 데이터 셋팅
		if (owner == null || owner == "none") {
			console.log("pdServiceDataTableClick :: json.c_pdservice_owner empty");
		} else {
			var newOption = new Option(owner, owner, true, true);
			$("#extend_editview_pdservice_owner").append(newOption).trigger("change");
		}

		// 리뷰어
		//clear
		$("#extend_editview_pdservice_reviewers").val(null).trigger("change");

		var reviewer01 = "none";
		var reviewer02 = "none";
		var reviewer03 = "none";
		var reviewer04 = "none";
		var reviewer05 = "none";

		if ($("#editview_pdservice_reviewers").select2("data")[0] != undefined) {
			reviewer01 = $("#editview_pdservice_reviewers").select2("data")[0].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[1] != undefined) {
			reviewer02 = $("#editview_pdservice_reviewers").select2("data")[1].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[2] != undefined) {
			reviewer03 = $("#editview_pdservice_reviewers").select2("data")[2].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[3] != undefined) {
			reviewer04 = $("#editview_pdservice_reviewers").select2("data")[3].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[4] != undefined) {
			reviewer05 = $("#editview_pdservice_reviewers").select2("data")[4].text;
		}

		var reviewer01Option = new Option(reviewer01, reviewer01, true, true);
		var reviewer02Option = new Option(reviewer02, reviewer02, true, true);
		var reviewer03Option = new Option(reviewer03, reviewer03, true, true);
		var reviewer04Option = new Option(reviewer04, reviewer04, true, true);
		var reviewer05Option = new Option(reviewer05, reviewer05, true, true);

		var multifyValue = 1;
		if (reviewer01 == null || reviewer01 == "none") {
			console.log("extend_modal_popup_id Click :: reviewer01 empty");
		} else {
			multifyValue = multifyValue + 1;
			$("#extend_editview_pdservice_reviewers").append(reviewer01Option);
		}
		if (reviewer02 == null || reviewer02 == "none") {
			console.log("extend_modal_popup_id Click :: reviewer02 empty");
		} else {
			multifyValue = multifyValue + 1;
			$("#extend_editview_pdservice_reviewers").append(reviewer02Option);
		}
		if (reviewer03 == null || reviewer03 == "none") {
			console.log("extend_modal_popup_id Click :: reviewer03 empty");
		} else {
			multifyValue = multifyValue + 1;
			$("#extend_editview_pdservice_reviewers").append(reviewer03Option);
		}
		if (reviewer04 == null || reviewer04 == "none") {
			console.log("extend_modal_popup_id Click :: reviewer04 empty");
		} else {
			multifyValue = multifyValue + 1;
			$("#extend_editview_pdservice_reviewers").append(reviewer04Option);
		}
		if (reviewer05 == null || reviewer05 == "none") {
			console.log("extend_modal_popup_id Click :: reviewer05 empty");
		} else {
			multifyValue = multifyValue + 1;
			$("#extend_editview_pdservice_reviewers").append(reviewer05Option);
		}

		$("#extend_editview_pdservice_reviewers").trigger("change");

		$("#extend_editview_pdservice_reviewer").css("height", "20px");
		setTimeout(function () {
			var heightValue = $("#extend_editview_pdservice_reviewer").height();
			var resultValue = heightValue + 20 * multifyValue;
			$("#extend_editview_pdservice_reviewer").css("height", resultValue + "px");
		}, 250);
	});
	// 팝업 - readOnly
	$("#extend_modal_readOnly").click(function () {
		var height = $(document).height() - 1000;
		$(".modal-body")
			.find(".cke_contents:eq(0)")
			.css("height", height + "px");

		// 데이터 셋팅
		var editorData = CKEDITOR.instances.input_pdservice_editor.getData();
		CKEDITOR.instances.extend_modal_editor.setData(editorData);
		CKEDITOR.instances.extend_modal_editor.setReadOnly(true); // 읽기전용

		var selectedId = $("#pdservice_table").DataTable().rows(".selected").data()[0].c_id;
		console.log("selectedId →" + selectedId);

		// 제품(서비스) 이름
		$("#extend_editview_pdservice_name").val($("#editview_pdservice_name").val());

		// 오너
		// clear
		$("#extend_editview_pdservice_owner").val(null).trigger("change");

		// 부모 페이지에서 데이터 로드
		var owner = "none";
		if ($("#editview_pdservice_owner").select2("data")[0] != undefined) {
			owner = $("#editview_pdservice_owner").select2("data")[0].text;
		}

		// Modal 창에 데이터 셋팅
		if (owner == null || owner == "none") {
			console.log("pdServiceDataTableClick :: json.c_pdservice_owner empty");
		} else {
			var newOption = new Option(owner, owner, true, true);
			$("#extend_editview_pdservice_owner").append(newOption).trigger("change");
		}

		// 리뷰어
		//clear
		$("#extend_editview_pdservice_reviewers").val(null).trigger("change");

		var reviewer01 = "none";
		var reviewer02 = "none";
		var reviewer03 = "none";
		var reviewer04 = "none";
		var reviewer05 = "none";

		if ($("#editview_pdservice_reviewers").select2("data")[0] != undefined) {
			reviewer01 = $("#editview_pdservice_reviewers").select2("data")[0].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[1] != undefined) {
			reviewer02 = $("#editview_pdservice_reviewers").select2("data")[1].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[2] != undefined) {
			reviewer03 = $("#editview_pdservice_reviewers").select2("data")[2].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[3] != undefined) {
			reviewer04 = $("#editview_pdservice_reviewers").select2("data")[3].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[4] != undefined) {
			reviewer05 = $("#editview_pdservice_reviewers").select2("data")[4].text;
		}

		var reviewer01Option = new Option(reviewer01, reviewer01, true, true);
		var reviewer02Option = new Option(reviewer02, reviewer02, true, true);
		var reviewer03Option = new Option(reviewer03, reviewer03, true, true);
		var reviewer04Option = new Option(reviewer04, reviewer04, true, true);
		var reviewer05Option = new Option(reviewer05, reviewer05, true, true);

		var multifyValue = 1;
		if (reviewer01 == null || reviewer01 == "none") {
			console.log("extend_modal_popup_id Click :: reviewer01 empty");
		} else {
			multifyValue = multifyValue + 1;
			$("#extend_editview_pdservice_reviewers").append(reviewer01Option);
		}
		if (reviewer02 == null || reviewer02 == "none") {
			console.log("extend_modal_popup_id Click :: reviewer02 empty");
		} else {
			multifyValue = multifyValue + 1;
			$("#extend_editview_pdservice_reviewers").append(reviewer02Option);
		}
		if (reviewer03 == null || reviewer03 == "none") {
			console.log("extend_modal_popup_id Click :: reviewer03 empty");
		} else {
			multifyValue = multifyValue + 1;
			$("#extend_editview_pdservice_reviewers").append(reviewer03Option);
		}
		if (reviewer04 == null || reviewer04 == "none") {
			console.log("extend_modal_popup_id Click :: reviewer04 empty");
		} else {
			multifyValue = multifyValue + 1;
			$("#extend_editview_pdservice_reviewers").append(reviewer04Option);
		}
		if (reviewer05 == null || reviewer05 == "none") {
			console.log("extend_modal_popup_id Click :: reviewer05 empty");
		} else {
			multifyValue = multifyValue + 1;
			$("#extend_editview_pdservice_reviewers").append(reviewer05Option);
		}

		$("#extend_editview_pdservice_reviewers").trigger("change");

		$("#extend_editview_pdservice_reviewer").css("height", "20px");
		setTimeout(function () {
			var heightValue = $("#extend_editview_pdservice_reviewer").height();
			var resultValue = heightValue + 20 * multifyValue;
			$("#extend_editview_pdservice_reviewer").css("height", resultValue + "px");
		}, 250);
	});
}


////////////////////////////////////////////////////////////////////////////////////////
// --- select2 (사용자 자동완성 검색 ) 설정 --- //
////////////////////////////////////////////////////////////////////////////////////////
function select2_setting() {
	$(".js-data-example-ajax").select2({
		maximumSelectionLength: 5,
		width: "resolve",
		ajax: {
			url: function (params) {
				return "/auth-user/search-user/" + params.term;
			},
			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,
					pagination: {
						more: params.page * 30 < data.total_count
					}
				};
			},
			cache: true
		},
		placeholder: "리뷰어 설정을 위한 계정명을 입력해 주세요",
		minimumInputLength: 1,
		templateResult: formatUser,
		templateSelection: formatUserSelection
	});
}

////////////////////////////////////////////////////////////////////¸////////////////////
// --- select2 (사용자 자동완성 검색 ) templateResult 설정 --- //
////////////////////////////////////////////////////////////////////////////////////////
function formatUser(jsonData) {
	console.log("formatUser");
	console.log(jsonData)
	var $container = $(
		"<div class='select2-result-jsonData clearfix'>" +
		"<div class='select2-result-jsonData__meta'>" +
		"<div class='select2-result-jsonData__username'><i class='fa fa-flash'></i></div>" +
		"<div class='select2-result-jsonData__id'><i class='fa fa-star'></i></div>" +
		"</div>" +
		"</div>"
	);

	$container.find(".select2-result-jsonData__username").text(jsonData.username);
	$container.find(".select2-result-jsonData__id").text(jsonData.id);

	return $container;
}

////////////////////////////////////////////////////////////////////////////////////////
// --- select2 (사용자 자동완성 검색 ) templateSelection 설정 --- //
////////////////////////////////////////////////////////////////////////////////////////
function formatUserSelection(jsonData) {
	console.log("formatUserSelection");
	console.log(jsonData)
	if (jsonData.id == "") {
		jsonData.text = "placeholder";
	} else {
		if (jsonData.username == undefined) {
			jsonData.text = jsonData.id;
		} else {
			jsonData.text = "[" + jsonData.username + "] - " + jsonData.id;
		}
	}
	return jsonData.text;
}

////////////////////////////////////////////////////////////////////////////////////////
// --- file upload --- //
////////////////////////////////////////////////////////////////////////////////////////
function file_upload_setting() {

	// Initialize the jQuery File Upload widget:
	var $fileupload = $("#fileupload");
	$fileupload.fileupload({
		// Uncomment the following to send cross-domain cookies:
		//xhrFields: {withCredentials: true},
		autoUpload: true,
		url: "/auth-user/api/arms/pdService/uploadFileToNode.do",
		dropZone: $("#dropzone")
	});


	$("#fileupload").bind("fileuploadsubmit", function (e, data) {
		// The example input, doesn't have to be part of the upload form:
		var input = $("#fileIdlink");
		data.formData = { pdservice_link: input.val() };
		if (!data.formData.pdservice_link) {
			data.context.find("button").prop("disabled", false);
			input.focus();
			return false;
		}
	});

}

////////////////////////////////////////////////////////////////////////////////////////
// --- 데이터 테이블 설정 --- //
////////////////////////////////////////////////////////////////////////////////////////
function dataTableLoad() {
	// 데이터 테이블 컬럼 및 열그룹 구성
	var columnList = [
		{ name: "c_id", title: "제품(서비스) 아이디", data: "c_id", visible: false },
		{
			name: "c_title",
			title: "제품(서비스) 이름",
			data: "c_title",
			render: function (data, type, row, meta) {
				if (type === "display") {
					return '<label style="color: #a4c6ff">' + data + "</label>";
				}
				return data;
			},
			className: "dt-body-left",
			visible: true
		}
	];
	var rowsGroupList = [];
	var columnDefList = [];
	var selectList = {};
	var orderList = [[0, "asc"]];
	var buttonList = [
		"copy",
		"excel",
		"print",
		{
			extend: "csv",
			text: "Export csv",
			charset: "utf-8",
			extension: ".csv",
			fieldSeparator: ",",
			fieldBoundary: "",
			bom: true
		},
		{
			extend: "pdfHtml5",
			orientation: "landscape",
			pageSize: "LEGAL"
		}
	];

	var jquerySelector = "#pdservice_table";
	var ajaxUrl = "/auth-user/api/arms/pdServicePure/getPdServiceMonitor.do";
	var jsonRoot = "response";
	var isServerSide = false;

	dataTableRef = dataTable_build(
		jquerySelector,
		ajaxUrl,
		jsonRoot,
		columnList,
		rowsGroupList,
		columnDefList,
		selectList,
		orderList,
		buttonList,
		isServerSide
	);

	$("#copychecker").on("click", function () {
		dataTableRef.button(".buttons-copy").trigger();
	});
	$("#printchecker").on("click", function () {
		dataTableRef.button(".buttons-print").trigger();
	});
	$("#csvchecker").on("click", function () {
		dataTableRef.button(".buttons-csv").trigger();
	});
	$("#excelchecker").on("click", function () {
		dataTableRef.button(".buttons-excel").trigger();
	});
	$("#pdfchecker").on("click", function () {
		dataTableRef.button(".buttons-pdf").trigger();
	});
}


// 데이터 테이블 구성 이후 꼭 구현해야 할 메소드 : 열 클릭시 이벤트
function dataTableClick(tempDataTable, selectedData) {
	selectedIndex = selectedData.selectedIndex;
	selectedPage = selectedData.selectedPage;
	selectId = selectedData.c_id;
	$("#fileIdlink").val(selectedData.c_id);
	selectName = selectedData.c_title;
	pdServiceDataTableClick(selectedData.c_id);

	//제품 클릭 시, 상세보기 tab을 기본값으로 세팅.
	$('ul.nav-tabs li').removeClass('active');
	$('.nav-tabs-stats').addClass('active');

	//파일 업로드 관련 레이어 보이기 처리
	$(".body-middle").show();
	// 이미지 CRUD 관련 HTML 태그 hide 처리. <편집하기> tab 에서만 보여준다.
	$(".pdservice-image-row").hide();

	//파일 리스트 초기화
	$("table tbody.files").empty();
	// Load existing files:
	var $fileupload = $("#fileupload");

	$.ajax({
		// Uncomment the following to send cross-domain cookies:
		//xhrFields: {withCredentials: true},
		url: "/auth-user/api/arms/fileRepository/getFilesByNode.do",
		data: { fileIdLink: selectId },
		dataType: "json",
		context: $fileupload[0]
	}).done(function (result) {
		$(this).fileupload("option", "done").call(this, null, { result: result });
		$(".file-delete-btn").hide(); // 파일 리스트에서 delete 버튼 display none 처리 -> 편집하기 tab 에서만 보여준다.
	});
}

//데이터 테이블 ajax load 이후 콜백.
function dataTableCallBack(settings, json) {
}

function dataTableDrawCallback(tableInfo) {
	$("#" + tableInfo.sInstance)
		.DataTable()
		.columns.adjust()
		.responsive.recalc();
}

////////////////////////////////////////////////////////////////////////////////////////
//제품(서비스) 클릭할 때 동작하는 함수
//1. 상세보기 데이터 바인딩
//2. 편집하기 데이터 바인딩
////////////////////////////////////////////////////////////////////////////////////////
function pdServiceDataTableClick(c_id) {
	selectVersion = c_id;

	$.ajax({
		url: "/auth-user/api/arms/pdServicePure/getNode.do", // 클라이언트가 HTTP 요청을 보낼 서버의 URL 주소
		data: { c_id: c_id }, // HTTP 요청과 함께 서버로 보낼 데이터
		method: "GET", // HTTP 요청 메소드(GET, POST 등)
		dataType: "json", // 서버에서 보내줄 데이터의 타입
		beforeSend: function () {
			$(".loader").removeClass("hide");
		}
	})
		// HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달됨.
		.done(function (json) {
			//$("#detailview_pdservice_name").val(json.c_title);
			var selectedHtml =
				`<div class="chat-message">
				<div class="chat-message-body" style="margin-left: 0px !important;">
					<span class="arrow" style="top: 35% !important;"></span>
					<span class="sender" style="padding-bottom: 5px; padding-top: 3px;"> 선택된 제품(서비스) :  </span>
				<span class="text" style="color: #a4c6ff;">
				` + json.c_title +
				`
				</span>
				</div>
				</div>
				 `;

			$(".list-group-item").html(selectedHtml);

			$("#detailview_pdservice_name").val(json.c_title);
			if (isEmpty(json.c_pdservice_owner) || json.c_pdservice_owner == "none") {
				$("#detailview_pdservice_owner").val("책임자가 존재하지 않습니다.");
			} else {
				$("#detailview_pdservice_owner").val(json.c_pdservice_owner);
			}

			if (isEmpty(json.c_pdservice_reviewer01) || json.c_pdservice_reviewer01 == "none") {
				$("#detailview_pdservice_reviewer01").val("리뷰어(연대책임자)가 존재하지 않습니다.");
			} else {
				$("#detailview_pdservice_reviewer01").val(json.c_pdservice_reviewer01);
			}

			if (isEmpty(json.c_pdservice_reviewer02) || json.c_pdservice_reviewer02 == "none") {
				$("#detailview_pdservice_reviewer02").val("2번째 리뷰어(연대책임자) 없음");
			} else {
				$("#detailview_pdservice_reviewer02").val(json.c_pdservice_reviewer02);
			}

			if (isEmpty(json.c_pdservice_reviewer03) || json.c_pdservice_reviewer03 == "none") {
				$("#detailview_pdservice_reviewer03").val("3번째 리뷰어(연대책임자) 없음");
			} else {
				$("#detailview_pdservice_reviewer03").val(json.c_pdservice_reviewer03);
			}

			if (isEmpty(json.c_pdservice_reviewer04) || json.c_pdservice_reviewer04 == "none") {
				$("#detailview_pdservice_reviewer04").val("4번째 리뷰어(연대책임자) 없음");
			} else {
				$("#detailview_pdservice_reviewer04").val(json.c_pdservice_reviewer04);
			}

			if (isEmpty(json.c_pdservice_reviewer05) || json.c_pdservice_reviewer05 == "none") {
				$("#detailview_pdservice_reviewer05").val("5번째 리뷰어(연대책임자) 없음");
			} else {
				$("#detailview_pdservice_reviewer05").val(json.c_pdservice_reviewer05);
			}

			CKEDITOR.instances.detailview_pdservice_contents.setData(json.c_pdservice_contents);

			$("#editview_pdservice_name").val(json.c_title);

			//clear
			$("#editview_pdservice_owner").val(null).trigger("change");

			if (json.c_pdservice_owner == null || json.c_pdservice_owner == "none") {
				console.log("pdServiceDataTableClick :: json.c_pdservice_owner empty");
			} else {
				var newOption = new Option(json.c_pdservice_owner, json.c_pdservice_owner, true, true);
				$("#editview_pdservice_owner").append(newOption).trigger("change");
			}
			// -------------------- reviewer setting -------------------- //
			//reviewer clear
			$("#editview_pdservice_reviewers").val(null).trigger("change");

			var selectedReviewerArr = [];
			if (json.c_pdservice_reviewer01 == null || json.c_pdservice_reviewer01 == "none") {
				console.log("pdServiceDataTableClick :: json.c_pdservice_reviewer01 empty");
			} else {
				selectedReviewerArr.push(json.c_pdservice_reviewer01);
				// Set the value, creating a new option if necessary
				if ($("#editview_pdservice_reviewers").find("option[value='" + json.c_pdservice_reviewer01 + "']").length) {
					console.log('option[value=\'" + json.c_pdservice_reviewer01 + "\']"' + "already exist");
				} else {
					// Create a DOM Option and pre-select by default
					var newOption01 = new Option(json.c_pdservice_reviewer01, json.c_pdservice_reviewer01, true, true);
					// Append it to the select
					$("#editview_pdservice_reviewers").append(newOption01).trigger("change");
				}
			}
			if (json.c_pdservice_reviewer02 == null || json.c_pdservice_reviewer02 == "none") {
				console.log("pdServiceDataTableClick :: json.c_pdservice_reviewer02 empty");
			} else {
				selectedReviewerArr.push(json.c_pdservice_reviewer02);
				// Set the value, creating a new option if necessary
				if ($("#editview_pdservice_reviewers").find("option[value='" + json.c_pdservice_reviewer02 + "']").length) {
					console.log('option[value=\'" + json.c_pdservice_reviewer02 + "\']"' + "already exist");
				} else {
					// Create a DOM Option and pre-select by default
					var newOption02 = new Option(json.c_pdservice_reviewer02, json.c_pdservice_reviewer02, true, true);
					// Append it to the select
					$("#editview_pdservice_reviewers").append(newOption02).trigger("change");
				}
			}
			if (json.c_pdservice_reviewer03 == null || json.c_pdservice_reviewer03 == "none") {
				console.log("pdServiceDataTableClick :: json.c_pdservice_reviewer03 empty");
			} else {
				selectedReviewerArr.push(json.c_pdservice_reviewer03);
				// Set the value, creating a new option if necessary
				if ($("#editview_pdservice_reviewers").find("option[value='" + json.c_pdservice_reviewer03 + "']").length) {
					console.log('option[value=\'" + json.c_pdservice_reviewer03 + "\']"' + "already exist");
				} else {
					// Create a DOM Option and pre-select by default
					var newOption03 = new Option(json.c_pdservice_reviewer03, json.c_pdservice_reviewer03, true, true);
					// Append it to the select
					$("#editview_pdservice_reviewers").append(newOption03).trigger("change");
				}
			}
			if (json.c_pdservice_reviewer04 == null || json.c_pdservice_reviewer04 == "none") {
				console.log("pdServiceDataTableClick :: json.c_pdservice_reviewer04 empty");
			} else {
				selectedReviewerArr.push(json.c_pdservice_reviewer04);
				// Set the value, creating a new option if necessary
				if ($("#editview_pdservice_reviewers").find("option[value='" + json.c_pdservice_reviewer04 + "']").length) {
					console.log('option[value=\'" + json.c_pdservice_reviewer04 + "\']"' + "already exist");
				} else {
					// Create a DOM Option and pre-select by default
					var newOption04 = new Option(json.c_pdservice_reviewer04, json.c_pdservice_reviewer04, true, true);
					// Append it to the select
					$("#editview_pdservice_reviewers").append(newOption04).trigger("change");
				}
			}
			if (json.c_pdservice_reviewer05 == null || json.c_pdservice_reviewer05 == "none") {
				console.log("pdServiceDataTableClick :: json.c_pdservice_reviewer05 empty");
			} else {
				selectedReviewerArr.push(json.c_pdservice_reviewer05);
				// Set the value, creating a new option if necessary
				if ($("#editview_pdservice_reviewers").find("option[value='" + json.c_pdservice_reviewer05 + "']").length) {
					console.log('option[value=\'" + json.c_pdservice_reviewer05 + "\']"' + "already exist");
				} else {
					// Create a DOM Option and pre-select by default
					var newOption05 = new Option(json.c_pdservice_reviewer05, json.c_pdservice_reviewer05, true, true);
					// Append it to the select
					$("#editview_pdservice_reviewers").append(newOption05).trigger("change");
				}
			}
			$("#editview_pdservice_reviewers").val(selectedReviewerArr).trigger("change");

			// ------------------------- reviewer end --------------------------------//

			CKEDITOR.instances.input_pdservice_editor.setData(json.c_pdservice_contents);
		})
		// HTTP 요청이 실패하면 오류와 상태에 관한 정보가 fail() 메소드로 전달됨.
		.fail(function (xhr, status, errorThrown) {
			console.log(xhr + status + errorThrown);
		})
		//
		.always(function (xhr, status) {
			console.log(xhr + status);
			$(".loader").addClass("hide");
		});

	$("#delete_text").text($("#pdservice_table").DataTable().rows(".selected").data()[0].c_title);
}

////////////////////////////////////////////////////////////////////////////////////////
// 신규 제품(서비스) 등록 버튼
////////////////////////////////////////////////////////////////////////////////////////
function save_btn_click() {
	$("#regist_pdservice").click(function () {
		var reviewers01 = "none";
		var reviewers02 = "none";
		var reviewers03 = "none";
		var reviewers04 = "none";
		var reviewers05 = "none";
		if ($("#popup_editview_pdservice_reviewers").select2("data")[0] != undefined) {
			reviewers01 = $("#popup_editview_pdservice_reviewers").select2("data")[0].text;
		}
		if ($("#popup_editview_pdservice_reviewers").select2("data")[1] != undefined) {
			reviewers02 = $("#popup_editview_pdservice_reviewers").select2("data")[1].text;
		}
		if ($("#popup_editview_pdservice_reviewers").select2("data")[2] != undefined) {
			reviewers03 = $("#popup_editview_pdservice_reviewers").select2("data")[2].text;
		}
		if ($("#popup_editview_pdservice_reviewers").select2("data")[3] != undefined) {
			reviewers04 = $("#popup_editview_pdservice_reviewers").select2("data")[3].text;
		}
		if ($("#popup_editview_pdservice_reviewers").select2("data")[4] != undefined) {
			reviewers05 = $("#popup_editview_pdservice_reviewers").select2("data")[4].text;
		}

		const cTitle = $("#popup_editview_pdservice_name").val();

		$.ajax({
			url: "/auth-user/api/arms/pdService/addPdServiceNode.do",
			type: "POST",
			data: {
				ref: 2,
				c_title: cTitle,
				c_type: "default",
				c_pdservice_owner: $("#popup_editview_pdservice_owner").select2("data")[0].text,
				c_pdservice_reviewer01: reviewers01,
				c_pdservice_reviewer02: reviewers02,
				c_pdservice_reviewer03: reviewers03,
				c_pdservice_reviewer04: reviewers04,
				c_pdservice_reviewer05: reviewers05,
				c_pdservice_contents: CKEDITOR.instances.modal_editor.getData()
			},
			statusCode: {
				200: function () {
					//모달 팝업 끝내고
					$("#close_pdservice").trigger("click");
					//데이터 테이블 데이터 재 로드
					reloadDataWithSameOrdering(cTitle);
					jSuccess("신규 제품 등록이 완료 되었습니다.");
				}
			},
			beforeSend: function () {
				$("#regist_pdservice").hide();
			},
			complete: function () {
				$("#regist_pdservice").show();
			},
			error: function (e) {
				jError("신규 제품 등록 중 에러가 발생했습니다.");
			}
		});
	});
}

////////////////////////////////////////////////////////////////////////////////////////
// 신규 제품(서비스) 삭제 버튼
////////////////////////////////////////////////////////////////////////////////////////
function delete_btn_click(){
	$("#delete_pdservice").click(function () {
		$.ajax({
			url: "/auth-user/api/arms/pdService/removeNode.do",
			type: "delete",
			data: {
				c_id: $("#pdservice_table").DataTable().rows(".selected").data()[0].c_id
			},
			statusCode: {
				200: function () {
					jError($("#editview_pdservice_name").val() + "데이터가 삭제되었습니다.");
					//데이터 테이블 데이터 재 로드
					reloadDataWithSameOrdering("");
				}
			}
		});
	});
}

////////////////////////////////////////////////////////////////////////////////////////
// 제품(서비스) 변경 저장 버튼
////////////////////////////////////////////////////////////////////////////////////////
function update_btn_click() {
	$("#pdservice_update").click(function () {
		var owner = "none";
		if ($("#editview_pdservice_owner").select2("data")[0] != undefined) {
			owner = $("#editview_pdservice_owner").select2("data")[0].text;
		}
		const cId = $("#pdservice_table").DataTable().rows(".selected").data()[0].c_id;
		const cTitle = $("#pdservice_table").DataTable().rows(".selected").data()[0].c_title;
		var reviewers01 = "none";
		var reviewers02 = "none";
		var reviewers03 = "none";
		var reviewers04 = "none";
		var reviewers05 = "none";
		if ($("#editview_pdservice_reviewers").select2("data")[0] != undefined) {
			reviewers01 = $("#editview_pdservice_reviewers").select2("data")[0].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[1] != undefined) {
			reviewers02 = $("#editview_pdservice_reviewers").select2("data")[1].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[2] != undefined) {
			reviewers03 = $("#editview_pdservice_reviewers").select2("data")[2].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[3] != undefined) {
			reviewers04 = $("#editview_pdservice_reviewers").select2("data")[3].text;
		}
		if ($("#editview_pdservice_reviewers").select2("data")[4] != undefined) {
			reviewers05 = $("#editview_pdservice_reviewers").select2("data")[4].text;
		}

		$.ajax({
			url: "/auth-user/api/arms/pdService/updateNode.do",
			type: "put",
			data: {
				c_id: cId,
				c_title: cTitle,
				c_pdservice_owner: owner,
				c_pdservice_reviewer01: reviewers01,
				c_pdservice_reviewer02: reviewers02,
				c_pdservice_reviewer03: reviewers03,
				c_pdservice_reviewer04: reviewers04,
				c_pdservice_reviewer05: reviewers05,
				c_pdservice_contents: CKEDITOR.instances.input_pdservice_editor.getData()
			},
			statusCode: {
				200: function () {
					jSuccess($("#editview_pdservice_name").val() + "의 데이터가 변경되었습니다.");

					//데이터 테이블 데이터 재 로드
					reloadDataWithSameOrdering(cTitle);
				}
			}
		});
	});
}

////////////////////////////////////////////////////////////////////////////////////////
// 팝업에서 제품(서비스) 변경 저장 버튼
////////////////////////////////////////////////////////////////////////////////////////
function popup_update_btn_click() {
	$("#extendupdate_pdservice").click(function () {
		var owner = "none";
		if ($("#extend_editview_pdservice_owner").select2("data")[0] != undefined) {
			owner = $("#extend_editview_pdservice_owner").select2("data")[0].text;
		}

		var reviewers01 = "none";
		var reviewers02 = "none";
		var reviewers03 = "none";
		var reviewers04 = "none";
		var reviewers05 = "none";
		if ($("#extend_editview_pdservice_reviewers").select2("data")[0] != undefined) {
			reviewers01 = $("#extend_editview_pdservice_reviewers").select2("data")[0].text;
		}
		if ($("#extend_editview_pdservice_reviewers").select2("data")[1] != undefined) {
			reviewers02 = $("#extend_editview_pdservice_reviewers").select2("data")[1].text;
		}
		if ($("#extend_editview_pdservice_reviewers").select2("data")[2] != undefined) {
			reviewers03 = $("#extend_editview_pdservice_reviewers").select2("data")[2].text;
		}
		if ($("#extend_editview_pdservice_reviewers").select2("data")[3] != undefined) {
			reviewers04 = $("#extend_editview_pdservice_reviewers").select2("data")[3].text;
		}
		if ($("#extend_editview_pdservice_reviewers").select2("data")[4] != undefined) {
			reviewers05 = $("#extend_editview_pdservice_reviewers").select2("data")[4].text;
		}

		$.ajax({
			url: "/auth-user/api/arms/pdService/updateNode.do",
			type: "put",
			data: {
				c_id: $("#pdservice_table").DataTable().rows(".selected").data()[0].c_id,
				c_title: $("#extend_editview_pdservice_name").val(),
				c_pdservice_owner: owner,
				c_pdservice_reviewer01: reviewers01,
				c_pdservice_reviewer02: reviewers02,
				c_pdservice_reviewer03: reviewers03,
				c_pdservice_reviewer04: reviewers04,
				c_pdservice_reviewer05: reviewers05,
				c_pdservice_contents: CKEDITOR.instances.extend_modal_editor.getData()
			},
			statusCode: {
				200: function () {
					//모달 팝업 끝내고
					$("#extendclose_pdservice").trigger("click");

					jSuccess($("#extend_editview_pdservice_name").val() + "의 데이터가 변경되었습니다.");

					$("#fileIdlink").val(selectId);
					pdServiceDataTableClick(selectId);

					//파일 업로드 관련 레이어 보이기 처리
					$(".body-middle").show();

					//파일 리스트 초기화
					$("table tbody.files").empty();
					// Load existing files:
					var $fileupload = $("#fileupload");
					// Load existing files:
					$.ajax({
						// Uncomment the following to send cross-domain cookies:
						//xhrFields: {withCredentials: true},
						url: "/auth-user/api/arms/fileRepository/getFilesByNode.do",
						data: { fileIdlink: selectId },
						dataType: "json",
						context: $fileupload[0]
					}).done(function (result) {
						$(this).fileupload("option", "done").call(this, null, { result: result });
					});
				}
			}
		});
	});
}

///////////////////////////////
// 팝업 띄울 때, UI 일부 수정되도록
////////////////////////////////
function modalPopup(popupName) {
	console.log("popupName= " + popupName);
	if (popupName === "modal_popup_readonly") {
		//modal_popup_readOnly = 새 창으로 제품(서비스 보기)
		$("#my_modal1_title").text("제품(서비스) 내용 보기 팝업");
		$("#my_modal1_sub").text("새 창으로 제품(서비스)의 정보를 확인합니다.")
		$("#extendupdate_pdservice").addClass("hidden");


	} else { //팝업 창으로 편집하기

		$("#my_modal1_title").text("신규 제품(서비스) 수정 팝업");
		$("#my_modal1_sub").text("A-RMS에 신규 제품(서비스)의 정보를 수정합니다.")
		$("#extendupdate_pdservice").removeClass("hidden");


	}
}

////////////////////////////////////////////////////////////////////////////////////////
// 최초 dataTable_build 시 정렬 기준을 dataTableRef.ajax.reload 때마다 가져와서 세팅한다.
// 일관 된 정렬을 보장하기 위한 함수이다.
////////////////////////////////////////////////////////////////////////////////////////
function reloadDataWithSameOrdering(cTitle) {
	const currentOrder = dataTableRef.order();
	dataTableRef.ajax.reload(function() {
		dataTableRef.order(currentOrder).draw();
		if(cTitle === "") return false;
		$("#pdservice_table tbody tr").each(function() {
			const rowTitle = $(this).find("td label").text();
			if (rowTitle === cTitle) {
				$(this).click();
				return false;
			}
		});
	});
}