feat: BlockUI 적용

src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCctvCrackdownFileSelPopup.jsp

@@ -78,7 +78,7 @@
 					//lastModified: files[i].lastModified
 					lastModified: files[i].lastModifiedDate
 				})
-				//arrFiles.push(files[i]);
+				arrFiles.push(files[i]);
 			}
 			GRID.resetData(arrFile);
 			$('#totCnt span').text(arrFile.length);
@@ -121,7 +121,6 @@
 							//fnBiz.search();
 						}
 						, error: (xhr, status, err) => {
-
 						}
 					})
 

src/main/webapp/WEB-INF/jsp/framework/layouts/tiles/biz/cmmn/BizIncludeBase.jsp

@@ -27,6 +27,8 @@
 
 	<script type="text/javascript" src="${ctx}/resources/3rd-party/jquery/3.6.1/jquery.js" ></script>
 	<script type="text/javascript" src="${ctx}/resources/3rd-party/jquery-ui/1.13.2/jquery-ui.js" ></script>
+    <script type="text/javascript" src="${ctx}/resources/3rd-party/jquery/js/jquery.blockUI.js"></script>
+
 <!-- jquery datepicker custom -->
 	<script type="text/javascript" src="${ctx}/resources/framework/datepicker/datepicker.js" ></script>
 	<script type="text/javascript" src="${ctx}/resources/3rd-party/tuiGrid/js/tui-code-snippet.js" ></script>
@@ -64,8 +66,21 @@
 
 	<%--TODO:  보완 필요 : 공통 ajax 호출 모듈과 통합 필요  --%>
 	<script type="text/javascript">
-		var Loading = new Object();
 		$(document).ready(function(){
+
+			// FIXME: 디자인 적용 필요
+			// blockUI 적용
+			$(document).ajaxStart(function(handler){
+				const br = '<br/>';
+				const msg = '처리중...'+br;
+				const loading = '<img class="loading-bar" src="${ctx}/resources/framework/images/common/ajax-loading.gif" style="margin-left: -20px;" alt="조회 프로그래스바" />';
+				$.blockUI({ message : br+msg+br+br+loading+br+br});
+			}).ajaxStop(function(){
+				//closeBar();
+				$.unblockUI();
+			});
+
+
 			//초기화
 			XitIncludeBase.init();
 		});