465 lines
18 KiB
PHP
465 lines
18 KiB
PHP
|
|
||
|
|
<html >
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
||
|
|
<link href="includes/css-js/admin.css" rel="stylesheet" type="text/css" />
|
||
|
|
<link href="css/flexigrid.css" rel="stylesheet" type="text/css" />
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
<script src="js/jquery-migrate.js"></script>
|
||
|
|
<script src="js/flexigrid.js" langugage="Javascript"/></script>
|
||
|
|
|
||
|
|
<style type="text/css">
|
||
|
|
@media screen and (min-width: 768px) {
|
||
|
|
.modal-dialog {
|
||
|
|
width: 700px; /* New width for default modal */
|
||
|
|
}
|
||
|
|
.modal-sm {
|
||
|
|
width: 350px; /* New width for small modal */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 992px) {
|
||
|
|
.modal-lg {
|
||
|
|
width: 950px; /* New width for large modal */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
<link href="css/multiselect.css" rel="stylesheet" type="text/css">
|
||
|
|
<script src="js/multiselect.js"></script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<h2>Panel Heading</h2>
|
||
|
|
<div class="panel panel-default">
|
||
|
|
|
||
|
|
<div class="panel-body" >
|
||
|
|
<table id="flex1"></table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
$("#flex1").flexigrid({
|
||
|
|
url: 'user_list_script.php',
|
||
|
|
dataType: 'json',
|
||
|
|
colModel: [
|
||
|
|
{display: 'Sr', name: 'count', width: 30, sortable: false, align: 'left'},
|
||
|
|
{display: 'User Id', name: 'user_id', width: 60, sortable: true, align: 'left'},
|
||
|
|
{display: 'User', name: 'user_name', width: 130, sortable: true, align: 'left'},
|
||
|
|
{display: 'First Name', name: 'first_name', width: 50, sortable: true, align: 'left'},
|
||
|
|
{display: 'Last name', name: 'last_name', width: 50, sortable: true, align: 'left'},
|
||
|
|
{display: 'User Role', name: 'role_name', width: 230, sortable: true, align: 'left'},
|
||
|
|
{display: 'Status', name: 'status', width: 160, sortable: true, align: 'left'},
|
||
|
|
{display: 'View', name: 'view_link', width: 40, sortable: false, align: 'left'},
|
||
|
|
{display: 'Edit', name: 'edit_link', width: 40, sortable: false, align: 'left'},
|
||
|
|
{display: 'Activate/De-Activate', name: 'activate_link', width: 100, sortable: false, align: 'left'}
|
||
|
|
],
|
||
|
|
buttons: [
|
||
|
|
{name: 'Add', bclass: 'add', onpress: add},
|
||
|
|
{separator: true},
|
||
|
|
{name: 'Edit', bclass: 'edit', onpress: edit},
|
||
|
|
{separator: true}
|
||
|
|
|
||
|
|
],
|
||
|
|
searchitems: [
|
||
|
|
{display: 'User', name: 'user_name'},
|
||
|
|
{display: 'User Role', name: 'role_name', isdefault: true},
|
||
|
|
{display: 'Status', name: 'status'}
|
||
|
|
],
|
||
|
|
sortname: "user_name",
|
||
|
|
sortorder: "asc",
|
||
|
|
usepager: true, //pagination
|
||
|
|
|
||
|
|
useRp: true,
|
||
|
|
rp: 200, //records per page
|
||
|
|
showTableToggleBtn: false, //toggle button for the whole table
|
||
|
|
resizable: false,
|
||
|
|
width: screen.width * .8,
|
||
|
|
height: screen.height * .6,
|
||
|
|
singleSelect: true
|
||
|
|
});
|
||
|
|
});
|
||
|
|
function populateValue(id)
|
||
|
|
{
|
||
|
|
alert(id);
|
||
|
|
/// var id = $(this).attr("id");
|
||
|
|
// $('#modal-title').html("Edit User Details");
|
||
|
|
$.ajax({
|
||
|
|
url: "getUserDetailsById?id="+id,
|
||
|
|
method: "post",
|
||
|
|
dataType: "json",
|
||
|
|
success: function (data) {
|
||
|
|
//console.log(data);
|
||
|
|
|
||
|
|
$('#form_firstname').val(data.firstName);
|
||
|
|
$('#form_lastname').val(data.lastName);
|
||
|
|
$('#form_username').val(data.username);
|
||
|
|
$('#form_password').val(data.password);
|
||
|
|
$('#form_cpassword').val(data.password);
|
||
|
|
$('#email').val(data.email);
|
||
|
|
$("#myModal").modal("show");
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function getFirm(contentDiv) {
|
||
|
|
var content = "";
|
||
|
|
$.ajax({
|
||
|
|
url: "classes/FirmManagement.php",
|
||
|
|
type: "post",
|
||
|
|
contentType: "application/json",
|
||
|
|
async: false,
|
||
|
|
success: function (resultData) {
|
||
|
|
|
||
|
|
if (resultData != null && resultData != undefined) {
|
||
|
|
resultData = JSON.parse(resultData)
|
||
|
|
for (var i = 0; i < resultData.length; i++) {
|
||
|
|
content += "<option value='" + resultData[i].firmId + "'>" + resultData[i].firmName + "</option>";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// alert(content);
|
||
|
|
$('#' + contentDiv).html(content);
|
||
|
|
},
|
||
|
|
error: function (textStatus, errorThrown) {
|
||
|
|
console.log(textStatus, errorThrown);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function getWarehouse(contentDiv) {
|
||
|
|
var content = "";
|
||
|
|
$.ajax({
|
||
|
|
url: "classes/WarehouseManagement.php",
|
||
|
|
type: "post",
|
||
|
|
async: false,
|
||
|
|
contentType: "application/json",
|
||
|
|
success: function (resultData) {
|
||
|
|
|
||
|
|
if (resultData != null && resultData != undefined) {
|
||
|
|
resultData = JSON.parse(resultData)
|
||
|
|
for (var i = 0; i < resultData.length; i++) {
|
||
|
|
content += "<option value='" + resultData[i].warehouseId + "'>" + resultData[i].warehouseName + "</option>";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// alert(content);
|
||
|
|
$('#' + contentDiv).html(content);
|
||
|
|
},
|
||
|
|
error: function (textStatus, errorThrown) {
|
||
|
|
console.log(textStatus, errorThrown);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function getRole(contentDiv) {
|
||
|
|
var content = "";
|
||
|
|
$.ajax({
|
||
|
|
url: "classes/RoleManagement.php",
|
||
|
|
type: "post",
|
||
|
|
async: false,
|
||
|
|
contentType: "application/json",
|
||
|
|
success: function (resultData) {
|
||
|
|
|
||
|
|
if (resultData != null && resultData != undefined) {
|
||
|
|
resultData = JSON.parse(resultData)
|
||
|
|
for (var i = 0; i < resultData.length; i++) {
|
||
|
|
content += "<option value='" + resultData[i].roleId + "'>" + resultData[i].roleName + "</option>";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// alert(content);
|
||
|
|
$('#' + contentDiv).html(content);
|
||
|
|
},
|
||
|
|
error: function (textStatus, errorThrown) {
|
||
|
|
console.log(textStatus, errorThrown);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function getClient(contentDiv) {
|
||
|
|
var content = "";
|
||
|
|
$.ajax({
|
||
|
|
url: "classes/ClientManagement.php",
|
||
|
|
type: "post",
|
||
|
|
async: false,
|
||
|
|
contentType: "application/json",
|
||
|
|
success: function (resultData) {
|
||
|
|
|
||
|
|
if (resultData != null && resultData != undefined) {
|
||
|
|
resultData = JSON.parse(resultData)
|
||
|
|
for (var i = 0; i < resultData.length; i++) {
|
||
|
|
content += "<option value='" + resultData[i].clientId + "'>" + resultData[i].clientName + "</option>";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// alert(content);
|
||
|
|
$('#' + contentDiv).html(content);
|
||
|
|
},
|
||
|
|
error: function (textStatus, errorThrown) {
|
||
|
|
console.log(textStatus, errorThrown);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
function add() {
|
||
|
|
$(function () {
|
||
|
|
$('.multiselect-ui').multiselect({
|
||
|
|
includeSelectAllOption: true
|
||
|
|
});
|
||
|
|
});
|
||
|
|
$("#myModal").modal("show");
|
||
|
|
}
|
||
|
|
function edit() {
|
||
|
|
var id="";
|
||
|
|
//$("#myModal").modal("show");
|
||
|
|
jQuery('#flex1 .trSelected').each( function(){
|
||
|
|
id=jQuery('[abbr="user_id"]',this).text();
|
||
|
|
//alert(id);
|
||
|
|
});
|
||
|
|
//alert(id);
|
||
|
|
$.ajax({
|
||
|
|
url: "getUserDetailsById.php?id="+id,
|
||
|
|
method: "post",async: false,
|
||
|
|
contentType: "application/json",
|
||
|
|
success: function (data) {
|
||
|
|
alert(data);
|
||
|
|
//console.log(data);
|
||
|
|
// data = JSON.parse(data);
|
||
|
|
// $('#form_firstname').val(data[0].firstName);
|
||
|
|
//$('#form_lastname').val(data[0].lastName);
|
||
|
|
//$('#form_username').val(data[0].username);
|
||
|
|
//$('#form_password').val(data[0].password);
|
||
|
|
//$('#form_cpassword').val(data[0].password);
|
||
|
|
//$('#email').val(data[0].email);
|
||
|
|
//$("#myModal").modal("show");
|
||
|
|
|
||
|
|
},
|
||
|
|
error:function(data){
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// populateValue(id);
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function () {
|
||
|
|
getFirm('firmList'),
|
||
|
|
getClient('client'),
|
||
|
|
getRole('role'),
|
||
|
|
getWarehouse('warehouse')
|
||
|
|
|
||
|
|
$("#save").click(function () {
|
||
|
|
var firmId = [];
|
||
|
|
var warehouseId = [];
|
||
|
|
var clientId = [];
|
||
|
|
var roleId = [];
|
||
|
|
$.each($("#firmList option:selected"), function () {
|
||
|
|
firmId.push($(this).val());
|
||
|
|
});
|
||
|
|
// alert(firmId);
|
||
|
|
$("#selectedFirms").val(firmId);
|
||
|
|
$.each($("#warehouse option:selected"), function () {
|
||
|
|
warehouseId.push($(this).val());
|
||
|
|
});
|
||
|
|
$("#selectedWarehouses").val(warehouseId);
|
||
|
|
|
||
|
|
$.each($("#role option:selected"), function () {
|
||
|
|
roleId.push($(this).val());
|
||
|
|
});
|
||
|
|
//alert(warehouseId);
|
||
|
|
|
||
|
|
|
||
|
|
$("#selectedRoles").val(roleId);
|
||
|
|
|
||
|
|
//alert(roleId);
|
||
|
|
$.each($("#client option:selected"), function () {
|
||
|
|
clientId.push($(this).val());
|
||
|
|
});
|
||
|
|
// alert(clientId);
|
||
|
|
$("#SelectedClients").val(clientId);
|
||
|
|
|
||
|
|
var myform = document.getElementById("user_form");
|
||
|
|
var fd = new FormData(myform);
|
||
|
|
$.ajax({
|
||
|
|
url: "save_user_data.php",
|
||
|
|
cache: false,
|
||
|
|
processData: false,
|
||
|
|
contentType: false,
|
||
|
|
type: 'POST',
|
||
|
|
data: fd,
|
||
|
|
// contentType:"application/json",
|
||
|
|
success: function (data) {
|
||
|
|
// alert(data);
|
||
|
|
$('#flex1').flexOptions({
|
||
|
|
url:'user_list_script.php',
|
||
|
|
newp: 1
|
||
|
|
}).flexReload();
|
||
|
|
},
|
||
|
|
error: function (textStatus, errorThrown) {
|
||
|
|
console.log(textStatus, errorThrown);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="myModal" class="modal fade" role="dialog">
|
||
|
|
<div class="modal-dialog">
|
||
|
|
|
||
|
|
<!-- Modal content-->
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
||
|
|
<h4 class="modal-title" align="center">Enter User Details</h4>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body">
|
||
|
|
<form id="user_form" style="align:right" method="post" role="form">
|
||
|
|
|
||
|
|
<div class="messages"></div>
|
||
|
|
|
||
|
|
<div class="controls">
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="form_name">FirstName </label>
|
||
|
|
<input id="form_firstname" type="text" name="firstName" class="form-control" placeholder="Please enter your firstname *" required="required" data-error="Firstname is required.">
|
||
|
|
<div class="help-block with-errors"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="form_lastname">LastName </label>
|
||
|
|
<input id="form_lastname" type="text" name="lastName" class="form-control" placeholder="Please enter your lastname *" required="required" data-error="Lastname is required.">
|
||
|
|
<div class="help-block with-errors"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="form_username">UserName </label>
|
||
|
|
<input id="form_username" type="text" name="userName" class="form-control" placeholder="Please enter your lastname *" required="required" data-error="Lastname is required.">
|
||
|
|
<div class="help-block with-errors"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="form_password">Password </label>
|
||
|
|
<input id="form_password" type="password" name="password" id="password" class="form-control" placeholder="Please enter your email *" required="required" data-error="Valid email is required.">
|
||
|
|
<div class="help-block with-errors"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="form_cpassword">Confirm Password</label>
|
||
|
|
<input id="form_cpassword" type="tel" name="cpassword" class="form-control" placeholder="">
|
||
|
|
<div class="help-block with-errors"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="email">Email</label>
|
||
|
|
<input id="email" type="tel" name="email" class="form-control" placeholder="Please enter your mail">
|
||
|
|
<div class="help-block with-errors"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<input type="hidden" name="selectedFirms" id="selectedFirms">
|
||
|
|
<div class="col-md-10">
|
||
|
|
<div class="form-group">
|
||
|
|
|
||
|
|
<label for="rolename">Firm</label>
|
||
|
|
|
||
|
|
<select id="firmList" name="firmList" class="multiselect-ui form-control" multiple="multiple"></select>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<input type="hidden" name="selectedWarehouses" id="selectedWarehouses">
|
||
|
|
<div class="col-md-10">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="warehouse" >Assign Warehouse</label>
|
||
|
|
<select id="warehouse" class="multiselect-ui form-control" multiple="multiple">
|
||
|
|
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<input type="hidden" name="selectedRoles" id="selectedRoles">
|
||
|
|
|
||
|
|
<div class="col-md-10">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="role" >Assign Role</label>
|
||
|
|
<select id="role" class="multiselect-ui form-control" multiple="multiple"></select>
|
||
|
|
|
||
|
|
<div class="help-block with-errors"></div>
|
||
|
|
</div></div>
|
||
|
|
|
||
|
|
<input type="hidden" name="selectedClients" id="SelectedClients">
|
||
|
|
|
||
|
|
<div class="col-md-10">
|
||
|
|
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="client" >Assign Clients</label>
|
||
|
|
<select id="client" class="multiselect-ui form-control" multiple="multiple"></select>
|
||
|
|
<div class="help-block with-errors"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-md-10" >
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="comment">Comment:</label>
|
||
|
|
<textarea class="form-control" rows="5" name="comment" id="comment"></textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button id="save" class="btn btn-success" data-dismiss="modal">Save</button>
|
||
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|