FAISP/src/main/resources/templates/login/dashboard.html

242 lines
12 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="~{layout/layout}">
<th:block layout:fragment="script">
2023-02-16 09:50:49 +00:00
<script type="text/javascript" th:src="@{/js/dashboard.js}"></script>
</th:block>
<div layout:fragment="content">
<main>
<div class="row justify-content-between mx-0 d-none">
2023-01-26 00:21:00 +00:00
<div class="mb-2">
<div class="d-inline align-middle"><i class="bi bi-square-fill"></i></div>
<h5 class="d-inline align-middle" th:text="${#session.getId()}"></h5>
2023-01-26 00:21:00 +00:00
</div>
<div class="col-auto mt-2">
<!--<a class="link-dark align-bottom" href="/myInfo/myInfoPage?activeTab=dashboard">대시보드 편집</a>-->
</div>
</div>
<div class="row mx-0">
2023-03-17 05:35:51 +00:00
<div class="col-12">
<div class="card-body">
2023-03-17 05:35:51 +00:00
<div class="row justify-content-center pt-2">
<div class="col-3 py-1 text-center align-middle align-self-center" id="subPage2">
<img src="img/dash01.png" alt="대시보드이미지" class="mb-4">
2023-03-17 06:48:55 +00:00
<h4 style="font-weight: bold">안녕하세요, <th:block th:each="commonCode:${session.commonCode.get('JT')}">
<th:block th:if="${commonCode.itemCd eq #authentication.principal.titleCd}">
<span class="d-lg-inline d-md-none" th:text="|${commonCode.itemValue} ${#authentication.principal.userNm}|">관리기능</span>
</th:block></th:block> :D</h4>
2023-03-17 05:35:51 +00:00
<h5>해양경찰청의 외사포털에 오신것을 환영합니다.</h5>
</div>
2023-01-28 04:33:49 +00:00
<div class="col-4 py-1" id="subPage0">
<script type="text/javascript" th:src="@{/js/publicBoard/publicBoard.js}"></script>
<script type="text/javascript" th:src="@{/js/publicBoard/notice.js}"></script>
<div class="card">
2023-03-17 05:35:51 +00:00
<div class="card-header gray5">
<div class="row justify-content-between">
2023-01-20 04:51:12 +00:00
<div class="col-auto dash-title">공지사항</div>
<div class="col-auto"><a href="/publicBoard/noticePage" class="link-dark"><i class="bi bi-list"></i></a></div>
</div>
</div>
2023-03-17 05:35:51 +00:00
<div class="card-body" style="height: 320px;">
<table class="table table-sm table-hover">
<thead>
<tr>
<th>제목</th>
<th>작성자</th>
<th>작성일시</th>
</tr>
</thead>
<tbody>
<tr class="noticeTr" th:each="notice:${noticeList}">
<input type="hidden" class="publicKey" th:value="${notice.publicKey}">
2023-01-28 04:33:49 +00:00
<td>
<i class="bi bi-dot" style="color: #3d73d7"></i>
2023-03-17 05:35:51 +00:00
<th:block th:if="${#strings.length(notice.title)>25}" th:text="|${#strings.substring(notice.title, 0, 25)}...|"></th:block>
<th:block th:unless="${#strings.length(notice.title)>25}" th:text="${notice.title}"></th:block>
</td>
<td th:text="${notice.wrtUserNm}"></td>
<td th:text="${#temporals.format(notice.wrtDt, 'yyyy-MM-dd')}"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
2023-03-17 05:35:51 +00:00
<div class="col-4 py-1" id="subPage4">
2023-01-28 04:33:49 +00:00
<div class="card">
2023-03-17 05:35:51 +00:00
<div class="card-header gray5">
2023-01-28 04:33:49 +00:00
<div class="row justify-content-between">
2023-03-17 05:35:51 +00:00
<div class="col-auto dash-title">외사경찰 견문관리</div>
<div class="col-auto"><a href="/affair/affairMgt/myReport?affairCategory=CAT215" class="link-dark"><i class="bi bi-list"></i></a></div>
2023-01-28 04:33:49 +00:00
</div>
</div>
2023-03-17 05:35:51 +00:00
<div class="card-body" style="height: 320px;">
2023-01-28 04:33:49 +00:00
<table class="table table-sm table-hover">
<thead>
<tr>
2023-03-17 05:35:51 +00:00
<th>게시판</th>
<th>제목</th>
<th>작성자</th>
2023-01-28 04:33:49 +00:00
</tr>
</thead>
<tbody>
2023-03-17 05:35:51 +00:00
<tr class="affairTr" th:each="affair:${affair1List}">
<input type="hidden" class="board" th:value="${affair.board}">
<input type="hidden" class="key" th:value="${affair.key}">
2023-01-28 04:33:49 +00:00
<td>
2023-03-17 05:35:51 +00:00
<th:block th:if="${affair.board eq 'plan1'}">계획수립</th:block>
<th:block th:if="${affair.board eq 'affair1'}">견문관리</th:block>
<th:block th:if="${affair.board eq 'result'}">청산보고서</th:block>
</td>
<td ><i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:if="${#strings.length(affair.title)>25}" th:text="|${#strings.substring(affair.title,0,25)}...|"></th:block>
<th:block th:unless="${#strings.length(affair.title)>25}" th:text="${affair.title}"></th:block>
</td>
<td>
<th:block th:each="code:${session.commonCode.get('JT')}">
<th:block th:if="${code.itemCd eq affair.wrtUserGrd}" th:text="${code.itemValue}"></th:block>
</th:block>
<th:block th:text="${affair.wrtUserNm}"></th:block>
2023-01-28 04:33:49 +00:00
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
2023-03-17 05:35:51 +00:00
<div class="col-3 py-1" id="subPage1">
<div class="card">
2023-03-17 05:35:51 +00:00
<div class="card-header gray5">
<div class="row justify-content-between">
2023-03-17 05:35:51 +00:00
<div class="col-auto dash-title" th:text="${#strings.concat('미확인 수신알람(', alarmListCnt, ')')}"></div>
<div class="col-auto"><a href="/myInfo/myAlarm" class="link-dark"><i class="bi bi-list"></i></a></div>
</div>
</div>
2023-03-17 05:35:51 +00:00
<div class="card-body" style="height: 320px;">
2023-01-28 04:33:49 +00:00
<table class="table table-sm table-hover">
<thead>
<tr>
2023-03-17 05:35:51 +00:00
<th>메시지</th>
<th>발생일시</th>
</tr>
</thead>
<tbody>
2023-03-17 05:35:51 +00:00
<tr class="alarmTr" th:each="alarm:${dashboardAlarmList}">
<input type="hidden" class="alarmKey" th:value="${alarm.alarmKey}">
<input type="hidden" class="userSeq" th:value="${alarm.userSeq}">
<td>
<i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:if="${#strings.length(alarm.alarmMsg)>11}" th:text="|${#strings.substring(alarm.alarmMsg, 0, 11)}...|"></th:block>
<th:block th:unless="${#strings.length(alarm.alarmMsg)>11}" th:text="${alarm.alarmMsg}"></th:block>
2023-01-20 04:51:12 +00:00
</td>
2023-03-17 05:35:51 +00:00
<td th:text="${#temporals.format(alarm.wrtDt, 'yyyy-MM-dd HH:mm:ss')}"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
2023-03-17 05:35:51 +00:00
<div class="col-4 py-1" id="subPage3">
<div class="card">
2023-03-17 05:35:51 +00:00
<div class="card-header gray5">
<div class="row justify-content-between">
2023-03-17 05:35:51 +00:00
<div class="col-auto dash-title">외사정보보고 수신문서</div>
<div class="col-auto"><a href="/faRpt/faRptBoard?activeTab=receive" class="link-dark"><i class="bi bi-list"></i></a></div>
</div>
</div>
2023-03-17 05:35:51 +00:00
<div class="card-body" style="height: 320px;">
<table class="table table-sm table-hover">
<thead>
<tr>
<th>제목</th>
2023-03-17 05:35:51 +00:00
<th>작성일시</th>
</tr>
</thead>
<tbody>
2023-03-17 05:35:51 +00:00
<tr class="faRptTr" th:each="faRpt:${faRptList}">
<input type="hidden" class="faRptKey" th:value="${faRpt.faRptKey}">
<td><i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:if="${#strings.length(faRpt.title)>25}" th:text="|${#strings.substring(faRpt.title, 0, 25)}...|"></th:block>
<th:block th:unless="${#strings.length(faRpt.title)>25}" th:text="${faRpt.title}"></th:block>
</td>
2023-03-17 05:35:51 +00:00
<td th:text="${#temporals.format(faRpt.wrtDt, 'yyyy-MM-dd HH:mm')}"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
2023-01-28 04:33:49 +00:00
<div class="col-4 py-1" id="subPage5">
<div class="card">
2023-03-17 05:35:51 +00:00
<div class="card-header gray5">
<div class="row justify-content-between">
2023-01-20 04:51:12 +00:00
<div class="col-auto dash-title">외사첩보망 견문관리</div>
<div class="col-auto"><a href="/affair/affairMgt/myReport?affairCategory=CAT216" class="link-dark"><i class="bi bi-list"></i></a></div>
</div>
</div>
2023-03-17 05:35:51 +00:00
<div class="card-body" style="height: 320px;">
<table class="table table-sm table-hover">
<thead>
<tr>
<th>게시판</th>
<th>제목</th>
<th>작성자</th>
</tr>
</thead>
<tbody>
<tr class="affairTr" th:each="affair:${affair2List}">
<input type="hidden" class="affairKey" th:value="${affair.key}">
<td>
<th:block th:if="${affair.board eq 'plan2'}">운영계획</th:block>
<th:block th:if="${affair.board eq 'affair2'}">견문관리</th:block>
<th:block th:if="${affair.board eq 'analyze'}">운영실적</th:block>
<th:block th:if="${affair.board eq 'fire'}">해고/연장보고</th:block>
</td>
<td ><i class="bi bi-dot" style="color: #3d73d7"></i>
2023-03-17 05:35:51 +00:00
<th:block th:if="${#strings.length(affair.title)>25}" th:text="|${#strings.substring(affair.title, 0, 25)}...|"></th:block>
<th:block th:unless="${#strings.length(affair.title)>25}" th:text="${affair.title}"></th:block>
2023-01-20 04:51:12 +00:00
</td>
<td>
<th:block th:each="code:${session.commonCode.get('JT')}">
<th:block th:if="${code.itemCd eq affair.wrtUserGrd}" th:text="${code.itemValue}"></th:block>
</th:block>
<th:block th:text="${affair.wrtUserNm}"></th:block>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="modal fade" id="viewModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="viewModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-scrollable">
<div class="modal-content" id="viewContent">
</div>
</div>
</div>
<div class="modal fade" id="affairViewModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="affairViewModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-scrollable">
<div class="modal-content" id="affairViewBody">
</div>
</div>
</div>
<div class="modal fade" id="faRptViewModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="faRptViewModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-scrollable">
<div class="modal-content" id="faRptViewBody">
</div>
</div>
</div>
</div>
</html>