djb-eapim/elink-test-master
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

비밀번호 변경 페이지 추가

Browse Source
This commit is contained in:
현성필
2023-08-07 10:45:13 +09:00
parent 42efd57b62
commit 2e11742b26
14 changed files with 2094 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/fragment/header.html
+1 -1
View File
@@ -35,7 +35,7 @@
<a href="/login" class="nav-link">로그인</a>
</li>
<li class="nav-item" sec:authorize="isAuthenticated()">
<a href="/mypage.do" class="nav-link">비밀번호 변경</a></li>
<a href="/change_password.do" class="nav-link">비밀번호 변경</a></li>
<li class="nav-item" sec:authorize="isAuthenticated()">
<a href="/actionLogout.do" class="nav-link">로그 아웃</a></li>
</ul>
src/main/resources/templates/page/tester/apiTester.html
-4
View File
@@ -558,8 +558,6 @@
select.empty();
sidemenu.empty();
let filter = $('#filter_text').val();
for (let i = 0; i < collections.length; i++) {
let template = $('#collectionTemplate').children().clone();
@@ -809,8 +807,6 @@
});
},
saveAPIRequest: function(model){
console.log(model);
this.currentAjaxRequest = $.ajax({
url: '/mgmt/collections/{collectionId}/apis/save.do'.replace('{collectionId}', model.collectionId),
type: 'POST',
src/main/resources/templates/page/updatePw.html
+83
View File
@@ -0,0 +1,83 @@
<!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/default_layout}">
<body>
<section layout:fragment="contentFragment">
<div class="container m-0">
<div class="card mt-2">
<div class="card-header">
<h1>비밀 번호 변경 </h1>
</div>
<div class="card-body">
<form name="passwordChangeRequest" id="passwordChangeRequest" class="form-horizontal form-horizontal_l" method="post" th:action="@{/update_password.do}"
th:object="${passwordChangeRequest}">
<!-- 기존 비밀번호 -->
<div class="form-floating">
<input class="form-control mb-3" th:classappend="${#fields.hasErrors('oldPassword')}? 'is-invalid'" name="oldPassword" id="oldPassword" th:field="*{oldPassword}" type="password"
size="20" value="" maxlength="100" required>
<label for="oldPassword" class="must" th:text="#{comUssUmt.userManagePasswordUpdt.oldPass}"></label>
<th:block th:each="err : ${#fields.errors('oldPassword')}">
<div th:text="${err}" class="invalid-feedback"></div>
</th:block>
</div>
<div class="form-floating">
<input class="form-control mb-3" th:classappend="${#fields.hasErrors('newPassword')}? 'is-invalid'" name="newPassword" id="newPassword" th:field="*{newPassword}" type="password"
size="20" value="" maxlength="100" required>
<label for="newPassword" class="must" th:text="#{comUssUmt.userManagePasswordUpdt.pass}"></label>
<th:block th:each="err : ${#fields.errors('newPassword')}">
<div th:text="${err}" class="invalid-feedback"></div>
</th:block>
</div>
<!-- 비밀번호확인 -->
<div class="form-floating">
<input class="form-control mb-3" th:classappend="${#fields.hasErrors('newPassword2')}? 'is-invalid'" name="newPassword2" id="newPassword2" th:field="*{newPassword2}"
type="password" size="20" value="" maxlength="100" required>
<label for="newPassword2" class="must" th:text="#{comUssUmt.userManagePasswordUpdt.passConfirm}"></label>
<th:block th:each="err : ${#fields.errors('newPassword2')}">
<div th:text="${err}" class="invalid-feedback"></div>
</th:block>
</div>
</form>
</div>
<div class="card-footer">
<button type="button" class="btn btn-primary btn_update"><i class="fa-sharp fa-solid fa-floppy-disk"></i> 저장</button>
<a th:href="@{/mypage.do}" class="btn btn-primary" th:title="#{button.cancel}"><i class="fa-sharp fa-solid fa-cancel"></i> [[#{button.cancel}]]</a>
</div>
</div>
</div>
</section>
</body>
<th:block layout:fragment="contentScript">
<script>
$(function () {
document.getElementById("passwordChangeRequest").oldPassword.focus();
let btnUpdate = document.querySelector(".btn_update");
btnUpdate.addEventListener("click", function (event) {
let form = document.getElementById("passwordChangeRequest");
if (!form.checkValidity()) {
event.preventDefault()
event.stopPropagation()
} else {
form.submit();
}
form.classList.add('was-validated');
});
})
</script>
<script th:if="${resultMsg != null}">
$(function () {
var resultMsg = '[[#{${resultMsg}}]]';
if (resultMsg !== "") {
alert(resultMsg);
}
})
</script>
</th:block>
</html>