세션 유지 기능 추가 및 FAQ 관리 개선:

- 비운영 환경 + DB 설정 활성 시 세션 유지(타임아웃 무시) 지원 - FAQ 단건 조회 API 추가 (`FaqFacade`, `FaqFacadeImpl`) - 헤더 세션 타이머 UI 개선 및 유지 옵션 체크박스 추가
2026-07-10 16:36:19 +09:00
parent 99f765507b
commit 08bd705dec
1 changed files with 77 additions and 0 deletions
@@ -0,0 +1,77 @@
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout/djbank_title_layout}">
 <body>
 <section layout:fragment="title">
  <div class="page-title-banner">
    <img th:src="@{/img/img_title_bg.png}" class="title-image" alt="타이틀 배경">
    <h1>FAQ</h1>
  </div>
 </section>
 <section layout:fragment="contentFragment">
  <div class="notice-detail-container">
    <!-- FAQ Header: Question and Date -->
    <div class="notice-detail-header">
      <h2 class="notice-detail-title">
        <span th:text="${faq.faqQuestion}">FAQ 질문</span>
      </h2>
      <span class="notice-detail-date" th:text="${#temporals.format(faq.createdDate, 'yyyy.MM.dd')}">2025.11.01</span>
    </div>
    <!-- Attachment Section -->
    <div class="notice-detail-attachment" th:if="${!#strings.isEmpty(faq.fileId)}">
      <div class="attachment-list" th:with="fileInfo=${@fileService.findById(faq.fileId)}">
        <div class="attachment-item" th:each="fileDetail, status : ${fileInfo.getFileDetails()}">
          <a th:href="'javascript:fn_downloadFile(\'' + ${fileDetail.fileId} + '\',\''+ ${fileDetail.fileSn} +'\')'" class="notice-attachment-link">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M18 15.75C18 17.4833 17.3917 18.9583 16.175 20.175C14.9583 21.3917 13.4833 22 11.75 22C10.0167 22 8.54167 21.3917 7.325 20.175C6.10833 18.9583 5.5 17.4833 5.5 15.75V6.5C5.5 5.25 5.9375 4.1875 6.8125 3.3125C7.6875 2.4375 8.75 2 10 2C11.25 2 12.3125 2.4375 13.1875 3.3125C14.0625 4.1875 14.5 5.25 14.5 6.5V15.25C14.5 16.0167 14.2333 16.6667 13.7 17.2C13.1667 17.7333 12.5167 18 11.75 18C10.9833 18 10.3333 17.7333 9.8 17.2C9.26667 16.6667 9 16.0167 9 15.25V6H11V15.25C11 15.4667 11.0708 15.6458 11.2125 15.7875C11.3542 15.9292 11.5333 16 11.75 16C11.9667 16 12.1458 15.9292 12.2875 15.7875C12.4292 15.6458 12.5 15.4667 12.5 15.25V6.5C12.4833 5.8 12.2375 5.20833 11.7625 4.725C11.2875 4.24167 10.7 4 10 4C9.3 4 8.70833 4.24167 8.225 4.725C7.74167 5.20833 7.5 5.8 7.5 6.5V15.75C7.48333 16.9333 7.89167 17.9375 8.725 18.7625C9.55833 19.5875 10.5667 20 11.75 20C12.9167 20 13.9083 19.5875 14.725 18.7625C15.5417 17.9375 15.9667 16.9333 16 15.75V6H18V15.75Z" fill="currentColor"/>
            </svg>
            <span class="attachment-label">첨부파일</span>
            <span class="attachment-filename">[[${fileDetail.originalFileName}]].[[${fileDetail.fileExtension}]]</span>
          </a>
        </div>
      </div>
    </div>
    <!-- Content Section -->
    <div class="notice-detail-content">
      <div id="faqDetail" class="notice-content-body editor-content" th:utext="${faq.faqAnswer}">
        답변 내용이 여기에 표시됩니다.
      </div>
    </div>
    <!-- Action Buttons -->
    <div class="notice-detail-actions">
      <button type="button" class="btn-notice-list" th:onclick="|location.href='@{/faq_list}'|">목록</button>
    </div>
  </div>
 </section>
 </body>
 <th:block layout:fragment="contentScript">
  <script>
    function fn_downloadFile(fileId, fileSn) {
      window.open('[[@{/file/download}]]' + "?fileId=" + fileId + "&fileSn=" + fileSn);
    }
    function decodeHTMLEntities(text) {
      var textArea = document.createElement('textarea');
      textArea.innerHTML = text;
      return textArea.value;
    }
    document.addEventListener('DOMContentLoaded', function() {
      var element = document.getElementById('faqDetail');
      if (element) {
        element.innerHTML = decodeHTMLEntities(element.innerHTML);
      }
    });
  </script>
 </th:block>
 </html>