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

ui 수정

master
DESKTOP-QGC5RJO\DBNT 2023-01-19 14:54:28 +09:00
parent bc7f92af3d
commit ad0742cc3e
10 changed files with 70 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -59,6 +59,14 @@
content: url("/img/bootstrap-icons-1.9.1/caret-down-fill.svg");
}
.btn-toggle2::before {
content: url("/img/bootstrap-icons-1.9.1/caret-right.svg");
filter: invert(100%);
}
.btn-toggle2[aria-expanded="true"]::before {
content: url("/img/bootstrap-icons-1.9.1/caret-down.svg");
}
.f-invert{
filter: invert(100%);
}
@ -122,4 +130,29 @@
position: absolute;
top: 6rem;
left: 4.3rem;
}
}
/*.bg-header{*/
/* !*background-color: #6c87af78;*!*/
/* !*background-color: #6885bfb0;*!*/
/* background-color: #1650a778;*/
/*}*/
/*.bg-lightB{*/
/* background-color: #deebff78;*/
/*}*/
/*.bg-blue{*/
/* !*background-color: #1f2f5c;*!*/
/* background-color: #24396c;*/
/*}*/
/*.bg-leftMenu{*/
/* background-color: #253660;*/
/*}*/
/*.table-color{*/
/* background-color: #6c87af78;*/
/*}*/
/*.bi-square-fill{*/
/* color:#0d49a7;*/
/* !*color: #24396c;*!*/
/*}*/

22
src/main/resources/templates/faRpt/faRptViewModal.html
View File

@ -20,36 +20,36 @@
<div class="tab-content bg-white border border-top-0 p-2">
<div class="tab-pane fade p-2 show active" id="boardTabPanel" role="tabpanel" tabindex="0">
<div class="row mb-1">
<label class="col-sm-1 col-form-label col-form-label-sm text-center">분류</label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">분류</label>
<label class="col-sm-2 col-form-label col-form-label-sm text-start">
<th:block th:each="code:${session.commonCode.get('FRC')}">
<th:block th:if="${code.itemCd eq faRpt.faRptType}" th:text="${code.itemValue}"></th:block>
</th:block>
</label>
<div class="col-6"></div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">작성일시</label>
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(faRpt.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">제목</label>
<label class="col-sm-8 col-form-label col-form-label-sm text-start" th:text="${faRpt.title}"></label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">작성자</label>
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${faRpt.wrtUserNm}"></label>
</div>
<hr class="my-1">
<div class="row mb-1 justify-content-center">
<label class="col-sm-1 col-form-label col-form-label-sm text-center">내용</label>
<label class="col-sm-1 col-form-label col-form-label-sm bg-lightB">내용</label>
<div class="col-sm-11 form-control-sm" th:utext="${faRpt.content}"></div>
</div>
<hr class="my-1">
<div class="row mb-1">
<label class="col-sm-1 col-form-label col-form-label-sm text-center">해시태그</label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">해시태그</label>
<label class="col-sm-11 col-form-label col-form-label-sm text-start" th:text="${faRpt.hashTags}"></label>
</div>
</div>
<div class="tab-pane fade p-2" id="readUserTabPanel" role="tabpanel" tabindex="0">
<div class="row">
<div class="col-1">no</div>
<div class="col-9">수신자</div>
<div class="col-2">열람</div>
<div class="col-1 bg-lightB">no</div>
<div class="col-9 bg-lightB">수신자</div>
<div class="col-2 bg-lightB">열람</div>
</div>
<hr class="my-1">
<div class="row">
@ -83,8 +83,8 @@
<table class="table table-sm" id="fileTable">
<thead>
<tr>
<th>파일명</th>
<th>사이즈</th>
<th class="bg-lightB">파일명</th>
<th class="bg-lightB">사이즈</th>
</tr>
</thead>
<tbody>

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

@ -3,7 +3,7 @@
<footer th:fragment="footerFragment" class="d-flex flex-wrap py-2 mt-auto bg-dark">
<div class="row mx-3">
<div class="col-auto">
<img th:src="@{/img/f_logo.png}" alt="logo" title="logo" style="height: 50px;"/>
<img th:src="@{/img/f_logo.png}" alt="logo" title="logo" style="height: 40px;"/>
</div>
<div class="col-auto row">
<div class="col-12">

2
src/main/resources/templates/fragments/header.html
View File

@ -2,7 +2,7 @@
<html lang="ko"
xmlns:th="http://www.thymeleaf.org"
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<header th:fragment="headerFragment" class="row justify-content-between w-100 py-1 px-3 bg-light border-bottom" style="--bs-gutter-x: 0;">
<header th:fragment="headerFragment" class="row justify-content-between w-100 py-1 px-3 border-bottom" style="--bs-gutter-x: 0;">
<div class="col-auto row justify-content-start">
<div class="col-auto">
<div class="navbar-header">

10
src/main/resources/templates/fragments/leftMenu.html
View File

@ -6,28 +6,28 @@
<li class="mb-1" th:each="firstMenu:${session.menuList}">
<th:block th:each="cat1Code:${session.commonCode.get('CAT1')}">
<th:block th:if="${cat1Code.itemCd eq firstMenu.cat1Cd}">
<button class="btn btn-toggle align-items-center rounded collapsed leftMenuItem text-light"
<button class="btn btn-toggle align-items-center rounded collapsed leftMenuItem text-light" style="font-size: 16px;"
data-bs-toggle="collapse" aria-expanded="false" th:data-category="${cat1Code.itemCd}"
th:data-bs-target="'#collapse'+${cat1Code.itemCd}" th:text="${cat1Code.itemValue}">
</button>
<div class="collapse ps-3" th:id="|collapse${cat1Code.itemCd}|">
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1" >
<li th:each="secondMenu:${firstMenu.childList}">
<th:block th:each="cat2Code:${session.commonCode.get('CAT2')}">
<th:block th:if="${cat2Code.itemCd eq secondMenu.cat2Cd}">
<ul class="list-unstyled ps-0">
<li class="mb-1">
<th:block th:unless="${#lists.isEmpty(secondMenu.childList)}">
<button class="btn btn-toggle align-items-center rounded collapsed leftMenuItem text-light"
<button class="btn btn-toggle2 align-items-center rounded collapsed leftMenuItem text-light" style="font-size: 15px;"
data-bs-toggle="collapse" aria-expanded="false" th:data-parent="${cat1Code.itemCd}" th:data-category="${cat2Code.itemCd}"
th:data-bs-target="'#collapse'+${cat2Code.itemCd}" th:text="${cat2Code.itemValue}">
</button>
</th:block>
<th:block th:if="${#lists.isEmpty(secondMenu.childList)}">
<a th:href="@{${secondMenu.menuUrl}}" class="bi bi-dash link-light rounded ps-3 text-decoration-none"
<a th:href="@{${secondMenu.menuUrl}}" class="bi bi-dash link-light rounded ps-3 text-decoration-none" style="font-size: 14px;"
th:data-parent="${cat1Code.itemCd}" th:data-category="${cat2Code.itemCd}" th:text="${cat2Code.itemValue}"></a>
</th:block>
<div class="collapse ps-3" th:id="|collapse${cat2Code.itemCd}|">
<div class="collapse ps-3" th:id="|collapse${cat2Code.itemCd}|" >
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
<li th:each="thirdMenu:${secondMenu.childList}">
<th:block th:each="cat3Code:${session.commonCode.get('CAT3')}">

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

@ -50,7 +50,7 @@
<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: 260px;">
<div class="flex-shrink-0 bg-leftMenu border-end overflow-auto" style="width: 260px;">
<div th:replace="fragments/leftMenu :: leftMenuFragment"></div>
</div>
<div class="flex-shrink-0 px-3 py-2 bg-white overflow-auto" style="width: 1660px;">
@ -70,7 +70,7 @@
</div>
</div>
</div>
<div th:replace="fragments/footer :: footerFragment"></div>
<th:block layout:fragment="modal"></th:block>
</body>
</html>

4
src/main/resources/templates/login/dashboard.html
View File

@ -8,13 +8,13 @@
<div layout:fragment="content">
<main>
<div class="row justify-content-between mx-0">
<div class="col-auto"><h4>대시보드</h4></div>
<div class="col-auto"><h4><i class="bi bi-square-fill"></i> 대시보드</h4></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 card bg-light">
<div class="col-12 card bg-lightB">
<div class="card-body">
<div class="row">
<div class="col-6 py-1" id="subPage0">

12
src/main/resources/templates/publicBoard/notice/noticeEditModal.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<div class="modal-header bg-dark">
<div class="modal-header bg-blue">
<h5 class="modal-title text-white" id="noticeEditModalLabel" th:text="${info.publicKey eq null?'공지사항 작성':'공지사항 수정'}"></h5>
<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
@ -17,7 +17,7 @@
<input type="hidden" name="wrtUserNm" th:value="${info.wrtUserNm}">
<div class="mb-1 row">
<label for="wrtUserNm" class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
<label for="wrtUserNm" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">작성자</label>
<div class="col-sm-2">
<th:block th:each="commonCode:${session.commonCode.get('JT')}">
<th:block th:if="${commonCode.itemCd eq info.wrtUserGrd}">
@ -25,7 +25,7 @@
</th:block>
</th:block>
</div>
<label for="wrtDt" class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
<label for="wrtDt" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">작성일시</label>
<div class="col-sm-2">
<input type="text" class="form-control form-control-sm" id="wrtDt" name="wrtDt" th:value="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}" readonly>
</div>
@ -35,20 +35,20 @@
<label for="organChk" class="col-sm-3 col-form-label text-left">소속관서에만 노출</label>
</div>
<div class="mb-1 row">
<label for="title" class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
<label for="title" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">제목</label>
<div class="col-sm-11">
<input type="text" class="form-control form-control-sm" id="title" name="title" th:value="${info.title}" autocomplete="off">
</div>
</div>
<div class="mb-1 row">
<label for="editor" class="col-sm-1 col-form-label col-form-label-sm text-center">내용</label>
<label for="editor" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">내용</label>
<div class="col-sm-11">
<div id="editor"></div>
<textarea id="content" class="d-none" th:utext="${info.content}"></textarea>
</div>
</div>
<div class="row mb-1">
<label for="fileInputer" class="col-sm-1 col-form-label col-form-label-sm text-center">첨부파일</label>
<label for="fileInputer" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">첨부파일</label>
<div class="col-sm-11" style="min-height: 70px;">
<div class="w-100 h-100 border border-info rounded text-center" id="uploadDiv">
<th:block th:if="${#arrays.isEmpty(info.fileList)}">

6
src/main/resources/templates/publicBoard/notice/noticePage.html
View File

@ -9,11 +9,11 @@
</th:block>
<div layout:fragment="content">
<main>
<h4>공지사항</h4>
<h4><i class="bi bi-square-fill"></i> 공지사항</h4>
<input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
<div class="row mx-0">
<div class="col-12 card bg-light text-center">
<div class="col-12 card bg-lightB text-center">
<div class="card-body">
<form method="get" th:action="@{/publicBoard/noticePage}">
<input type="hidden" name="pageIndex" id="pageIndex" th:value="${searchParams.pageIndex}">
@ -64,7 +64,7 @@
<div class="col-12">
<table class="table table-sm table-hover table-bordered">
<thead>
<tr class="table-secondary">
<tr class="table-color">
<th></th>
<th>제목</th>
<th>관서</th>

10
src/main/resources/templates/publicBoard/notice/noticeViewModal.html
View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<div class="modal-header bg-dark">
<div class="modal-header bg-blue">
<h5 class="modal-title text-white" id="publicViewModalLabel">공지사항 열람</h5>
<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
@ -18,11 +18,11 @@
<div class="tab-pane fade p-2 show active" id="boardTabPanel" role="tabpanel" tabindex="0">
<div class="row mb-1">
<div class="col-sm-9"></div>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">작성일시</label>
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">제목</label>
<label class="col-sm-8 col-form-label col-form-label-sm text-start" th:text="${info.title}"></label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
<label class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">작성자</label>
<label class="col-sm-2 col-form-label col-form-label-sm text-start">
<th:block th:each="commonCode:${session.commonCode.get('OG')}">
<th:block th:if="${commonCode.itemCd eq info.wrtOrgan}" th:text="${commonCode.itemValue}"></th:block>
@ -33,7 +33,7 @@
<th:block th:text="${info.wrtUserNm}"></th:block>
</label>
<hr class="my-1">
<label for="content" class="col-sm-1 col-form-label col-form-label-sm text-center">내용</label>
<label for="content" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">내용</label>
<div class="col-sm-10 form-control-sm">
<div id="content" th:utext="${info.content}"></div>
</div>