refactor : css파일 삽입코드와 자바스크립트 파일 삽입코드 분리

main
이범준 2 years ago
parent 24c1dfd096
commit ec76130947

@ -1,27 +0,0 @@
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<link rel="shortcut icon" type="image/x-icon" href="${ctx}/resources/image/fims/framework/common/favicon.ico"/>
<!-- [JS] SheetJS -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.1/xlsx.full.min.js" ></script> -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/sheetJS/js/xlsx.full.min.js" ></script>
<script type="text/javascript" src="${ctx}/resources/3rd-party/sheetJS/js/FileSaver.min.js" ></script> <!-- [선택]클라이언트 저장기능 필요 시 -->
<!-- [JS] url -->
<script type="text/javascript" src="${ctx}/resources/js/fims/biz/common/fimsApiURL.js"></script>
<!-- [JS] biz -->
<script type="text/javascript" src="${ctx}/resources/js/fims/biz/common/defaultUI.js" ></script>
<script type="text/javascript" src="${ctx}/resources/js/fims/biz/common/codeComboData.js"></script>
<%-- <script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmmn/validator.js"></script> --%>
<script type="text/javascript" src="${ctx}/resources/3rd-party/tableExport/js/jspdf.min.js"></script>
<script type="text/javascript" src="${ctx}/resources/3rd-party/tableExport/js/html2canvas.min.js"></script>

@ -11,6 +11,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" > <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" >
<!-- 프레임워크(아이콘) --> <!-- 프레임워크(아이콘) -->
<link rel="shortcut icon" type="image/x-icon" href="${ctx}/resources/image/fims/framework/common/favicon.ico"/>
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/sneat/fonts/boxicons.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/sneat/fonts/boxicons.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/sneat/fonts/fontawesome.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/sneat/fonts/fontawesome.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/resources/css/fims/framework/common/xit-icon.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/css/fims/framework/common/xit-icon.css" />
@ -21,91 +22,11 @@
<link rel="stylesheet" type="text/css" href="${ctx}/resources/css/fims/framework/common/xit-core-extend.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/css/fims/framework/common/xit-core-extend.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/resources/css/fims/framework/common/common.css"/> <link rel="stylesheet" type="text/css" href="${ctx}/resources/css/fims/framework/common/common.css"/>
<script src="${ctx}/resources/3rd-party/sneat/js/helpers.js"></script>
<script src="${ctx}/resources/3rd-party/sneat/js/config.js"></script>
<!-- 부트스트랩 -->
<script src="${ctx}/resources/3rd-party/sneat/js/bootstrap.js"></script>
<!-- 제이쿼리 -->
<script src="${ctx}/resources/3rd-party/sneat/libs/jquery/jquery.js"></script>
<!-- 제이쿼리 직렬화 -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/jquerySerializeObject/js/jquery.serializeObject.js" ></script>
<!-- 블록ui -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/sneat/libs/block-ui/block-ui.js"></script>
<!-- [JS/CSS] jquery ui -->
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/jquery-ui/1.13.2/themes/redmond/jquery-ui.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/jquery-ui/1.13.2/themes/redmond/jquery-ui.css" />
<script type="text/javascript" src="${ctx}/resources/3rd-party/jquery-ui/1.13.2/jquery-ui.js" ></script>
<!-- jquery datepicker custom -->
<link rel="stylesheet" type="text/css" href="${ctx}/resources/lib/fims/framework/datepicker/datepicker.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/lib/fims/framework/datepicker/datepicker.css" />
<script type="text/javascript" src="${ctx}/resources/lib/fims/framework/datepicker/datepicker.js" ></script>
<!-- [JS/CSS] tui Grid -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/tuiGrid/js/tui-code-snippet.js" ></script>
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/tui/grid/4.21.5/tui-pagination/tui-pagination.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/tui/grid/4.21.5/tui-pagination/tui-pagination.css" />
<script type="text/javascript" src="${ctx}/resources/3rd-party/tui/grid/4.21.5/tui-pagination/tui-pagination.js" ></script>
<script type="text/javascript" src="${ctx}/resources/3rd-party/tuiGrid/js/xlsx.full.min.js" ></script>
<link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/tui/grid/4.21.5/tui-grid/tui-grid.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/3rd-party/tui/grid/4.21.5/tui-grid/tui-grid.css" />
<script type="text/javascript" src="${ctx}/resources/3rd-party/tui/grid/4.21.5/tui-grid/tui-grid.js" ></script>
<link rel="stylesheet" type="text/css" href="${ctx}/resources/css/fims/framework/common/xit-tui-grid.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/css/fims/framework/common/xit-tui-grid.css" />
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/xit-tui-grid.js" ></script>
<!-- [JS] url -->
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/frwkApiURL.js" ></script>
<!-- [JS] framework -->
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/XitCmmnUtil.js" ></script>
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/XitExportUtil.js" ></script>
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/cmmPopup.js"></script>
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/cmmDateUtil.js"></script>
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/cmmUtil.js"></script>
<%--TODO: 보완 필요 : 공통 ajax 호출 모듈과 통합 필요 --%>
<script type="text/javascript">
var XitIncludeBase = {
/* ===================
* 초기화 항목
* @date 2020.09.15.
* @author 박민규
=================== */
init : function(){
XitIncludeBase.inputEnterEventIssue(); //form Tag에 배치된 input["text"] Tag가 한개일때 Event 이슈 처리
},
/* ===================
* form에 배치된 input[type="text"] 태그가 한개일 경우 엔터키 입력 시 submit 이슈 처리 함수
* @date 2020.09.15.
* @author 박민규
=================== */
inputEnterEventIssue : function(){
$('form').each(function(){
if($(this).find('input[type="text"]').length==1){
//form에 배치된 input[type="text"] 태그가 한개일 경우 엔터키 입력 시 이벤트를 무시하고 onload 되는것을 방지하기 위한 dummy 태그
$(this).append('<input type="text" style="display: none;"/>');
}
});
}
}
$(document).ready(function(){
// FIXME: 디자인 적용 필요
// blockUI 적용
$(document).ajaxStart(function(handler){
const br = '<br/>';
const msg = '처리중...';
const loading = '<div class="spinner-border text-primary" role="status"></div>';
$.blockUI({ message : br+msg+br+br+loading+br+br});
}).ajaxStop(function(){
$.unblockUI();
});
//초기화
XitIncludeBase.inputEnterEventIssue(); //form Tag에 배치된 input["text"] Tag가 한개일때 Event 이슈 처리
});
</script>

