Webhook 신청/관리 및 EventType 제공 기능 추가:

- Webhook 신청/수정 3단계 UI 및 관련 서비스 구현 - TSEAIRM28 공통코드 기반 EventType 조회 기능 추가 - 신규/수정 세션 관리 및 비밀번호 재인증 로직 포함
2026-07-20 17:36:17 +09:00
parent bdb249b74b
commit ba00b80bfe
38 changed files with 2429 additions and 3 deletions
@@ -0,0 +1,59 @@
+<!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">
+    <h1>Webhook 수정</h1>
+  </div>
+</section>
+
+<th:block layout:fragment="contentFragment">
+  <section class="webhook-container webhook-register">
+
+    <div class="webhook-steps" th:with="cur=${currentStep}">
+      <div class="webhook-step" th:classappend="${cur >= 1} ? 'active'">
+        <span class="step-no">1</span><span class="step-label">기본 정보</span>
+      </div>
+      <div class="webhook-step" th:classappend="${cur >= 2} ? 'active'">
+        <span class="step-no">2</span><span class="step-label">API 선택</span>
+      </div>
+      <div class="webhook-step" th:classappend="${cur >= 3} ? 'active'">
+        <span class="step-no">3</span><span class="step-label">완료</span>
+      </div>
+    </div>
+
+    <form id="modifyStep1Form" method="post" th:action="@{/webhook/modify/step1}" th:object="${webhookModification}">
+
+      <div class="webhook-field">
+        <label for="targetUrl">Webhook 수신 URL <span class="req">*</span></label>
+        <input type="text" id="targetUrl" th:field="*{targetUrl}"
+               placeholder="https://example.com/webhook" autocomplete="off">
+        <p class="field-error" th:if="${#fields.hasErrors('targetUrl')}" th:errors="*{targetUrl}">URL 오류</p>
+        <p class="field-help">이벤트 발생 시 이 URL로 서명된 POST 요청이 전송됩니다.</p>
+      </div>
+
+      <div class="webhook-field">
+        <label>알림 받을 이벤트 <span class="req">*</span></label>
+        <div class="webhook-eventtype-list">
+          <label class="eventtype-item" th:each="et : ${eventTypes}">
+            <input type="checkbox" name="eventTypes" th:value="${et.code}"
+                   th:checked="${#lists.contains(webhookModification.eventTypes, et.code)}">
+            <span class="eventtype-name" th:text="${et.name}">이벤트명</span>
+            <span class="eventtype-code" th:text="${et.code}">CODE</span>
+          </label>
+        </div>
+        <p class="field-error" th:if="${#fields.hasErrors('eventTypes')}" th:errors="*{eventTypes}">이벤트 오류</p>
+      </div>
+
+      <div class="webhook-actions">
+        <a class="btn-webhook-cancel" th:href="@{/webhook/modify/cancel}">취소</a>
+        <button type="submit" class="btn-webhook-next">다음</button>
+      </div>
+    </form>
+  </section>
+</th:block>
+</body>
+</html>