63 lines
2.4 KiB
HTML
63 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:th="http://www.thymeleaf.org"
|
|
layout:decorate="~{layouts/page-layout}">
|
|
<head>
|
|
<title><th:block th:text="${pageTitle}" />User Profile</title>
|
|
</head>
|
|
<div layout:fragment="page_subtitle">
|
|
<h1 class="title" th:text="#{lbl.pword.change}" ></h1>
|
|
</div>
|
|
<body layout:fragment="page_content" id="page_user_profile">
|
|
<div class="section-space"></div>
|
|
<div class="container">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-8 ml-auto mr-auto">
|
|
<form id="myform" th:action="@{#{url.pword.change}}" th:object="${changePassword}" method="POST">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12 col-lg-12">
|
|
<div class="form-group">
|
|
<label for="currPword" class="bmd-label-floating" th:text="#{'Current Password'}" ></label>
|
|
<input type="password" th:field="*{currPword}" class="form-control"
|
|
th:classappend="${#fields.hasErrors('currPword')} ? 'has-error'" >
|
|
<a href="#" >Forgot Password?</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12 col-lg-12">
|
|
<div class="form-group">
|
|
<label for="newPword" class="bmd-label-floating" th:text="#{'New Password'}" ></label>
|
|
<input type="password" th:field="*{newPword}" class="form-control"
|
|
th:classappend="${#fields.hasErrors('newPword')} ? 'has-error'">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12 col-lg-12">
|
|
<div class="form-group">
|
|
<label for="repeatNewPword" class="bmd-label-floating" th:text="#{'Retype New Password'}" ></label>
|
|
<input type="password" th:field="*{repeatNewPword}" class="form-control"
|
|
th:classappend="${#fields.hasErrors('repeatNewPword')} ? 'has-error'">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12 col-lg-12">
|
|
<div class="text-right ml-auto">
|
|
<button class="btn waves-effect waves-light btn-secondary" onclick="document.getElementById('myform').submit()">
|
|
<th:block th:text="#{btn.lbl.reset}" />
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |