Rinjae
43d915342e
- MonitoringCode 엔티티, 리포지토리, 복합키 클래스 삭제 - API 선택 공용 모듈 JS 및 HTML 파일 추가 (api_selector) - 웹훅 개발 가이드 페이지 신규 추가 (webhook-dev-guide)
87 lines
2.9 KiB
HTML
87 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
|
|
xmlns:sec="http://www.thymeleaf.org/extras/spring-security"
|
|
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>앱관리</h1>
|
|
</div>
|
|
</section>
|
|
<th:block layout:fragment="contentFragment">
|
|
<section class="apikey-register-container">
|
|
|
|
<!-- Title Bar -->
|
|
<div class="common-title-bar">
|
|
<h2 class="common-title">앱 수정</h2>
|
|
<span class="common-subtitle">서비스 중인 앱 정보를 수정합니다.</span>
|
|
</div>
|
|
|
|
<!-- Progress Indicator -->
|
|
<div class="register-progress">
|
|
<div class="progress-steps">
|
|
<!-- Step 1: 앱 정보입력 -->
|
|
<div class="progress-step-item">
|
|
<div class="step-icon-wrapper">
|
|
<div class="step-icon">
|
|
<img th:src="@{/img/apikey_step1.png}" alt="앱 정보입력" width="36" height="36">
|
|
</div>
|
|
</div>
|
|
<div class="step-label">앱 정보입력</div>
|
|
</div>
|
|
|
|
<!-- Dots between Step 1 and 2 -->
|
|
<div class="step-dots">
|
|
<span></span><span></span><span></span>
|
|
</div>
|
|
|
|
<!-- Step 2: API 선택 (Active) -->
|
|
<div class="progress-step-item active">
|
|
<div class="step-icon-wrapper">
|
|
<div class="step-icon">
|
|
<img th:src="@{/img/apikey_step2.png}" alt="API 선택" width="36" height="36">
|
|
</div>
|
|
</div>
|
|
<div class="step-label">API 선택</div>
|
|
</div>
|
|
|
|
<!-- Dots between Step 2 and 3 -->
|
|
<div class="step-dots">
|
|
<span></span><span></span><span></span>
|
|
</div>
|
|
|
|
<!-- Step 3: 앱 수정 완료 -->
|
|
<div class="progress-step-item">
|
|
<div class="step-icon-wrapper">
|
|
<div class="step-icon">
|
|
<img th:src="@{/img/apikey_step3.png}" alt="앱 수정 완료" width="36" height="36">
|
|
</div>
|
|
</div>
|
|
<div class="step-label">앱 수정 완료</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- API 선택 공용 모듈 -->
|
|
<th:block th:replace="~{fragment/api_selector :: apiSelector(${apiServices}, ${apiKeyModification.selectedApis}, '/myapikey/modify/step2', '/myapikey/modify/step2/save')}"/>
|
|
|
|
<!-- clientId 는 모듈 폼에 form 속성으로 주입 -->
|
|
<input type="hidden" name="clientId" th:value="${apiKeyModification.clientId}" form="apiSelectorForm"/>
|
|
|
|
<!-- Form Actions -->
|
|
<div class="form-actions">
|
|
<button type="button" id="btnPrevStep" class="btn-submit btn-secondary">
|
|
이전
|
|
</button>
|
|
<button type="submit" form="apiSelectorForm" class="btn-submit btn-primary">
|
|
저장
|
|
</button>
|
|
</div>
|
|
|
|
</section>
|
|
</th:block>
|
|
</body>
|
|
</html>
|