85 lines
3.8 KiB
HTML
85 lines
3.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html xmlns="http://www.w3.org/1999/xhtml"
|
||
|
xmlns:th="http://www.thymeleaf.org"
|
||
|
layout:decorate="~{layouts/blank-layout}">
|
||
|
<head>
|
||
|
<title><th:block th:text="${pageTitle}" />User Profile</title>
|
||
|
</head>
|
||
|
<body layout:fragment="page_content" id="page_user_profile">
|
||
|
<form id="UserProfileValidation" th:action="@{'?id=' + ${userProfile.userProfId}}" th:object="${userProfile}"
|
||
|
th:method="POST" autocomplete="off" enctype="multipart/form-data">
|
||
|
<input type="hidden" th:field="*{username}">
|
||
|
<div class="card ">
|
||
|
<div class="card-header card-header-rose card-header-icon">
|
||
|
<div class="card-icon d-flex">
|
||
|
<h4 class="card-title m-1" th:text="#{lbl.user.edit}"></h4>
|
||
|
</div>
|
||
|
<div class="ribbon ribbon-bookmark ribbon-right"
|
||
|
th:classappend="${userProfile.status != null} ? (${userProfile.status == 'I'} ? 'ribbon-danger' : (${userProfile.status == 'A'} ? 'ribbon-success' : 'ribbon-warning')) : 'ribbon-info'">
|
||
|
<th:block th:switch="${userProfile.status}">
|
||
|
<span th:case="A" class="badge badge-success sticky-end">ACTIVE</span>
|
||
|
<span th:case="I" class="badge badge-dark sticky-end">INACTIVE</span>
|
||
|
<span th:case="F" class="badge badge-warning sticky-end">FIRST TIME LOGIN</span>
|
||
|
</th:block>
|
||
|
</div>
|
||
|
<!-- <th:block th:switch="${userProfile.status}">
|
||
|
<span th:case="A" class="badge badge-success sticky-end">ACTIVE</span>
|
||
|
<span th:case="I" class="badge badge-dark sticky-end">INACTIVE</span>
|
||
|
<span th:case="F" class="badge badge-warning sticky-end">FIRST TIME LOGIN</span>
|
||
|
</th:block> -->
|
||
|
</div>
|
||
|
<div class="card-body ">
|
||
|
<div class="row">
|
||
|
<div class="col-sm-12 col-md-6 col-lg-6">
|
||
|
<div class="form-group">
|
||
|
<label for="usernameId" class="required bmd-label-floating" th:text="#{lbl.uname}"></label>
|
||
|
<h6 th:text="${userProfile.username}"></h6>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-sm-12 col-md-6 col-lg-6">
|
||
|
<strong class="text-muted">
|
||
|
<small>Password reset link will be generated and sent to the user.User will be forced to set the password on first sign in.</small>
|
||
|
</strong>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row mb-1">
|
||
|
<div class="col-sm-12 col-md-6 col-lg-6">
|
||
|
<div class="form-group">
|
||
|
<label for="firstName" class="required bmd-label-floating" th:text="#{lbl.fname}" ></label>
|
||
|
<input type="text" class="form-control" th:field="*{firstName}" required="required" />
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-sm-12 col-md-6 col-lg-6">
|
||
|
<div class="form-group">
|
||
|
<label for="lastName" class="bmd-label-floating" th:text="#{lbl.lname}" ></label>
|
||
|
<input type="text" class="form-control" th:field="*{lastName}" required="required" />
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row mb-1">
|
||
|
<div class="col-sm-12 col-md-6 col-lg-6">
|
||
|
<div class="form-group">
|
||
|
<label for="contactNo" class="required bmd-label-floating" th:text="#{lbl.contact}" ></label>
|
||
|
<input type="text" class="form-control input-contact limit-number" maxlength="50" th:field="*{contactNo}" required="required" />
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-sm-12 col-md-6 col-lg-6">
|
||
|
<div class="form-group">
|
||
|
<label for="email" class="required bmd-label-floating" th:text="#{lbl.email}" ></label>
|
||
|
<input type="email" class="form-control" th:field="*{email}" maxlength="100" required="required" />
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="category form-category">* Required fields</div>
|
||
|
</div>
|
||
|
<div class="card-footer">
|
||
|
<div class="float-right">
|
||
|
<a th:href="@{'/manageUsers'}" class="btn waves-effect waves-light btn-secondary" th:text="#{'Back'}"></a>
|
||
|
<button type="submit" class="btn waves-effect waves-light btn-primary" th:text="#{btn.lbl.update}"></button>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</form>
|
||
|
</body>
|
||
|
</html>
|