DBNT
/
FAISP
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

footer 수정완료

master
DESKTOP-QGC5RJO\DBNT 2023-01-20 16:42:27 +09:00
parent 8e6b8760ce
commit 2ba97d3256
3 changed files with 93 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/main/resources/static/css/common.css
View File

@ -151,14 +151,10 @@
z-index: 100; z-index: 100;
} }
#wrapper{ #wrapper{
height: auto; min-height: 91%;
min-height: 100%;
padding-bottom: 100px;
} }
footer{ .footer{
height: 100px; transform : translateY(91%);
position : relative;
transform : translateY(-100%);
} }
.bg-label{ .bg-label{
background-color: lightblue; background-color: lightblue;

4
src/main/resources/templates/fragments/footer.html
View File

@ -29,7 +29,7 @@
</div>--> </div>-->
<footer class="row py-5 w-100 mt-auto justify-content-center" id="footerRow" th:fragment="footerFragment"> <div class="d-flex flex-wrap py-2 mt-auto" id="footerRow" th:fragment="footerFragment">
<div class="col-auto"> <div class="col-auto">
<img src="/img/ft_logo.png" alt="사이버외사정보시스템로고" class="h-75"> <img src="/img/ft_logo.png" alt="사이버외사정보시스템로고" class="h-75">
</div> </div>
@ -41,5 +41,5 @@
<p class="mb-1">21995 인천광역시 연수구 해돋이로 130 해양경찰청</p> <p class="mb-1">21995 인천광역시 연수구 해돋이로 130 해양경찰청</p>
<p class="mb-1">Copyright ⓒ 2011 MINISTRY OF REPUBLIC ADMINISTRATION AND SECURITY. All right reserved.</p> <p class="mb-1">Copyright ⓒ 2011 MINISTRY OF REPUBLIC ADMINISTRATION AND SECURITY. All right reserved.</p>
</div> </div>
</footer> </div>
</html> </html>

174
src/main/resources/templates/layout/layout.html
View File

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