FAISP/src/main/resources/templates/layout/layout.html

76 lines
3.5 KiB
HTML

<!DOCTYPE html>
<html lang="ko" class="h-100"
xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title>해양경찰청 외사종합포털</title>
<!--bootstrap-->
<link rel="stylesheet" th:href="@{/vendor/bootstrap-5.2.0-dist/css/bootstrap.min.css}">
<link rel="stylesheet" th:href="@{/img/bootstrap-icons-1.9.1/bootstrap-icons.css}">
<!--bootstrap-datepicker-->
<link rel="stylesheet" th:href="@{/vendor/bootstrap-datepicker-1.9.0-dist/css/bootstrap-datepicker.min.css}">
<!--datetimepicker-->
<link rel="stylesheet" th:href="@{/vendor/datetimepicker/css/datetimepicker.css}">
<!--summernote-->
<link rel="stylesheet" th:href="@{/vendor/summernote-0.8.18-dist/summernote-lite.min.css}">
<link rel="stylesheet" th:href="@{/css/common.css}">
<!-- 컨텐츠페이지의 CSS 영역이 들어감 -->
<th:block layout:fragment="css"></th:block>
<!--jquery-->
<script type="text/javascript" th:src="@{/vendor/jquery-3.6.0/jquery-3.6.0.min.js}"></script>
<!--bootstrap-->
<script type="text/javascript" th:src="@{/vendor/bootstrap-5.2.0-dist/js/bootstrap.bundle.min.js}"></script>
<!--bootstrap-datepicker-->
<script type="text/javascript" th:src="@{/vendor/bootstrap-datepicker-1.9.0-dist/js/bootstrap-datepicker.min.js}"></script>
<script type="text/javascript" th:src="@{/vendor/bootstrap-datepicker-1.9.0-dist/locales/bootstrap-datepicker.ko.min.js}"></script>
<!--datetimepicker-->
<script type="text/javascript" th:src="@{/vendor/datetimepicker/js/datetimepicker.full.min.js}"></script>
<script type="text/javascript" th:src="@{/vendor/datetimepicker/js/datetimepicker.js}"></script>
<!--summernote-->
<script type="text/javascript" th:src="@{/vendor/summernote-0.8.18-dist/summernote-lite.min.js}"></script>
<script type="text/javascript" th:src="@{/vendor/summernote-0.8.18-dist/lang/summernote-ko-KR.min.js}"></script>
<!--namo cross editor-->
<script type="text/javascript" th:src="@{/Crosseditor/js/namo_scripteditor.js}"></script>
<!--sheetJs(excel)-->
<script type="text/javascript" th:src="@{/vendor/excel/FileSaver.min.js}"></script>
<script type="text/javascript" th:src="@{/vendor/excel/xlsx.full.min.js}"></script>
<script type="text/javascript" th:src="@{/js/common.js}"></script>
<!-- 컨텐츠페이지의 스크립트 영역이 들어감 -->
<th:block layout:fragment="script"></th:block>
</head>
<body class="d-flex flex-column h-100">
<header th:replace="fragments/header :: headerFragment"></header>
<div sec:authorize="isAnonymous()" layout:fragment="content"></div>
<div sec:authorize="isAuthenticated()" class="d-flex flex-nowrap h-100" style="max-height: 888px;">
<div class="flex-shrink-0 bg-dark border-end overflow-auto" style="width: 240px;">
<div th:replace="fragments/leftMenu :: leftMenuFragment"></div>
</div>
<div class="flex-shrink-0 px-3 py-2 bg-white overflow-auto" style="width: 1680px;">
<div layout:fragment="content"></div>
</div>
</div>
<div id="fadeDiv" style="display: none;">
<div class="p-5 rounded text-center">
<div>
<div class="spinner-border text-info" id="loading-spinner" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
<div id="loading-spinner-text">
<h3>Loading</h3>
</div>
</div>
</div>
<th:block layout:fragment="modal"></th:block>
</body>
</html>