@ -0,0 +1,23 @@
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!-- [JS] SheetJS -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.1/xlsx.full.min.js" ></script> -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/sheetJS/js/xlsx.full.min.js" ></script>
<script type="text/javascript" src="${ctx}/resources/3rd-party/sheetJS/js/FileSaver.min.js" ></script> <!-- [선택]클라이언트 저장기능 필요 시 -->
<!-- [JS] url -->
<script type="text/javascript" src="${ctx}/resources/js/fims/biz/common/fimsApiURL.js"></script>
<!-- [JS] biz -->
<script type="text/javascript" src="${ctx}/resources/js/fims/biz/common/defaultUI.js" ></script>
<script type="text/javascript" src="${ctx}/resources/js/fims/biz/common/codeComboData.js"></script>
<%-- <script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmmn/validator.js"></script> --%>
<script type="text/javascript" src="${ctx}/resources/3rd-party/tableExport/js/jspdf.min.js"></script>
<script type="text/javascript" src="${ctx}/resources/3rd-party/tableExport/js/html2canvas.min.js"></script>

@ -0,0 +1,87 @@
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<script src="${ctx}/resources/3rd-party/sneat/js/helpers.js"></script>
<script src="${ctx}/resources/3rd-party/sneat/js/config.js"></script>
<!-- 부트스트랩 -->
<script src="${ctx}/resources/3rd-party/sneat/js/bootstrap.js"></script>
<!-- 제이쿼리 -->
<script src="${ctx}/resources/3rd-party/sneat/libs/jquery/jquery.js"></script>
<!-- 제이쿼리 직렬화 -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/jquerySerializeObject/js/jquery.serializeObject.js" ></script>
<!-- 블록ui -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/sneat/libs/block-ui/block-ui.js"></script>
<!-- [JS/CSS] jquery ui -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/jquery-ui/1.13.2/jquery-ui.js" ></script>
<!-- jquery datepicker custom -->
<script type="text/javascript" src="${ctx}/resources/lib/fims/framework/datepicker/datepicker.js" ></script>
<!-- [JS/CSS] tui Grid -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/tuiGrid/js/tui-code-snippet.js" ></script>
<script type="text/javascript" src="${ctx}/resources/3rd-party/tui/grid/4.21.5/tui-pagination/tui-pagination.js" ></script>
<script type="text/javascript" src="${ctx}/resources/3rd-party/tuiGrid/js/xlsx.full.min.js" ></script>
<script type="text/javascript" src="${ctx}/resources/3rd-party/tui/grid/4.21.5/tui-grid/tui-grid.js" ></script>
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/xit-tui-grid.js" ></script>
<!-- [JS] url -->
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/frwkApiURL.js" ></script>
<!-- [JS] framework -->
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/XitCmmnUtil.js" ></script>
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/XitExportUtil.js" ></script>
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/cmmPopup.js"></script>
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/cmmDateUtil.js"></script>
<script type="text/javascript" src="${ctx}/resources/js/fims/framework/cmm/cmmUtil.js"></script>
<%--TODO: 보완 필요 : 공통 ajax 호출 모듈과 통합 필요 --%>
<script type="text/javascript">
var XitIncludeBase = {
/* ===================
* 초기화 항목
* @date 2020.09.15.
* @author 박민규
=================== */
init : function(){
XitIncludeBase.inputEnterEventIssue(); //form Tag에 배치된 input["text"] Tag가 한개일때 Event 이슈 처리
},
/* ===================
* form에 배치된 input[type="text"] 태그가 한개일 경우 엔터키 입력 시 submit 이슈 처리 함수
* @date 2020.09.15.
* @author 박민규
=================== */
inputEnterEventIssue : function(){
$('form').each(function(){
if($(this).find('input[type="text"]').length==1){
//form에 배치된 input[type="text"] 태그가 한개일 경우 엔터키 입력 시 이벤트를 무시하고 onload 되는것을 방지하기 위한 dummy 태그
$(this).append('<input type="text" style="display: none;"/>');
}
});
}
}
$(document).ready(function(){
// FIXME: 디자인 적용 필요
// blockUI 적용
$(document).ajaxStart(function(handler){
const br = '<br/>';
const msg = '처리중...';
const loading = '<div class="spinner-border text-primary" role="status"></div>';
$.blockUI({ message : br+msg+br+br+loading+br+br});
}).ajaxStop(function(){
$.unblockUI();
});
//초기화
XitIncludeBase.inputEnterEventIssue(); //form Tag에 배치된 input["text"] Tag가 한개일때 Event 이슈 처리
});
</script>

