|
|
|
@ -17,16 +17,20 @@
|
|
|
|
|
<div class="sticky-wrapper">
|
|
|
|
|
<ul id="menu-tabs" class="nav nav-tabs sticky-element" role="tablist" style="--bs-nav-link-padding-y: .125rem; background-image: linear-gradient(#8AB9DB, whitesmoke);"></ul>
|
|
|
|
|
</div>
|
|
|
|
|
<template id="main-tab"><li class="nav-item" role="presentation">
|
|
|
|
|
<template id="main-tab">
|
|
|
|
|
<li class="nav-item" role="presentation">
|
|
|
|
|
<div class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="{tab-target}" aria-controls="{index}" tabindex="-1">
|
|
|
|
|
<span onclick="openMenu('{url}');">{name}</span>
|
|
|
|
|
<span onclick="mainTabs.close('{url}')" class="ms-2" style="display: none;">×</span>
|
|
|
|
|
</div>
|
|
|
|
|
</li></template>
|
|
|
|
|
</li>
|
|
|
|
|
</template>
|
|
|
|
|
<div id="main-tab-content" class="tab-content shadowed">
|
|
|
|
|
<div id="dashboard" class="tab-pane fade" role="tabpanel"><jsp:include page="/WEB-INF/jsp/dashboard.jsp" /></div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<template id="tab-pane"><div id="{index}" class="tab-pane fade" role="tabpanel">{inner-content}</div></template>
|
|
|
|
|
<template id="tab-pane">
|
|
|
|
|
<div id="{index}" class="tab-pane fade" role="tabpanel">{inner-content}</div>
|
|
|
|
|
</template>
|
|
|
|
|
</div>
|
|
|
|
|
<%--/ Content --%>
|
|
|
|
|
<%-- Footer --%>
|
|
|
|
@ -68,9 +72,10 @@ const FETCH_XXL = 1000;
|
|
|
|
|
${functions}
|
|
|
|
|
${userMenus}
|
|
|
|
|
|
|
|
|
|
let sticky = {id: -1, index: "dashboard", name: "대시보드", url: "/dashboard.do", parentID: null, description: "대시보드"},
|
|
|
|
|
mainTabs = new TabControl({
|
|
|
|
|
sticky: sticky,
|
|
|
|
|
const FIRST_PAGE = wctx.url("/adds/nims/dsuseMgtReceipt.do");
|
|
|
|
|
|
|
|
|
|
let mainTabs = new TabControl({
|
|
|
|
|
sticky: {},
|
|
|
|
|
getMenu: (url) => menuSupport.getMenu(url),
|
|
|
|
|
onDatasetChange: tabs => {
|
|
|
|
|
let template = document.getElementById("main-tab").innerHTML,
|
|
|
|
@ -81,7 +86,6 @@ let sticky = {id: -1, index: "dashboard", name: "대시보드", url: "/dashboard
|
|
|
|
|
$("#menu-tabs .nav-item").hover(
|
|
|
|
|
function() {
|
|
|
|
|
let span = $(this).find("span.ms-2");
|
|
|
|
|
if (span.attr("onclick").includes(sticky.url)) return;
|
|
|
|
|
span.show();
|
|
|
|
|
},
|
|
|
|
|
function() {
|
|
|
|
@ -142,7 +146,7 @@ $(".sticky-element").sticky({
|
|
|
|
|
|
|
|
|
|
$(function() {
|
|
|
|
|
${onload}
|
|
|
|
|
mainTabs.getTab(sticky.url);
|
|
|
|
|
mainTabs.open(FIRST_PAGE);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
//# sourceURL=index.jsp
|
|
|
|
|