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

280 lines
14 KiB
HTML

<!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="css">
<link rel="stylesheet" th:href="@{/css/dashboard/dashboard.css}">
</th:block>
<th:block layout:fragment="script">
<script type="text/javascript" th:src="@{/js/publicBoard/publicBoard.js}"></script>
<script type="text/javascript" th:src="@{/js/publicBoard/reference.js}"></script>
<script type="text/javascript" th:src="@{/js/publicBoard/notice.js}"></script>
<script type="text/javascript" th:src="@{/js/dashboard.js}"></script>
</th:block>
<div layout:fragment="content">
<main>
<input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
<div class="row justify-content-between mx-0 d-none">
<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>
</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">
<div class="col-12">
<div class="card-body">
<div class="row">
<div class="col-12 py-1">
<th:block th:if="${lastLoginDt eq null}">
<p>이전 접속 기록이 없습니다.</p>
</th:block>
<th:block th:if="${lastLoginDt ne null}">
<p th:text="|마지막 접속 일자 : ${#temporals.format(lastLoginDt, 'yyyy년 MM월 dd일 HH:mm:ss')}|"></p>
</th:block>
<h4 style="font-weight: bold">
안녕하세요,
<span class="d-lg-inline d-md-none" th:text="${session.belongValue}"></span>
님 :D
</h4>
</div>
</div>
<div class="row">
<div class="col-4 py-1">
<dl class="accordion">
<dt><img src="img/dashboard/accordionicon.png" alt="결제 대기함 "/> 결재 대기함</dt>
<dd>
<table class="">
<colgroup>
<col style="width: 80%">
<col style="width: 20%">
</colgroup>
<tbody>
<th:block th:if="${#lists.isEmpty(apprvStayList)}">
<tr>
<td colspan="2">결재대기 문서가 없습니다.</td>
</tr>
</th:block>
<th:block th:unless="${#lists.isEmpty(apprvStayList)}">
<tr class="apprvStayTr" th:each="doc:${apprvStayList}">
<input type="hidden" class="boardNo" th:value="${doc.board}">
<input type="hidden" class="docKey" th:value="${doc.key}">
<td>
<i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:if="${#strings.length(doc.title)>20}" th:text="|${#strings.substring(doc.title, 0, 20)}...|"></th:block>
<th:block th:unless="${#strings.length(doc.title)>20}" th:text="${doc.title}"></th:block>
</td>
<td th:text="${#temporals.format(doc.wrtDt, 'yyyy-MM-dd')}"></td>
</tr>
</th:block>
</tbody>
</table>
</dd>
<dt><img src="img/dashboard/bell.png" alt="미확인 수신알람 "/> 미확인 수신알람</dt>
<dd>
<table class="">
<colgroup>
<col style="width: 80%">
<col style="width: 20%">
</colgroup>
<tbody>
<th:block th:if="${#lists.isEmpty(dashboardAlarmList)}">
<tr>
<td colspan="2">수신알람이 없습니다.</td>
</tr>
</th:block>
<th:block th:unless="${#lists.isEmpty(dashboardAlarmList)}">
<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:text="${alarm.alarmMsg}"></th:block>
</td>
<td th:text="${#temporals.format(alarm.wrtDt, 'MM-dd HH:mm')}"></td>
</tr>
</th:block>
</tbody>
</table>
</dd>
<dt><img src="img/dashboard/accordionicon.png" alt="외사정보보고 수신문서 "/> 외사정보보고 수신문서</dt>
<dd>
<table class="">
<colgroup>
<col style="width: 80%">
<col style="width: 20%">
</colgroup>
<tbody>
<th:block th:if="${#lists.isEmpty(faRptList)}">
<tr>
<td colspan="2">외사정보보고 수신문서가 없습니다.</td>
</tr>
</th:block>
<th:block th:unless="${#lists.isEmpty(faRptList)}">
<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)>20}" th:text="|${#strings.substring(faRpt.title, 0, 20)}...|"></th:block>
<th:block th:unless="${#strings.length(faRpt.title)>20}" th:text="${faRpt.title}"></th:block>
</td>
<!--<td th:text="${faRpt.wrtUserNm}"></td>-->
<td th:text="${#temporals.format(faRpt.wrtDt, 'MM-dd HH:mm')}"></td>
</tr>
</th:block>
</tbody>
</table>
</dd>
<dt><img src="img/dashboard/accordionicon.png" alt="sri 수신문서 "/> sri 수신문서</dt>
<dd>
<table class="">
<colgroup>
<col style="width: 80%">
<col style="width: 20%">
</colgroup>
<tbody>
<th:block th:if="${#lists.isEmpty(sriList)}">
<tr>
<td colspan="2">SRI 수신 문서가 없습니다.</td>
</tr>
</th:block>
<th:block th:unless="${#lists.isEmpty(sriList)}">
<tr class="faSriTr" th:each="sri:${sriList}">
<input type="hidden" class="faSriKey" th:value="${sri.faSriKey}">
<td>
<i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:if="${#strings.length(sri.title)>20}" th:text="|${#strings.substring(sri.title, 0, 20)}...|"></th:block>
<th:block th:unless="${#strings.length(sri.title)>20}" th:text="${sri.title}"></th:block>
</td>
<!--<td th:text="${sri.wrtUserNm}"></td>-->
<td th:text="${#temporals.format(sri.wrtDt, 'MM-dd hh:mm')}"></td>
</tr>
</th:block>
</tbody>
</table>
</dd>
</dl>
</div>
<div class="col-4 py-1">
<div class="card">
<div class="dashtit">
<div class="row justify-content-between">
<div class="col-auto">공지사항</div>
<div class="col-auto"><a href="/publicBoard/noticePage" class="link-dark"><img src="img/dashboard/plus.png" alt="공지사항 더보기 아이콘" /></a></div>
</div>
</div>
<table class="table-hover">
<colgroup>
<col style="width: 64%">
<col style="width: 18%">
<col style="width: 18%">
</colgroup>
<thead>
<tr>
<th>제목</th>
<th>작성자</th>
<th>작성일시</th>
</tr>
</thead>
<tbody>
<th:block th:if="${#lists.isEmpty(noticeList)}">
<tr>
<td colspan="3">공지사항이 없습니다.</td>
</tr>
</th:block>
<th:block th:unless="${#lists.isEmpty(noticeList)}">
<th:block th:each="notice:${noticeList}">
<tr class="noticeTr" data-modaltype="viewOnly">
<input type="hidden" class="publicKey" th:value="${notice.publicKey}">
<td>
<i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:if="${#strings.length(notice.title)>20}" th:text="|${#strings.substring(notice.title, 0, 20)}...|"></th:block>
<th:block th:unless="${#strings.length(notice.title)>20}" 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>
</th:block>
</th:block>
</tbody>
</table>
</div>
</div>
<div class="col-4 py-1">
<div class="card">
<div class="dashtit">
<div class="row justify-content-between">
<div class="col-auto">자료실</div>
<div class="col-auto"><a href="/publicBoard/referencePage?selectedTab=RPC001" class="link-dark"><img src="img/dashboard/plus.png" alt="자료실 더보기 아이콘" /></a></div>
</div>
</div>
<table class="table-hover">
<colgroup>
<col style="width: 64%">
<col style="width: 18%">
<col style="width: 18%">
</colgroup>
<thead>
<tr>
<th>제목</th>
<th>작성자</th>
<th>작성일시</th>
</tr>
</thead>
<tbody>
<th:block th:if="${#lists.isEmpty(referenceList)}">
<tr>
<td colspan="3">자료가 없습니다.</td>
</tr>
</th:block>
<th:block th:unless="${#lists.isEmpty(referenceList)}">
<th:block th:each="reference:${referenceList}">
<tr class="referenceTr" data-modaltype="viewOnly">
<input type="hidden" class="publicKey" th:value="${reference.publicKey}">
<td>
<i class="bi bi-dot" style="color: #3d73d7"></i>
<th:block th:if="${#strings.length(reference.title)>20}" th:text="|${#strings.substring(reference.title, 0, 20)}...|"></th:block>
<th:block th:unless="${#strings.length(reference.title)>20}" th:text="${reference.title}"></th:block>
</td>
<td th:text="${reference.wrtUserNm}"></td>
<td th:text="${#temporals.format(reference.wrtDt, 'yyyy-MM-dd')}"></td>
</tr>
</th:block>
</th:block>
</tbody>
</table>
</div>
<div class="card iconmenu">
<div class="dashtit dashtit2">견문관리</div>
<ul>
<li><a href="/affair/affairMgt/myReport?affairCategory=CAT215"><img src="img/dashboard/police-hat.svg" alt="" />외사경찰</a></li>
<li><a href="/affair/affairMgt/myReport?affairCategory=CAT216"><img src="img/dashboard/folder.svg" alt="" />외사첩보망</a></li>
</ul>
</div>
<div class="card iconmenu style2">
<ul>
<li><a href="https://www.law.go.kr/" target="_blank"><img src="img/dashboard/auction.svg" alt="" />법령정보</a></li>
<li><a href="https://cis.kcg.go.kr/" target="_blank"><img src="img/dashboard/handshake.svg" alt="" />수사지원</a></li>
<li><a href="http://ciportal.go.kr/html/main/main.html" target="_blank"><img src="img/dashboard/방첩정보포털 아이콘.png" alt="" />방첩 정보포털</a></li>
<li><a href="http://police.kics.go.kr/portal/usr/login.do" target="_blank"><img src="img/dashboard/형사사법 정보시스템 아이콘.png" alt="" />형사사법<br />정보시스템</a></li>
</ul>
</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>
</html>