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,55 @@
+<!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>
+
+    <p class="webhook-field-error" th:if="${error}" th:text="${error}"></p>
+
+    <form id="modifyStep2Form" method="post" th:action="@{/webhook/modify/step2}">
+      <p class="field-help">이 Webhook으로 상태 알림을 받을 API를 선택하세요. (1개 이상)</p>
+
+      <div class="webhook-api-groups">
+        <div class="webhook-api-group" th:each="group : ${apiGroups}">
+          <h3 class="group-name" th:text="${group.groupName}">그룹명</h3>
+          <div class="webhook-api-list">
+            <label class="webhook-api-card" th:each="api : ${group.apiGroupApiList}">
+              <input type="checkbox" name="selectedApis" th:value="${api.apiId}"
+                     th:checked="${selectedApis != null and #lists.contains(selectedApis, api.apiId)}">
+              <span class="api-name" th:text="${api.apiName}">API 이름</span>
+              <span class="api-id" th:text="${api.apiId}">API ID</span>
+            </label>
+          </div>
+        </div>
+      </div>
+
+      <div class="webhook-actions">
+        <a class="btn-webhook-cancel" th:href="@{/webhook/modify/step1}">이전</a>
+        <button type="submit" class="btn-webhook-next">수정 완료</button>
+      </div>
+    </form>
+  </section>
+</th:block>
+</body>
+</html>