From 4db4f0dc0e2c60750b8c5b6989d4a44c7845e893 Mon Sep 17 00:00:00 2001
From: daekuk <daekuk@eactive.co.kr>
Date: Tue, 9 Dec 2025 19:44:33 +0900
Subject: [PATCH] =?UTF-8?q?API-SCOPE=20=EB=A7=B5=ED=95=91=20LiveSearch=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jsp/onl/admin/authserver/apiScopeMan.jsp  | 359 +++++++++---------
 1 file changed, 190 insertions(+), 169 deletions(-)

diff --git a/WebContent/jsp/onl/admin/authserver/apiScopeMan.jsp b/WebContent/jsp/onl/admin/authserver/apiScopeMan.jsp
index 2a56d21..c0a21d3 100644
--- a/WebContent/jsp/onl/admin/authserver/apiScopeMan.jsp
+++ b/WebContent/jsp/onl/admin/authserver/apiScopeMan.jsp
@@ -13,195 +13,216 @@
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <jsp:include page="/jsp/common/include/css.jsp"/>
 <jsp:include page="/jsp/common/include/script.jsp"/>
-<script language="javascript" >
-var url      = '<c:url value="/onl/admin/authserver/apiScopeMan.json" />';
-var url_view = '<c:url value="/onl/admin/authserver/apiScopeMan.view" />';
 
