437 lines
27 KiB
Plaintext
437 lines
27 KiB
Plaintext
<body>
|
|
<div class="container-fluid">
|
|
|
|
<link href="~/css/register.css" rel="stylesheet" />
|
|
<h2 class="align-content-center" style="text-align:center;">User Management</h2>
|
|
<hr />
|
|
<button type="button" class="btn btn-success" style="margin-bottom:20px;" onclick="ShowModal()">
|
|
Create New
|
|
</button>
|
|
<div class="table-container shadow-lg p-3 mb-5 bg-white rounded">
|
|
<div class="header-container">
|
|
<h2 style="display: flex; flex-direction: column; align-items: center;">List of Users</h2>
|
|
</div>
|
|
<br />
|
|
<table id="UserListTable" class="row-border" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th>Action</th>
|
|
<th>FullName</th>
|
|
<th>UserName</th>
|
|
<th>Email</th>
|
|
<th>Company</th>
|
|
<th>Role</th>
|
|
<th>Status</th>
|
|
<th>CreatedBy</th>
|
|
<th>CreatedDate</th>
|
|
<th>UpdatedBy</th>
|
|
<th>UpdatedDate</th>
|
|
<th hidden></th>
|
|
<th hidden></th>
|
|
<th hidden></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Modal viewUserAccess -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewUserAccess" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header" style="display: flex; flex-direction: column; align-items: center;">
|
|
<h2 class="modal-title" id="ModalLabel">User Access Rights (Existing)</h2>
|
|
</div>
|
|
<br />
|
|
<div class="modal-body">
|
|
<button type="button" class="btn btn-success" style="margin-bottom:20px;" onclick="ShowNewAccess()">
|
|
Create New
|
|
</button>
|
|
<br />
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<label for="ua-FullName">Full Name:</label>
|
|
<input readonly type="text" class="form-control" id="ua-FullName">
|
|
</div>
|
|
<div class="col-6">
|
|
<label for="ua-EmailAddress">Email Address:</label>
|
|
<input readonly type="text" class="form-control" id="ua-EmailAddress">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<hr />
|
|
<label for="totalSelAccess" style="font-size:medium;">Total Selected : </label>
|
|
<label id="totalSelAccess" style="margin-bottom:20px; width:50px; font-weight:bold; color:red;"></label>
|
|
<br />
|
|
<table id="AccessDataTable" class="table table-striped table-bordered" style="width: 100%;">
|
|
<thead class="thead-dark">
|
|
<tr>
|
|
<th>
|
|
Select All
|
|
<input id="selectAllCheckboxAccess" type="checkbox" class="selectAllCheckboxAccess" style="margin-left:10px;" />
|
|
</th>
|
|
<th>PageType</th>
|
|
<th>PageName</th>
|
|
<th>Status</th>
|
|
<th>Action</th>
|
|
<th hidden></th>
|
|
<th hidden></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Back</button>
|
|
<button type="button" id="btnAccess" onclick="postPutAccessRights();" class="btn btn-success">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal viewUserAccessNotExist -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewUserAccessNotExist" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header" style="display: flex; flex-direction: column; align-items: center;">
|
|
<h2 class="modal-title" id="ModalLabel">User Access Rights (Not Exist)</h2>
|
|
</div>
|
|
<br />
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<label for="uan-FullName">Full Name:</label>
|
|
<input readonly type="text" class="form-control" id="uan-FullName">
|
|
</div>
|
|
<div class="col-6">
|
|
<label for="uan-EmailAddress">Email Address:</label>
|
|
<input readonly type="text" class="form-control" id="uan-EmailAddress">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<hr />
|
|
<label for="totalSelNotAccess" style="font-size:medium;">Total Selected : </label>
|
|
<label id="totalSelNotAccess" style="margin-bottom:20px; width:50px; font-weight:bold; color:red;"></label>
|
|
<br />
|
|
<table id="NotAccessDataTable" class="table table-striped table-bordered" style="width: 100%;">
|
|
<thead class="thead-dark">
|
|
<tr>
|
|
<th>
|
|
Select All
|
|
<input id="selectAllCheckboxNotAccess" type="checkbox" class="selectAllCheckboxNotAccess" style="margin-left:10px;" />
|
|
</th>
|
|
<th>PageType</th>
|
|
<th>PageName</th>
|
|
<th>Status</th>
|
|
<th>Action</th>
|
|
<th hidden></th>
|
|
<th hidden></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Back</button>
|
|
<button type="button" id="btnNotAccess" onclick="postPutAccessRights(true);" class="btn btn-success">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Modal message -->
|
|
<div class="modal" id="UpdateMessage" tabindex="-1">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header" style="background-color: forestgreen;">
|
|
<h4>Success message <i class="fa fa-check"></i></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p style="color:forestgreen">User profile updated!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal message -->
|
|
<div class="modal" id="Message" tabindex="-1">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header" style="background-color: forestgreen;">
|
|
<h4>Success message <i class="fa fa-check"></i></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p style="color:forestgreen">New user created successfuly!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal new User -->
|
|
<div class="modal fade custom-modal-backdrop" id="createNewUser" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<div class="title">Registration</div>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="content">
|
|
<form id="userRegistrationForm">
|
|
<div class="user-details">
|
|
<div class="input-box">
|
|
<span class="details">Full Name</span>
|
|
<input type="text" id="fullName" name="fullName" placeholder="Enter your name" required>
|
|
</div>
|
|
<div class="input-box">
|
|
<span class="details">Username</span>
|
|
<input type="text" id="userName" name="userName" placeholder="Enter your username" required>
|
|
</div>
|
|
|
|
<div class="input-box">
|
|
<span class="details">Company</span>
|
|
<select name="company" id="company">
|
|
<option value="LLI">LLI</option>
|
|
<option value="MDLD">MDLD</option>
|
|
<option value="EUROPRINT">EUROPRINT</option>
|
|
<option value="Traders">Traders</option>
|
|
</select>
|
|
</div>
|
|
<div class="input-box">
|
|
<span class="details">Department</span>
|
|
<select name="department" id="department">
|
|
</select>
|
|
<input type="hidden" id="departmentId" name="departmentId">
|
|
</div>
|
|
|
|
<div class="input-box">
|
|
<span class="details">Role</span>
|
|
<select name="role" id="role">
|
|
</select>
|
|
</div>
|
|
|
|
<div class="input-box">
|
|
<span class="details">Email</span>
|
|
<input type="email" id="email" name="email" placeholder="Enter your email" required>
|
|
</div>
|
|
<div class="input-box">
|
|
<span class="details">Password</span>
|
|
<input type="password" id="password" name="password" placeholder="Enter your password" required>
|
|
</div>
|
|
</div>
|
|
<div class="button">
|
|
<input type="button" onclick="addNewUser()" value="Register">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Update User Profile -->
|
|
<div class="modal fade custom-modal-backdrop" id="updateUserProfile" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header" style="background-color:teal">
|
|
<div class="title" style="color:white; font-size:medium;">User Profile</div>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="userUpdateProfForm">
|
|
<div class="containerUserProp">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="profile-sidebar-portlet">
|
|
<div class="profile-userpic">
|
|
|
|
<img id="profilePictureImage" alt="profilePicture" width="250" class="img-fluid">
|
|
<input type="file" id="profilePictureInput" accept="image/*" style="display: none;">
|
|
|
|
</div>
|
|
<div class="profile-usertitle" style="outline: none;">
|
|
<div class="profile-usertitle-name">
|
|
<label id="PFullNameLabel"></label>
|
|
<input hidden id="PFullName" name="PFullName">
|
|
|
|
</div>
|
|
<label id="PUserRoleLabel"></label>
|
|
<input hidden id="PUserRole" name="PUserRole">
|
|
@* <div class="profile-usertitle-job"> Developer </div> *@
|
|
</div>
|
|
<div class="profile-userbuttons">
|
|
<button type="button" class="btn btn-info btn-sm">Follow</button>
|
|
<button type="button" class="btn btn-info btn-sm">Message</button>
|
|
</div>
|
|
<div class="profile-usermenu">
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" href="#">
|
|
<i class="bi bi-house-door"></i> Ticket List
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">
|
|
<i class="bi bi-gear"></i> Support Staff
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">
|
|
<i class="bi bi-info-circle"></i> Configurations
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="portlet light bordered">
|
|
<div class="portlet-title tabbable-line">
|
|
<div class="caption caption-md">
|
|
<i class="bi bi-globe theme-font d-none"></i>
|
|
<span class="caption-subject font-blue-madison fw-bold text-uppercase">Your info</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li class="nav-item" role="presentation">
|
|
<a class="nav-link active" id="home-tab" data-bs-toggle="tab" href="#home" role="tab">Detail</a>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<a class="nav-link" id="profile-tab" data-bs-toggle="tab" href="#profile" role="tab">Profile</a>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<a class="nav-link" id="settings-tab" data-bs-toggle="tab" href="#settings" role="tab">Settings</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Tab panes -->
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="home" role="tabpanel">
|
|
|
|
<!-- Your form content for the 'Detail' tab -->
|
|
<div class="form-group" style="margin-bottom:10px;">
|
|
<label for="UserName">UserName</label>
|
|
<input type="text" readonly class="form-control" id="UserName" placeholder="UserName">
|
|
</div>
|
|
<div class="form-group" style="margin-bottom:10px;">
|
|
<label for="FullName">Full Name</label>
|
|
<input type="text" class="form-control" id="FullName" placeholder="FullName">
|
|
</div>
|
|
<div class="form-group" style="margin-bottom:10px;">
|
|
<label for="UserRole">UserRole</label>
|
|
<select class="form-control" name="UserRole" id="UserRole">
|
|
<option value="LLIArtsDesigner">LLIArtsDesigner</option>
|
|
<option value="LLISCM">LLISCM</option>
|
|
<option value="LLIMarketing">LLIMarketing</option>
|
|
<option value="LLIRAD">LLIRAD</option>
|
|
<option value="LLIArtsFG">LLIArtsFG</option>
|
|
<option value="LLIArtWorksQA">LLIArtWorksQA</option>
|
|
<option value="LLIManufacturing">LLIManufacturing</option>
|
|
<option value="LLIAdmin">LLIAdmin</option>
|
|
<option value="LLIApprover">LLIApprover</option>
|
|
<option value="LLIInventory">LLIInventory</option>
|
|
<option value="LLIClerkViwer">LLIClerkViwer</option>
|
|
<option value="MDLDClerk">MDLDClerk</option>
|
|
<option value="MDLDAdmin">MDLDAdmin</option>
|
|
<option value="MDLDApprover">MDLDApprover</option>
|
|
<option value="MDLDInventory">MDLDInventory</option>
|
|
<option value="MDLDClerkViwer">MDLDClerkViwer</option>
|
|
<option value="EUROPArtWork">EUROPArtWork</option>
|
|
<option value="EUROPAdmin">EUROPAdmin</option>
|
|
<option value="EUROPApprover">EUROPApprover</option>
|
|
<option value="EUROPAWApprover">EUROPAWApprover</option>
|
|
<option value="EUROPInventory">EUROPInventory</option>
|
|
<option value="EUROPClerkViewer">EUROPClerkViewer</option>
|
|
<option value="TradersArtwork">TradersArtwork</option>
|
|
<option value="Admin">Admin</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group" style="margin-bottom:10px;">
|
|
<label for="Email">Email address</label>
|
|
<input type="email" class="form-control" id="Email" placeholder="Email">
|
|
</div>
|
|
<div class="form-group" style="margin-bottom:10px;">
|
|
<label for="Password">Password</label>
|
|
<input type="password" class="form-control" id="Password" placeholder="Password">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="tab-pane" id="profile" role="tabpanel">
|
|
<div class="form-group" style="margin-bottom:10px;">
|
|
<label for="Address">Address</label>
|
|
<input type="text" class="form-control" id="Address" placeholder="Address">
|
|
</div>
|
|
<div class="form-group" style="margin-bottom:10px;">
|
|
<label for="PhoneNumber">Phone Number</label>
|
|
<input type="text" class="form-control" id="PhoneNumber" placeholder="PhoneNumber">
|
|
</div>
|
|
|
|
<div class="form-group" style="margin-bottom:10px;">
|
|
|
|
<label for="Company">Company</label>
|
|
<select class="form-control" name="Company" id="Company">
|
|
<option value="LLI">LLI</option>
|
|
<option value="MDLD">MDLD</option>
|
|
<option value="TRADERS">TRADERS</option>
|
|
<option value="EUROPRINT">EUROPRINT</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<label class="checkbox-inline" style="margin-bottom:10px;margin-right:15px;">
|
|
<input type="checkbox"> Male
|
|
</label>
|
|
|
|
<label class="checkbox-inline" style="margin-bottom:10px;">
|
|
<input type="checkbox"> FeMale
|
|
</label>
|
|
|
|
|
|
</div>
|
|
<div class="tab-pane" id="messages" role="tabpanel">
|
|
<!-- Content for the 'Messages' tab -->
|
|
</div>
|
|
<div class="tab-pane" id="settings" role="tabpanel">
|
|
<!-- Content for the 'Settings' tab -->
|
|
|
|
<label class="checkbox-inline" style="margin-bottom:10px;margin-right:15px;">
|
|
<input type="checkbox" id="LockoutEnabled"> LockoutEnabled
|
|
</label>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="button">
|
|
<input type="button" onclick="updateUserProfile()" value="Update">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input hidden id="roleRights" value="@ViewBag.UserRoles" />
|
|
<div id="overlay" class="overlay" style="display: none;">
|
|
<div id="loader" class="loader"></div>
|
|
</div>
|
|
</div>
|
|
<script src="~/jsfunctions/account/index.js"></script>
|
|
<script src="~/jsfunctions/account/AccountPostPut.js"></script>
|
|
<script src="~/jsfunctions/utilities/utilsV3.js"></script>
|
|
<script src="~/jsfunctions/account/accountvar.js"></script>
|
|
<script src="~/jsfunctions/account/rowcallback.js"></script>
|
|
<script src="~/jsfunctions/account/accountcolumn.js"></script>
|
|
</body>
|