API-SCOPE 맵핑 LiveSearch 기능 추가

WebContent/jsp/onl/admin/authserver/apiScopeMan.jsp

@@ -13,10 +13,29 @@
 <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"/>
+
+<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;
+}
+
+</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를 선택하여 주십시요.");
@@ -195,6 +214,8 @@ function init() {
 				if (typeof callback === 'function') {
 					callback();
 				}
+                $('select[name=bzwkSvcKeyName]').select2();
+                $('select[name=scopeId]').select2()
 			},
 			error:function(e){
 				alert(e.responseText);