You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
310 lines
10 KiB
PHP
310 lines
10 KiB
PHP
<!-- Extend area where template is defined -->
|
|
<?= $this->extend('templates/adminlte/generalcontent') ?>
|
|
<!-- .Extend -->
|
|
|
|
<!-- Title of the page -->
|
|
<?= $this->section('title') ?>User Maintenance<?= $this->endSection() ?>
|
|
<!-- .Title -->
|
|
|
|
<!-- CSS of the page -->
|
|
<?= $this->section('css') ?>
|
|
|
|
<!-- Toastr -->
|
|
<link rel="stylesheet" href="adminlte/plugins/toastr/toastr.min.css">
|
|
|
|
<?= $this->endSection() ?>
|
|
<!-- .CSS -->
|
|
|
|
<!-- body attribute - class definition -->
|
|
<?= $this->section('bodyclass') ?>sidebar-mini<?= $this->endSection() ?>
|
|
<!-- .body attribute -->
|
|
|
|
<!-- Container title -->
|
|
<?= $this->section('containertitle') ?>User Maintenance<?= $this->endSection() ?>
|
|
<!-- .Container title -->
|
|
|
|
<!-- Active breadcrumb -->
|
|
<?= $this->section('breadcrumbs') ?>
|
|
<li class="breadcrumb-item active">User Maintenance</li>
|
|
<?= $this->endSection() ?>
|
|
<!-- .Active breadcrumb -->
|
|
|
|
<!-- Main content -->
|
|
<?= $this->section('main') ?>
|
|
|
|
|
|
<!-- Modal View User -->
|
|
<div class="modal fade" id="mdlViewUser">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header bg-primary">
|
|
<h4 class="modal-title" >Information of <span id="lblViewUserTitle"></span></h4>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="lead">Detailed User Information</p>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-1">
|
|
<p><strong>User ID</strong></p>
|
|
<p id="lblViewUserUserID"></p>
|
|
</div>
|
|
<div class="col-xs-12 col-md-3">
|
|
<p><strong>Username</strong></p>
|
|
<p id="lblViewUserUsername"></p>
|
|
</div>
|
|
<div class="col-xs-12 col-md-4">
|
|
<p><strong>Display Name</strong></p>
|
|
<p id="lblViewDisplayName"></p>
|
|
</div>
|
|
<div class="col-xs-12 col-md-4">
|
|
<p><strong>Employee ID</strong></p>
|
|
<p id="lblViewUserEmployeeID"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-6">
|
|
<h5>Groups</h5>
|
|
<ul id="lstViewUserUserGroups"></ul>
|
|
</div>
|
|
<div class="col-xs-12 col-md-6">
|
|
<h5>Permissions</h5>
|
|
<div class="card">
|
|
<div class="card-body p-0">
|
|
<table class="table table-hover">
|
|
<tbody id="tblViewUserPermissions">
|
|
<tr data-widget="expandable-table" aria-expanded="false">
|
|
<td>
|
|
<i class="expandable-table-caret fas fa-caret-right fa-fw"></i>
|
|
219-1
|
|
</td>
|
|
</tr>
|
|
<tr class="expandable-body">
|
|
<td>
|
|
<div class="p-0">
|
|
<table class="table table-hover">
|
|
<tbody>
|
|
<tr>
|
|
<td>219-1-1</td>
|
|
</tr>
|
|
<tr>
|
|
<td>219-1-2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>219-1-3</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Edit User -->
|
|
<div class="modal fade" id="mdlEditUser">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form action="<?= url_to('adminuser/updateuser') ?>" method="post">
|
|
<div class="modal-header bg-warning">
|
|
<h4 class="modal-title" >Information of <span id="lblEditUserTitle"></span></h4>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="lead">Detailed User Information</p>
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<p><strong>User ID</strong></p>
|
|
<p id="lblEditUserUserID"></p>
|
|
<input type="hidden" id="txtEditUserUserID" name="id">
|
|
</div>
|
|
<div class="col-8">
|
|
<p><strong>Username</strong></p>
|
|
<p id="lblEditUserUsername"></p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="form-group">
|
|
<label for="txtEditUserEmail">Email Address</label>
|
|
<input class="form-control" type="email" id="txtEditUserEmail" name="email">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="txtEditUserEmployeeID">Employee ID</label>
|
|
<input class="form-control" type="text" id="txtEditUserEmployeeID" name="employee_id">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="txtEditUserDisplayName">Display Name</label>
|
|
<input class="form-control" type="text" id="txtEditUserDisplayName" name="display_name">
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="custom-control custom-switch">
|
|
<input type="checkbox" class="custom-control-input" id="chkActiveStatus" name="active">
|
|
<label class="custom-control-label" for="chkActiveStatus">User Active Status</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group" id="divEditUserUserGroups">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
<button type="submit" class="btn btn-primary">Save changes</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">List of Users</h3>
|
|
|
|
<div class="card-tools">
|
|
<div class="input-group input-group-sm" style="width: 150px;">
|
|
<input type="text" name="table_search" class="form-control float-right" placeholder="Search">
|
|
|
|
<div class="input-group-append">
|
|
<button type="submit" class="btn btn-default">
|
|
<i class="fas fa-search"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body table-responsive p-0">
|
|
<?= $tblUsers ?>
|
|
</div>
|
|
<div class="card-footer">
|
|
<a href="/adminuser/newuser" class="btn btn-primary">New User</a>
|
|
<a href="/adminuser/fromemplist" class="btn btn-primary">New From Employee List</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?= $this->endSection() ?>
|
|
<!-- .Main content -->
|
|
|
|
<!-- Javascript -->
|
|
|
|
<?= $this->section('externaljs') ?>
|
|
|
|
<!-- Toastr -->
|
|
<script src="adminlte/plugins/toastr/toastr.min.js"></script>
|
|
|
|
<?= $this->endSection() ?>
|
|
|
|
|
|
|
|
<?= $this->section('js') ?>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
|
|
});
|
|
|
|
function GetUserByIdForView(id)
|
|
{
|
|
$.get( "/adminuser/getuserbyid/" + id, function( data )
|
|
{
|
|
console.log(data);
|
|
var user = data.user;
|
|
var groups = data.groups;
|
|
var permissions = data.permissions;
|
|
|
|
$("#lstViewUserUserGroups").empty();
|
|
for(var i=0; i<groups.length; i++)
|
|
{
|
|
$("#lstViewUserUserGroups").append("<li>" + groups[i] + "</li>");
|
|
}
|
|
|
|
$("#tblViewUserPermissions").empty();
|
|
|
|
var permissionsTableContent = "";
|
|
|
|
$.each(permissions, function( key, value ) {
|
|
permissionsTableContent += '<tr data-widget="expandable-table" aria-expanded="false"><td><i class="expandable-table-caret fas fa-caret-right fa-fw"></i>' + value.group + '</td></tr>';
|
|
permissionsTableContent += '<tr class="expandable-body d-none"><td><div class="p-0"><table class="table table-hover"><tbody>';
|
|
|
|
for(var i=0; i<value.permissions.length; i++)
|
|
{
|
|
permissionsTableContent += '<tr><td>' + value.permissions[i].description + '</td></tr>';
|
|
}
|
|
|
|
permissionsTableContent += '</tbody></table></div></td></tr>';
|
|
});
|
|
|
|
$("#tblViewUserPermissions").html(permissionsTableContent);
|
|
|
|
$("#lblViewUserTitle").text(user.email);
|
|
|
|
$("#lblViewUserUserID").text(user.id);
|
|
$("#lblViewUserUsername").text(user.username);
|
|
$("#lblViewDisplayName").text(user.display_name);
|
|
$("#lblViewUserEmployeeID").text(user.employee_id);
|
|
|
|
$('#mdlViewUser').modal('show');
|
|
});
|
|
}
|
|
|
|
function GetUserByIdForEdit(user)
|
|
{
|
|
$("#lblEditUserTitle").text($(user).data('displayname'));
|
|
$("#lblEditUserUserID").text($(user).data('id'));
|
|
$("#lblEditUserUsername").text($(user).data('username'));
|
|
|
|
$("#txtEditUserUserID").val($(user).data('id'));
|
|
$("#txtEditUserEmail").val($(user).data('email'));
|
|
$("#txtEditUserEmployeeID").val($(user).data('employeeid'));
|
|
$("#txtEditUserDisplayName").val($(user).data('displayname'));
|
|
|
|
if($(user).data('active'))
|
|
{
|
|
$("#chkActiveStatus").prop('checked', true);
|
|
}
|
|
else
|
|
{
|
|
$("#chkActiveStatus").prop('checked', false);
|
|
}
|
|
|
|
$("#divEditUserUserGroups").html('<a href="adminuser/editusergroup/' + $(user).data('id') + '">Change user Group for ' + $(user).data('username') + '</a>');
|
|
|
|
$('#mdlEditUser').modal('show');
|
|
}
|
|
|
|
function DeleteUserByID()
|
|
{
|
|
return confirm("Are you sure you want to delete this user?");
|
|
}
|
|
|
|
</script>
|
|
|
|
<?= $this->endSection() ?>
|
|
|
|
<!-- .Javascript -->
|