Rinjae
126 lines
4.0 KiB
HTML
126 lines
4.0 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>
|
|
</div>
|
|
|
|
<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="앱 정보입력" class="step-icon-img">
|
|
</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 선택 -->
|
|
<div class="progress-step-item">
|
|
<div class="step-icon-wrapper">
|
|
<div class="step-icon">
|
|
<img th:src="@{/img/apikey_step2.png}" alt="API 선택" class="step-icon-img">
|
|
</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: 앱 수정 완료 (Active) -->
|
|
<div class="progress-step-item active">
|
|
<div class="step-icon-wrapper">
|
|
<div class="step-icon">
|
|
<img th:src="@{/img/apikey_step3.png}" alt="앱 수정 완료" class="step-icon-img">
|
|
</div>
|
|
</div>
|
|
<div class="step-label">앱 수정 완료</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Success Result -->
|
|
<div class="register-result success" th:if="${modificationComplete}">
|
|
<!-- Result Box (모바일에서 배경 박스) -->
|
|
<div class="result-box">
|
|
<!-- Success Icon -->
|
|
<div class="result-icon-wrapper">
|
|
<div class="result-icon success-icon">
|
|
<img th:src="@{/img/img_app_complete.png}" alt="완료">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Success Message -->
|
|
<div class="result-header">
|
|
<h1>앱 수정이 완료되었습니다.</h1>
|
|
<p class="result-description">
|
|
<span class="text-gray">담당자 승인 후 변경 사항이 적용됩니다.</span>
|
|
<br>
|
|
<span class="text-dark">[앱 정보]</span>
|
|
<span class="text-gray">화면에서 수정 내역을 확인할 수 있습니다.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Action Buttons -->
|
|
<div class="result-actions">
|
|
<a href="/myapikey" class="btn btn-primary">
|
|
완료
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Error Result (if needed) -->
|
|
<div class="register-result error" th:unless="${modificationComplete}" style="display: none;">
|
|
<div class="result-icon-wrapper">
|
|
<div class="result-icon error-icon">
|
|
<span>❌</span>
|
|
</div>
|
|
</div>
|
|
<div class="result-header">
|
|
<h1>앱 수정 실패</h1>
|
|
<p class="result-description">
|
|
앱 수정 중 오류가 발생했습니다. 잠시 후 다시 시도해주세요.
|
|
</p>
|
|
</div>
|
|
<div class="result-actions">
|
|
<a href="/myapikey" class="btn btn-secondary">
|
|
다시 시도
|
|
</a>
|
|
<a href="/myapikey" class="btn btn-primary">
|
|
목록으로
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
</th:block>
|
|
|
|
<th:block layout:fragment="contentScript">
|
|
</th:block>
|
|
</body>
|
|
</html>
|