-function isValid(){
-	if($('select[name=bzwkSvcKeyName]').val() == ""){
-		alert("API를 선택하여 주십시요.");
-		$('select[name=bzwkSvcKeyName]').focus();
-		return false;
-	}
-	if($('select[name=scopeId]').val() == ""){
-		alert("SCOPE를 선택하여 주십시요.");
-		$('select[name=scopeId]').focus();
-		return false;
-	}
-	
-	return true;
+<link href="<c:url value="/addon/bootstrap-5.3.2/css/bootstrap.min.css"/>" rel="stylesheet" />
+<script src="<c:url value="/addon/bootstrap-5.3.2/js/bootstrap.bundle.min.js"/>"></script>
+<link href="<c:url value="/addon/select2-4.1.0/css/select2.min.css"/>" rel="stylesheet" />
+<link href="<c:url value="/addon/select2-4.1.0/css/select2-bootstrap.min.css"/>" rel="stylesheet" />
+<script src="<c:url value="/addon/select2-4.1.0/js/select2.min.js"/>"></script>
+<style>
+
+.select2-container--bootstrap {
+    display: inline-block;
+    height: 50px;
+    margin-top: 12;
 }
 
-$(document).ready(function() {
-	var gridPostData = getSearchForJqgrid("cmd","LIST");
-	$('#grid').jqGrid({
-		datatype:"json",
-		mtype: 'POST',
-		url: url,
-		postData : gridPostData,
-		colNames:['<%= localeMessage.getString("apiScpMan.apiNm") %>',
-                  '<%= localeMessage.getString("apiScpMan.apiId") %>',
-                  '<%= localeMessage.getString("apiScpMan.scpId") %>',
-                  '<%= localeMessage.getString("apiScpMan.scpNm") %>',
-                  '<%= localeMessage.getString("apiScpMan.del") %>'
-                  ],
-		colModel:[
-				{ name : 'EAISVCDESC', align:'left', sortable:false },
-				{ name : 'BZWKSVCKEYNAME', align:'left' },
-				{ name : 'SCOPEID', align:'left' },
-				{ name : 'SCOPENAME', align:'left', sortable:false },
-				{ name : 'DELETE', align:'center', sortable:false, formatter: addDeleteButton }
-				],
-        jsonReader: {
-             repeatitems:false
-        },
-		pager : $('#pager'),
-		page : '${param.page}',
-		rowNum : '${rmsDefaultRowNum}',
-	    autoheight: true,
-	    height: $("#container").height(),
-		autowidth: true,
-		viewrecords: true,
-		rowList : eval('[${rmsDefaultRowList}]'),
-		loadComplete : function(d) {
-			$("img[name^='img_']").click(function() {
-				if(confirm("삭제하시겠습니까?")){
-					var name = $(this).attr("name");
-					var rowId = name.split("_")[1];
-					var rowData = $('#grid').jqGrid('getRowData', rowId);
-					var postData = new Array();
-					postData.push({ name: "cmd" , value:"DELETE"});
-					postData.push({ name: "bzwkSvcKeyName" , value:rowData['BZWKSVCKEYNAME']});
-					postData.push({ name: "scopeId" , value:rowData['SCOPEID']});
-					$.ajax({
-						type : "POST",
-						url:url,
-						data:postData,
-						success:function(args){
-							if(args.status=="error"){
-								alert("동기화중 오류입니다.\n확인하여 주십시요.\n" + args.message);
-							}else{
-								alert("삭제 되었습니다.");
-								//goNav(returnUrl);//LIST로 이동
-								location.reload();
+</style>
+
+
+	<script language="javascript" >
+	var url      = '<c:url value="/onl/admin/authserver/apiScopeMan.json" />';
+	var url_view = '<c:url value="/onl/admin/authserver/apiScopeMan.view" />';
+	
+	$.fn.select2.defaults.set( "theme", "bootstrap" );
+	
+	function isValid(){
+		if($('select[name=bzwkSvcKeyName]').val() == ""){
+			alert("API를 선택하여 주십시요.");
+			$('select[name=bzwkSvcKeyName]').focus();
+			return false;
+		}
+		if($('select[name=scopeId]').val() == ""){
+			alert("SCOPE를 선택하여 주십시요.");
+			$('select[name=scopeId]').focus();
+			return false;
+		}
+		
+		return true;
+	}
+	
+	$(document).ready(function() {
+		var gridPostData = getSearchForJqgrid("cmd","LIST");
+		$('#grid').jqGrid({
+			datatype:"json",
+			mtype: 'POST',
+			url: url,
+			postData : gridPostData,
+			colNames:['<%= localeMessage.getString("apiScpMan.apiNm") %>',
+	                  '<%= localeMessage.getString("apiScpMan.apiId") %>',
+	                  '<%= localeMessage.getString("apiScpMan.scpId") %>',
+	                  '<%= localeMessage.getString("apiScpMan.scpNm") %>',
+	                  '<%= localeMessage.getString("apiScpMan.del") %>'
+	                  ],
+			colModel:[
+					{ name : 'EAISVCDESC', align:'left', sortable:false },
+					{ name : 'BZWKSVCKEYNAME', align:'left' },
+					{ name : 'SCOPEID', align:'left' },
+					{ name : 'SCOPENAME', align:'left', sortable:false },
+					{ name : 'DELETE', align:'center', sortable:false, formatter: addDeleteButton }
+					],
+	        jsonReader: {
+	             repeatitems:false
+	        },
+			pager : $('#pager'),
+			page : '${param.page}',
+			rowNum : '${rmsDefaultRowNum}',
+		    autoheight: true,
+		    height: $("#container").height(),
+			autowidth: true,
+			viewrecords: true,
+			rowList : eval('[${rmsDefaultRowList}]'),
+			loadComplete : function(d) {
+				$("img[name^='img_']").click(function() {
+					if(confirm("삭제하시겠습니까?")){
+						var name = $(this).attr("name");
+						var rowId = name.split("_")[1];
+						var rowData = $('#grid').jqGrid('getRowData', rowId);
+						var postData = new Array();
+						postData.push({ name: "cmd" , value:"DELETE"});
+						postData.push({ name: "bzwkSvcKeyName" , value:rowData['BZWKSVCKEYNAME']});
+						postData.push({ name: "scopeId" , value:rowData['SCOPEID']});
+						$.ajax({
+							type : "POST",
+							url:url,
+							data:postData,
+							success:function(args){
+								if(args.status=="error"){
+									alert("동기화중 오류입니다.\n확인하여 주십시요.\n" + args.message);
+								}else{
+									alert("삭제 되었습니다.");
+									//goNav(returnUrl);//LIST로 이동
+									location.reload();
+								}
+							},
+							error:function(e){
+								alert(e.responseText);
 							}
-						},
-						error:function(e){
-							alert(e.responseText);
-						}
-					});
-				}
-			});
-		},
-		onSortCol :function(sidx,colnum,sort_order){
-          	var gridPostData = getSearchForJqgrid("cmd","LIST");
-          	var sortorder="";
-          	if( sort_order == "") 
-          		sortorder ='ASC';
-          	else
-          		sortorder = sort_order;
-        	$("#grid").setGridParam({ url:url, postData: gridPostData, page:"1"}).trigger("reloadGrid");	 
-        }
-	});
-	
-	resizeJqGridWidth('grid','content_middle','1000');
-
-	$("#btn_search").click(function(){
-		var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로 
-		$("#grid").setGridParam({ postData: postData ,page : "1"  }).trigger("reloadGrid");
-
-	});
-
-	$("#btn_add").click(function(){
-        if (!isValid()){
-			return;
-		}
-		var postData = $('#ajaxForm').serializeArray();
-		postData.push({ name: "cmd" , value:"INSERT"});
-		$.ajax({
-			type : "POST",
-			url:url,
-			data:postData,
-			success:function(args){
-				alert("저장 되었습니다.");
-				location.reload();
-				//goNav(returnUrl);//LIST로 이동
+						});
+					}
+				});
 			},
-			error:function(e){
-				alert(e.responseText);
-			}
+			onSortCol :function(sidx,colnum,sort_order){
+	          	var gridPostData = getSearchForJqgrid("cmd","LIST");
+	          	var sortorder="";
+	          	if( sort_order == "") 
+	          		sortorder ='ASC';
+	          	else
+	          		sortorder = sort_order;
+	        	$("#grid").setGridParam({ url:url, postData: gridPostData, page:"1"}).trigger("reloadGrid");	 
+	        }
 		});
-	});
+		
+		resizeJqGridWidth('grid','content_middle','1000');
 	
-	$("input[name^=search]").keydown(function(key){
-		if (key.keyCode == 13){
-			$("#btn_search").click();
-		}
-	});
-
-	//$("img[name=img_" + rowid + "]").click(function() {
-	$("img[name^='img_']").click(function() {
-	//$("#btn_pop_delete").click(function() {
-		if(confirm("삭제하시겠습니까?")){
-			var name = $(this).attr("name");
-			var rowId = name.split("_")[1];
-			var rowData = $(this).getRowData(rowId); 
-			var postData = new Array();
-			postData.push({ name: "cmd" , value:"DELETE"});
-			postData.push({ name: "bzwkSvcKeyName" , value:rowData['BZWKSVCKEYNAME']});
-			postData.push({ name: "scopeId" , value:rowData['SCOPEID']});
+		$("#btn_search").click(function(){
+			var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로 
+			$("#grid").setGridParam({ postData: postData ,page : "1"  }).trigger("reloadGrid");
+	
+		});
+	
+		$("#btn_add").click(function(){
+	        if (!isValid()){
+				return;
+			}
+			var postData = $('#ajaxForm').serializeArray();
+			postData.push({ name: "cmd" , value:"INSERT"});
 			$.ajax({
 				type : "POST",
 				url:url,
 				data:postData,
 				success:function(args){
-					if(args.status=="error"){
-						alert("동기화중 오류입니다.\n확인하여 주십시요.\n" + args.message);
-					}else{
-						alert("삭제 되었습니다.");
-						//goNav(returnUrl);//LIST로 이동
-						location.reload();
-					}
+					alert("저장 되었습니다.");
+					location.reload();
+					//goNav(returnUrl);//LIST로 이동
 				},
 				error:function(e){
 					alert(e.responseText);
 				}
 			});
-		}
+		});
+		
+		$("input[name^=search]").keydown(function(key){
+			if (key.keyCode == 13){
+				$("#btn_search").click();
+			}
+		});
+	
+		//$("img[name=img_" + rowid + "]").click(function() {
+		$("img[name^='img_']").click(function() {
+		//$("#btn_pop_delete").click(function() {
+			if(confirm("삭제하시겠습니까?")){
+				var name = $(this).attr("name");
+				var rowId = name.split("_")[1];
+				var rowData = $(this).getRowData(rowId); 
+				var postData = new Array();
+				postData.push({ name: "cmd" , value:"DELETE"});
+				postData.push({ name: "bzwkSvcKeyName" , value:rowData['BZWKSVCKEYNAME']});
+				postData.push({ name: "scopeId" , value:rowData['SCOPEID']});
+				$.ajax({
+					type : "POST",
+					url:url,
+					data:postData,
+					success:function(args){
+						if(args.status=="error"){
+							alert("동기화중 오류입니다.\n확인하여 주십시요.\n" + args.message);
+						}else{
+							alert("삭제 되었습니다.");
+							//goNav(returnUrl);//LIST로 이동
+							location.reload();
+						}
+					},
+					error:function(e){
+						alert(e.responseText);
+					}
+				});
+			}
+		});
+		
+		buttonControl();
+		init();
 	});
 	
-	buttonControl();
-	init();
-});
-
-function addDeleteButton(cellvalue, options, rowObject) {
-	var rowId = options["rowId"];
-	return "<img id='btn_pop_delete' name='img_" + rowId
-			+ "' src=<c:url value='/img/btn_pop_delete.png' /> />";
-}
-
-function init() {
-	$.ajax({
-		type : "POST",
-		url:url,
-		dataType:"json",
-		data:{cmd: 'LIST_COMBO'},
-		success:function(json){
-			new makeOptions("APIID","APINAME").setObj($("select[name=bzwkSvcKeyName]")).setNoValueInclude(true).setNoValue("", "- API 선택 -").setData(json.apiRows).setFormat(codeName3OptionFormat).rendering();
-			new makeOptions("SCOPEID","SCOPENAME").setObj($("select[name=scopeId]")).setNoValueInclude(true).setNoValue("", "- SCOPE 선택 -").setData(json.scopeRows).setFormat(codeName3OptionFormat).rendering();
-			putSelectFromParam();
-			//setSearchable("scopeId");	// 콤보에 searchable 설정
-			
-			if (typeof callback === 'function') {
-				callback();
+	function addDeleteButton(cellvalue, options, rowObject) {
+		var rowId = options["rowId"];
+		return "<img id='btn_pop_delete' name='img_" + rowId
+				+ "' src=<c:url value='/img/btn_pop_delete.png' /> />";
+	}
+	
+	function init() {
+		$.ajax({
+			type : "POST",
+			url:url,
+			dataType:"json",
+			data:{cmd: 'LIST_COMBO'},
+			success:function(json){
+				new makeOptions("APIID","APINAME").setObj($("select[name=bzwkSvcKeyName]")).setNoValueInclude(true).setNoValue("", "- API 선택 -").setData(json.apiRows).setFormat(codeName3OptionFormat).rendering();
+				new makeOptions("SCOPEID","SCOPENAME").setObj($("select[name=scopeId]")).setNoValueInclude(true).setNoValue("", "- SCOPE 선택 -").setData(json.scopeRows).setFormat(codeName3OptionFormat).rendering();
+				putSelectFromParam();
+				//setSearchable("scopeId");	// 콤보에 searchable 설정
+				
+				if (typeof callback === 'function') {
+					callback();
+				}
+                $('select[name=bzwkSvcKeyName]').select2();
+                $('select[name=scopeId]').select2()
+			},
+			error:function(e){
+				alert(e.responseText);
 			}
-		},
-		error:function(e){
-			alert(e.responseText);
-		}
-	});
-}
-</script>
+		});
+	}
+	</script>
 </head>
 	<body>
 		<div class="right_box">