89 lines
3.0 KiB
HTML
89 lines
3.0 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:text="${pageTitle}">User List</title>
|
|
</head>
|
|
<body layout:fragment="page_content" id="page_users">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="card-header card-header-danger card-header-icon">
|
|
<div class="card-icon d-flex float-left">
|
|
<i class="material-icons pr-3">groups</i>
|
|
<h4 class="card-title m-0">Users</h4>
|
|
</div>
|
|
<button class="btn btn-sm btn-primary float-right" th:onclick="|window.location.href='@{#{url.user.new}}'|">
|
|
<i class="material-icons">group_add</i>
|
|
Add New
|
|
</button>
|
|
</div>
|
|
<div class="card-body">
|
|
<th:block th:replace="layouts/fragment/generic-fragments :: summary_count(summaryCount = ${summaryCount})"></th:block>
|
|
<!--/* Search Criteria */-->
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label class="required bmd-label-floating" th:text="#{'Name'}" ></label>
|
|
<input type="text" th:id="firstName" class="form-control" th:name="firstName" required="required" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label class="bmd-label-floating" th:text="#{'Role Group'}" ></label>
|
|
<input type="text" class="form-control" th:id="lastName" th:name="lastName" required="required" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label th:text="#{'Status'}" ></label>
|
|
<select class="form-control custom-select" id="status" >
|
|
<option value="" />
|
|
<option value="A">Active</option>
|
|
<option value="I">Inactive</option>
|
|
<option value="F">First Time Users</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-1 align-self-center">
|
|
<button id="searchFilter" name="search"
|
|
class="m-1 btn btn-primary btn-just-icon"
|
|
th:title="#{btn.cmn.sea}">
|
|
<i class="material-icons">search</i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!--/* Result List */-->
|
|
<div class="table-responsive table-hover">
|
|
<table id="tblUserLst" class="table table-dark">
|
|
<colgroup>
|
|
<col width="10%" />
|
|
<col width="25%" />
|
|
<col width="15%" />
|
|
<col width="15%" />
|
|
<col width="10%" />
|
|
<col width="10%" />
|
|
<col width="15%" />
|
|
</colgroup>
|
|
<thead class="text-warning">
|
|
<tr>
|
|
<th>Status</th>
|
|
<th>Name</th>
|
|
<th>Username</th>
|
|
<th>Role Group</th>
|
|
<th>Created On</th>
|
|
<th>Last Login</th>
|
|
<th class="disabled-sorting">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |