115 lines
6.5 KiB
HTML
115 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
|
|
<div class="modal-header bg-dark">
|
|
<h5 class="modal-title text-white" id="ciWorkViewModalLabel">외국인 커뮤니티 모니터링 열람</h5>
|
|
<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body" id="ciWorkViewBody">
|
|
<ul class="nav nav-tabs" id="userTab" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<button class="nav-link active" id="boardTab" data-bs-toggle="tab" data-bs-target="#boardTabPanel" type="button" role="tab" aria-controls="boardTabPanel" aria-selected="true">본문</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation" th:if="${#lists.size(cia.fileList)>0}">
|
|
<button class="nav-link" id="fileTab" data-bs-toggle="tab" data-bs-target="#fileTabPanel" type="button" role="tab" aria-controls="fileTabPanel" aria-selected="false" th:text="${#strings.concat('첨부파일(', #lists.size(cia.fileList), ')')}"></button>
|
|
</li>
|
|
</ul>
|
|
<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 fw-bold">관리관서</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start">
|
|
<th:block th:each="commonCode:${session.commonCode.get('OG')}">
|
|
<option th:value="${commonCode.itemCd}" th:if="${commonCode.itemCd eq cia.foreignerInfo.mgtOrgan}" th:text="${commonCode.itemValue}"></option>
|
|
</th:block>
|
|
</label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">작성자</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start">
|
|
<th:block th:each="commonCode:${session.commonCode.get('JT')}">
|
|
<option th:value="${commonCode.itemCd}" th:if="${commonCode.itemCd eq cia.wrtUserGrd}" th:text="|${commonCode.itemValue} ${cia.wrtUserNm}|"></option>
|
|
</th:block>
|
|
</label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">작성일시</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(cia.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
|
|
</div>
|
|
<hr class="my-1">
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">소재지</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${cia.foreignerInfo.commuLocation}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">국적</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${cia.foreignerInfo.commuNational}"></label>
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">주소지</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${cia.foreignerInfo.commuAddress}"></label>
|
|
</div>
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">담당관</label>
|
|
<label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${cia.foreignerInfo.manager}"></label>
|
|
</div>
|
|
<hr class="my-1">
|
|
<div class="row mb-1">
|
|
<label class="col-sm-1 col-form-label col-form-label-sm text-center fw-bold">선정사유</label>
|
|
<div class="col-sm-11 form-control-sm" th:utext="${#strings.replace(cia.foreignerInfo.selectReason, lineSeparator, '<br>')}"></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 fw-bold">모니터링<br>사항</label>
|
|
<div class="col-sm-11 form-control-sm" th:utext="${cia.foreignerInfo.monitoringInfo}"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade p-2" id="fileTabPanel" role="tabpanel" tabindex="0">
|
|
<div class="row mb-3">
|
|
<div class="col-sm-12">
|
|
<table class="table table-sm" id="fileTable">
|
|
<thead>
|
|
<tr>
|
|
<th>파일명</th>
|
|
<th>사이즈</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<th:block th:if="${#lists.isEmpty(cia.fileList)}">
|
|
<tr>
|
|
<td colspan="2">파일이 없습니다.</td>
|
|
</tr>
|
|
</th:block>
|
|
<th:block th:unless="${#lists.isEmpty(cia.fileList)}">
|
|
<th:block th:each="file:${cia.fileList}">
|
|
<th:block th:if="${file.fileExtn eq 'jpg'} or ${file.fileExtn eq 'jpeg'} or ${file.fileExtn eq 'png'} or ${file.fileExtn eq 'gif'} or ${file.fileExtn eq 'bmp'}">
|
|
<tr class="fileInfoTr">
|
|
<td>
|
|
<a href="#" th:data-img="|@{/counterIntelligence/getCiaForeignerImg(ciKey=${file.ciKey},fileSeq=${file.fileSeq})}|" id="imgView" th:text="|${file.origNm}.${file.fileExtn}|"></a>
|
|
</td>
|
|
<td th:text="${file.fileSize}"></td>
|
|
</tr>
|
|
</th:block>
|
|
<th:block th:unless="${file.fileExtn eq 'jpg'} or ${file.fileExtn eq 'jpeg'} or ${file.fileExtn eq 'png'} or ${file.fileExtn eq 'gif'} or ${file.fileExtn eq 'bmp'}">
|
|
<tr class="fileInfoTr">
|
|
<td>
|
|
<a href="#" class="fileDownLink" data-board="ciActivity"
|
|
th:data-parentkey="${file.ciKey}" th:data-fileseq="${file.fileSeq}"
|
|
th:text="|${file.origNm}.${file.fileExtn}|"></a>
|
|
</td>
|
|
<td th:text="${file.fileSize}"></td>
|
|
</tr>
|
|
</th:block>
|
|
</th:block>
|
|
</th:block>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer justify-content-between bg-light">
|
|
<div class="col-auto">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
|
|
<th:block th:if="${accessAuth eq 'ACC003'} or ${viewUserSeq eq cia.wrtUserSeq}">
|
|
<button type="button" class="btn btn-danger" id="deleteCiWorkBtn" th:data-cikey="${cia.ciKey}">삭제</button>
|
|
</th:block>
|
|
</div>
|
|
<div class="col-auto">
|
|
<th:block th:if="${viewUserSeq eq cia.wrtUserSeq}">
|
|
<button type="button" class="btn btn-warning" id="editBtn" th:data-cikey="${cia.ciKey}">수정</button>
|
|
</th:block>
|
|
</div>
|
|
</div> |