itn_admin/src/main/resources/templates/fragments/header.html
hehihoho3@gmail.com a6093f9961 출장등록 완료
2025-04-09 18:17:25 +09:00

150 lines
6.6 KiB
HTML

<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<th:block th:fragment="headerFragment">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->
<link rel="stylesheet" th:href="@{/plugins/fontawesome-free/css/all.min.css}">
<!-- <link rel="stylesheet" th:href="@{/css/fontawesome/all.min.css}">-->
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Ion Slider -->
<link rel="stylesheet" th:href="@{/plugins/ion-rangeslider/css/ion.rangeSlider.min.css}">
<!-- bootstrap slider -->
<link rel="stylesheet" th:href="@{/plugins/bootstrap-slider/css/bootstrap-slider.min.css}">
<link rel="stylesheet" th:href="@{/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css}">
<!-- iCheck -->
<link rel="stylesheet" th:href="@{/plugins/icheck-bootstrap/icheck-bootstrap.min.css}">
<!-- JQVMap -->
<link rel="stylesheet" th:href="@{/plugins/jqvmap/jqvmap.min.css}">
<!-- Theme style -->
<link rel="stylesheet" th:href="@{/dist/css/adminlte.min.css}">
<!-- overlayScrollbars -->
<link rel="stylesheet" th:href="@{/plugins/overlayScrollbars/css/OverlayScrollbars.min.css}">
<!-- Daterange picker -->
<link rel="stylesheet" th:href="@{/plugins/daterangepicker/daterangepicker.css}">
<!-- summernote -->
<link rel="stylesheet" th:href="@{/plugins/summernote/summernote-bs4.min.css}">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" th:href="@{/plugins/toastr/toastr.min.css}">
<link rel="stylesheet" th:href="@{/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css}">
<link rel="stylesheet" th:href="@{/plugins/datatables-responsive/css/responsive.bootstrap4.min.css}">
<link rel="stylesheet" th:href="@{/plugins/datatables-buttons/css/buttons.bootstrap4.min.css}">
<!-- SweetAlert2 CSS -->
<link rel="stylesheet" th:href="@{https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css}" >
<!-- CSS -->
<!-- jQuery -->
<script th:src="@{/plugins/jquery/jquery.min.js}"></script>
<!-- jQuery UI 1.11.4 -->
<script th:src="@{/plugins/jquery-ui/jquery-ui.min.js}"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script th:src="@{/plugins/bootstrap/js/bootstrap.bundle.min.js}"></script>
<!-- ChartJS -->
<script th:src="@{/plugins/chart.js/Chart.min.js}"></script>
<!-- Sparkline -->
<!-- <script th:src="@{/plugins/sparklines/sparkline.js}"></script>-->
<!-- JQVMap -->
<script th:src="@{/plugins/jqvmap/jquery.vmap.min.js}"></script>
<script th:src="@{/plugins/jqvmap/maps/jquery.vmap.usa.js}"></script>
<!-- jQuery Knob Chart -->
<script th:src="@{/plugins/jquery-knob/jquery.knob.min.js}"></script>
<!-- daterangepicker -->
<script th:src="@{/plugins/moment/moment.min.js}"></script>
<script th:src="@{/plugins/daterangepicker/daterangepicker.js}"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script th:src="@{/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js}"></script>
<!-- Summernote -->
<script th:src="@{/plugins/summernote/summernote-bs4.min.js}"></script>
<!-- overlayScrollbars -->
<script th:src="@{/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js}"></script>
<!-- AdminLTE App -->
<script th:src="@{/dist/js/adminlte.js}"></script>
<!-- AdminLTE for demo purposes -->
<!-- <script th:src="@{/dist/js/demo.js}"></script>-->
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<!-- <script th:src="@{/dist/js/pages/dashboard.js}"></script>-->
<!-- <script th:src="@{/js/fontawesome/all.min.js}"></script>-->
<script th:src="@{/plugins/toastr/toastr.min.js}"></script>
<!-- SweetAlert2 JS -->
<script th:src="@{https://cdn.jsdelivr.net/npm/sweetalert2@11}"></script>
<script>
/* 메뉴 하이라이팅 */
$(document).ready(function() {
var currentPath = location.pathname;
var isHighlighted = false;
$('.nav-link').removeClass('active');
$('ul.nav-sidebar a').each(function() {
var $this = $(this);
var linkPath = new URL($this.attr('href'), location.origin).pathname;
if(currentPath === linkPath) {
$this.addClass('active'); // 현재 메뉴 항목 활성화
$this.parents('li').addClass('menu-open'); // 부모 메뉴 활성화
$this.parents('.nav-treeview').prev().addClass('active'); // 중첩된 메뉴의 상위 메뉴 활성화
isHighlighted = true;
}
});
});
function fn_successAlert(title, msg){
$(document).Toasts('create', {
class: 'bg-info',
title: title,
subtitle: '',
autohide : true,
delay: 6000,
body: msg
})
}
function fn_failedAlert(title, msg){
$(document).Toasts('create', {
class: 'bg-danger',
title: title,
subtitle: '',
autohide : true,
delay: 6000,
body: msg
})
}
function fn_failedAlert(title, msg, delay){
$(document).Toasts('create', {
class: 'bg-danger',
title: title,
subtitle: '',
autohide : true,
delay: delay,
body: msg
})
}
</script>
<!-- 개별 페이지에서 스타일/스크립트 넣을 수 있게 확장 지점 추가 -->
</th:block>
</html>