fix : 탭 닫기 아이콘 변경

main
이범준 2 years ago
parent fcd9dacaa2
commit 353d2ce76e

@ -59,26 +59,6 @@
<style>
#progress {
appearance: none;
}
#progress::-webkit-progress-bar {
background:#f0f0f0;
border-radius:10px;
box-shadow: inset 3px 3px 10px #ccc;
}
#progress::-webkit-progress-value {
border-radius:10px;
background: #1D976C;
background: -webkit-linear-gradient(to right, #93F9B9, #1D976C);
background: linear-gradient(to right, #93F9B9, #1D976C);
}
</style>
<%--TODO: 보완 필요 : 공통 ajax 호출 모듈과 통합 필요 --%> <%--TODO: 보완 필요 : 공통 ajax 호출 모듈과 통합 필요 --%>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
@ -89,19 +69,17 @@
const br = '<br/>'; const br = '<br/>';
const msg = '처리중...'; const msg = '처리중...';
const loading = '<img class="loading-bar" src="${ctx}/resources/framework/images/common/ajax-loading.gif" style="margin-left: -20px;" alt="조회 프로그래스바" />'; const loading = '<img class="loading-bar" src="${ctx}/resources/framework/images/common/ajax-loading.gif" style="margin-left: -20px;" alt="조회 프로그래스바" />';
// const loading = '<h2>진행상항</h2><progress id="progress" value="50" min="0" max="100"></progress>';
$.blockUI({ message : br+msg+br+br+loading+br+br}); $.blockUI({ message : br+msg+br+br+loading+br+br});
}).ajaxStop(function(){ }).ajaxStop(function(){
$.unblockUI(); $.unblockUI();
}); });
//초기화 //초기화
XitIncludeBase.init(); XitIncludeBase.inputEnterEventIssue(); //form Tag에 배치된 input["text"] Tag가 한개일때 Event 이슈 처리
XitIncludeBase.noticeRollingEvent(); //공지사항 롤링 Event 처리
}); });
var XitIncludeBase = { var XitIncludeBase = {
/* =================== /* ===================
* 초기화 항목 * 초기화 항목

@ -16,16 +16,14 @@
.biz-tab-close { .biz-tab-close {
/*pointer-events: none;*/ /*pointer-events: none;*/
/*content: '';*/ /*content: '';*/
background-image: url(/resources/images/btn/bu5_close.gif); /* background-image: url(/resources/images/btn/bu5_close.gif);
display: inline-block;
background-size: 15px 15px; background-size: 15px 15px;
width: 15px;
height: 15px;
margin-right: 5px;
margin-top: 5px;
cursor: hand;
background-position: right; background-position: right;
background-repeat: no-repeat; background-repeat: no-repeat;*/
/* display: inline-block;*/
/* cursor: hand;*/
} }
/* /*

@ -27,9 +27,10 @@ function openMenu(menuId, menuNm, menuUrl) {
const num_tabs = OPEN_TAB_CNT + 1; const num_tabs = OPEN_TAB_CNT + 1;
let liEl = '<li id="li-'+ menuId +'" class="tab"><a href="#tab-'+ menuId + '">' + menuNm + '</a>'; let liEl = '<li id="li-'+ menuId +'" class="tab d-flex align-items-center">';
liEl +='<a href="#tab-'+ menuId + '">' + menuNm + '</a>';
if(menuId != "main"){ if(menuId != "main"){
liEl += '<button class="biz-tab-close" onclick="closeTab('+ menuId + ')"></button>' liEl += '<button class="bx bxs-x-square bx-sm bg-transparent border-transparent" onclick="closeTab('+ menuId + ')"></button>'
} }
liEl += '</li>'; liEl += '</li>';

Loading…
Cancel
Save