@ -7,7 +7,9 @@
<head> <head>
<%@include file="/WEB-INF/jsp/include/fims/head-framework.jsp" %> <%@include file="/WEB-INF/jsp/include/fims/head-framework.jsp" %>
<%@include file="/WEB-INF/jsp/include/fims/head-biz.jsp" %> <%@include file="/WEB-INF/jsp/include/fims/tail-framework.jsp" %>
<%@include file="/WEB-INF/jsp/include/fims/tail-biz.jsp" %>
<script type="text/javaScript"> <script type="text/javaScript">
var popup = null; var popup = null;

@ -5,7 +5,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ko"> <html lang="ko">
<head> <head>
<%@include file="/WEB-INF/jsp/include/fims/head-biz.jsp" %> <%@include file="/WEB-INF/jsp/include/fims/tail-biz.jsp" %>
<script type="text/javaScript"> <script type="text/javaScript">
var popup = null; var popup = null;
var unblockUI = () => $.unblockUI(); var unblockUI = () => $.unblockUI();

@ -10,6 +10,8 @@
<%@include file="/WEB-INF/jsp/include/fims/head-framework.jsp" %> <%@include file="/WEB-INF/jsp/include/fims/head-framework.jsp" %>
<%@include file="/WEB-INF/jsp/include/fims/tail-framework.jsp" %>
<link rel="stylesheet" type="text/css" href="${ctx}/resources/css/fims/biz/common/bizMain.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/resources/css/fims/biz/common/bizMain.css" />
<!-- 메뉴 --> <!-- 메뉴 -->
<script src="${ctx}/resources/3rd-party/sneat/js/menu.js"></script> <script src="${ctx}/resources/3rd-party/sneat/js/menu.js"></script>
@ -22,7 +24,7 @@
<!-- [JS] rolling --> <!-- [JS] rolling -->
<script type="text/javascript" src="${ctx}/resources/3rd-party/rolling/js/jquery.vticker-min.js"></script> <script type="text/javascript" src="${ctx}/resources/3rd-party/rolling/js/jquery.vticker-min.js"></script>
<%@include file="/WEB-INF/jsp/include/fims/head-biz.jsp" %> <%@include file="/WEB-INF/jsp/include/fims/tail-biz.jsp" %>
<!-- iframe탭 --> <!-- iframe탭 -->
<script src="${pageContext.request.contextPath}/resources/js/fims/biz/layout/ifrTabs.js"></script> <script src="${pageContext.request.contextPath}/resources/js/fims/biz/layout/ifrTabs.js"></script>

@ -7,7 +7,9 @@
<head> <head>
<%@include file="/WEB-INF/jsp/include/fims/head-framework.jsp" %> <%@include file="/WEB-INF/jsp/include/fims/head-framework.jsp" %>
<%@include file="/WEB-INF/jsp/include/fims/head-biz.jsp" %> <%@include file="/WEB-INF/jsp/include/fims/tail-framework.jsp" %>
<%@include file="/WEB-INF/jsp/include/fims/tail-biz.jsp" %>
<script type="text/javaScript"> <script type="text/javaScript">
var popup = null; var popup = null;

@ -6,7 +6,10 @@
<html lang="ko"> <html lang="ko">
<head> <head>
<%@include file="/WEB-INF/jsp/include/fims/head-framework.jsp" %> <%@include file="/WEB-INF/jsp/include/fims/head-framework.jsp" %>
<%@include file="/WEB-INF/jsp/include/fims/head-biz.jsp" %>
<%@include file="/WEB-INF/jsp/include/fims/tail-framework.jsp" %>
<%@include file="/WEB-INF/jsp/include/fims/tail-biz.jsp" %>
<c:if test="${!empty pageTitle}"> <c:if test="${!empty pageTitle}">
<title>${pageTitle}</title> <title>${pageTitle}</title>

Loading…
Cancel
Save