71 lines
3.8 KiB
HTML
71 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
|
|
<div class="pt-3" th:fragment="leftMenuFragment">
|
|
<div class="ps-5">
|
|
<a href="/" >
|
|
<img id="logoNew" th:src="@{/img/logoNew.png}" alt="logoNew" title="logoNew">
|
|
</a>
|
|
</div>
|
|
<div class="flex-shrink-0 py-3 bg-transparent" id="leftMenu">
|
|
<ul class="list-unstyled border-top ps-0">
|
|
<li class="mb-1 border-bottom " th:each="firstMenu:${session.menuList}">
|
|
<th:block th:each="cat1Code:${session.commonCode.get('CAT1')}">
|
|
<th:block th:if="${cat1Code.itemCd eq firstMenu.cat1Cd}">
|
|
<button class="btn align-items-center rounded collapsed leftMenuItem text-light" style="font-size: 17px;"
|
|
data-bs-toggle="collapse" aria-expanded="false" th:data-category="${cat1Code.itemCd}"
|
|
th:data-bs-target="'#collapse'+${cat1Code.itemCd}" th:text="${cat1Code.itemValue}">
|
|
</button>
|
|
<div class="collapse ps-3 border-top border-secondary pt-2" th:id="|collapse${cat1Code.itemCd}|">
|
|
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1" >
|
|
<li th:each="secondMenu:${firstMenu.childList}">
|
|
<th:block th:each="cat2Code:${session.commonCode.get('CAT2')}">
|
|
<th:block th:if="${cat2Code.itemCd eq secondMenu.cat2Cd}">
|
|
<ul class="list-unstyled ps-0">
|
|
<li class="mb-1">
|
|
<th:block th:unless="${#lists.isEmpty(secondMenu.childList)}">
|
|
<button class="btn btn-toggle3 align-items-center rounded collapsed leftMenuItem" style="font-size: 16px; color: white"
|
|
data-bs-toggle="collapse" aria-expanded="false" th:data-parent="${cat1Code.itemCd}" th:data-category="${cat2Code.itemCd}"
|
|
th:data-bs-target="'#collapse'+${cat2Code.itemCd}" th:text="${cat2Code.itemValue}">
|
|
</button>
|
|
</th:block>
|
|
<th:block th:if="${#lists.isEmpty(secondMenu.childList)}">
|
|
<a th:href="@{${secondMenu.menuUrl}}" class="link-light rounded ps-3 text-decoration-none" style="font-size: 14px;" th:data-menukey="${secondMenu.menuKey}"
|
|
th:data-parent="${cat1Code.itemCd}" th:data-category="${cat2Code.itemCd}" th:text="${cat2Code.itemValue}"></a>
|
|
</th:block>
|
|
<div class="collapse ps-3" th:id="|collapse${cat2Code.itemCd}|" >
|
|
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
|
|
<li th:each="thirdMenu:${secondMenu.childList}">
|
|
<th:block th:each="cat3Code:${session.commonCode.get('CAT3')}">
|
|
<th:block th:if="${cat3Code.itemCd eq thirdMenu.cat3Cd}">
|
|
<ul class="list-unstyled ps-0">
|
|
<li>
|
|
<a th:href="@{${thirdMenu.menuUrl}}" class="link-light rounded ps-3 text-decoration-none" th:data-menukey="${thirdMenu.menuKey}"
|
|
th:data-parent="${cat2Code.itemCd}" th:data-category="${cat3Code.itemCd}" th:text="${cat3Code.itemValue}"></a>
|
|
</li>
|
|
</ul>
|
|
</th:block>
|
|
</th:block>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</th:block>
|
|
</th:block>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</th:block>
|
|
</th:block>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
button:active, button:focus ,button:hover {
|
|
outline:none !important;
|
|
box-shadow:none !important;
|
|
}
|
|
</style>
|
|
</html>
|