| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/billingsystem/dashboard/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Inventory Adjustment Edit</title>
<!-- css -->
<?php include 'inc/headlinks.php'; ?>
<?php include 'inc/link-js.php'; ?>
<!-- End layout styles -->
<script src="../assets/js/jquery-ui.js"></script>
</head>
<body>
<div class="container-scroller">
<!-- partial:partials/_sidebar.html -->
<?php include 'inc/sidebar.php'; ?>
<!-- partial -->
<div class="container-fluid page-body-wrapper">
<!-- partial:partials/_navbar.html -->
<?php include 'inc/navbar.php'; ?>
<!-- partial -->
<div class="main-panel">
<!-- breadcrumb -->
<div class="page-title-box d-flex align-items-center justify-content-between">
<ol class="breadcrumb m-0 p-0">
<li class="breadcrumb-item"><a href="inventory_adjustment.php">Inventory Adjustment</a></li>
<li class="breadcrumb-item active">Inventory Adjustment Edit</li>
</ol>
</div>
<!-- breadcrumb end -->
<div class="content-wrapper pb-0">
<div class="card-body boxShadow whiteBg mb-3">
<!-- form-->
<form>
<div class="row">
<div class="col-md-12">
<div class="d-flex">
<div class="row mb-4 w-100">
<div class="col-6 col-lg-3 small">
<span class="bold"> Created At :</span><br> 30 Jan 2020 05:50:00
</div>
<div class="col-6 col-lg-3 small">
<span class="bold"> Created By :</span><br> May Chan
</div>
<div class="col-6 col-lg-3 small">
<span class="bold"> Last Update At :</span><br> 30 Jan 2020 05:50:00
</div>
<div class="col-6 col-lg-3 small">
<span class="bold"> Last Update By :</span><br> May Chan
</div>
</div>
<div class="text-right">
<p class="mb-0 nowrap"><span class="bold">Status:</span> <label class="badge badge-success mb-0">Active</label>
</p>
</div>
</div>
<p>
AD# <span class="small text-muted">(Auto
Generate)</span>: <span class="text-danger h3">AD-220428-001</span>
</p>
</div>
<div class="col-md-3">
<div class="form-group borderSelect2 select2singleSearch">
<label for="SearchForm">Form
</label>
<select class="form-control" id="SearchForm">
<option value="ABC Store(#234455">ABC Store(#234455)</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group borderSelect2 select2singleSearch">
<label for="SearchTo">Form
</label>
<select class="form-control" id="SearchTo">
<option value="ABC Store(#234455">SDF Store(#234455)</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group borderSelect2 select2singleSearch">
<label for="SearchRef">Ref#
</label>
<select class="form-control" id="SearchRef">
<option value=" REF-202102020-001"> REF-202102020-001</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<p class="mb-0">CSV Import</p>
<div class="custom-file">
<input class="custom-file-input" id="uploadCSV" type="file">
<label class="custom-file-label garyFont" for="uploadCSV">Upload
CSV</label>
</div>
</div>
</div>
<div class="col-md-12">
<div id="grid" class="newGrid"></div>
</div>
<div class="col-md-12">
<hr>
<div class="d-flex justify-content-between double_border_bottom mb-4">
<p class="h1">Total QTY </p>
<p class="h1">10 </p>
</div>
</div>
<div class="col-md-12 text-right">
<hr>
<button type="button" class="btn btn-secondary" onclick="location.href='inventory_adjustment.php';">Back</button>
<button type="button" class="btn btn-danger submitDate shadow_red">Deletel</button>
<button type="button" class="btn btn-yellow submitDate shadow_orange">Update Inventory</button>
<button type="button" class="btn btn-primary submitDate shadow_blue">Save</button>
</div>
</div>
</form>
<!-- form END-->
</div>
<!-- content-wrapper ends -->
<!-- partial:partials/_footer.html -->
<?php include 'inc/footer.php'; ?>
<!-- partial -->
</div>
<!-- main-panel ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
<!-- Modal Customer-->
<?php include 'component/add_customer.php'; ?>
<script src="../assets/datatables/buttons/1.1.2/js/dataTables.buttons.min.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/datatables/select/1.1.2/js/dataTables.select.min.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/bootstrap-datepicker.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/jsgrid.js?<?= rand(1, 10000) / 7; ?>"></script>
<script>
$(function() {
//sidebar active
$('.nav .nav-item:nth-child(11)').addClass('active');
$('.nav .nav-item .collapse .nav-item').removeClass('active');
$("#SearchForm").select2({
placeholder: "",
allowClear: true
});
$("#SearchTo").select2({
placeholder: "",
allowClear: true
});
$("#SearchRef").select2({
placeholder: "",
allowClear: true
});
$('#Date').datepicker({
format: 'dd M, yyyy'
});
var NewData = [{
'SKU#': "SKU-202102020-001",
SKU_Name: " Apple Watch 2020",
Qty: "2"
}, {
'SKU#': "SKU-202102020-001",
SKU_Name: " Apple Watch 2020",
Qty: "2"
}, {
'SKU#': "SKU-202102020-001",
SKU_Name: " Apple Watch 2020",
Qty: "2"
}, {
'SKU#': "SKU-202102020-001",
SKU_Name: " Apple Watch 2020",
Qty: "2"
}, {
'SKU#': "SKU-202102020-001",
SKU_Name: " Apple Watch 2020",
Qty: "2"
}];
var IconField = function(config) {
jsGrid.Field.call(this, config);
};
IconField.prototype = new jsGrid.Field({
itemTemplate: function(value) {
var insertValue = this._insertValue = $(
`<i class="mdi mdi-select-all"></i>`);
return insertValue;
},
insertTemplate: function(value) {
return this._insertInput = $(
`<i class="mdi mdi-select-all"></i>`
);
},
editTemplate: function(value) {
return this._editInput = $(
`<i class="mdi mdi-select-all"></i>`
);
},
insertValue: function() {
return this._insertInput.val();
},
editValue: function() {
return this._editInput.val();
}
});
jsGrid.fields.iconField = IconField;
var RemarkField = function(config) {
jsGrid.Field.call(this, config);
};
RemarkField.prototype = new jsGrid.Field({
itemTemplate: function(value) {
var insertValue = this._insertValue = $(
`<span class="textareaText" >${value}</span>`);
return insertValue;
},
insertTemplate: function(value) {
return this._insertInput = $(
`<textarea class="textareaRow" rows="1"></textarea>`
);
},
editTemplate: function(value) {
return this._editInput = $(
`<textarea class="textareaRow" rows="1">${value}</textarea>`
);
},
insertValue: function() {
return this._insertInput.val();
},
editValue: function() {
return this._editInput.val();
}
});
jsGrid.fields.remarkField = RemarkField;
const SelectField = jsGrid.SelectField;
function Select2Field(config) {
SelectField.call(this, config);
}
Select2Field.prototype = new SelectField({
itemTemplate: function(value) {
var insertValue = this._insertValue = value;
return insertValue;
},
insertValue: function() {
return this._insertInput.val();
},
_createSelect() {
const el = SelectField.prototype._createSelect.call(this);
setTimeout(() => el.select2({
placeholder: ''
}), 100);
return el;
}
});
jsGrid.fields.select2 = jsGrid.Select2Field = Select2Field;
$("#grid").jsGrid({
height: "auto",
width: "100%",
inserting: true,
editing: true,
sorting: true,
paging: true,
data: NewData,
rowClass: function(item, itemIndex) {
return "client-" + itemIndex;
},
controller: {
loadData: function() {
return NewData.slice(0, 15);
}
},
fields: [{
name: "#",
type: "iconField",
width: 30,
align: "left"
}, {
name: "SKU#",
type: "text",
width: 100,
align: "left"
}, {
name: "SKU_Name",
width: 150,
sorting: false
},
{
name: "Qty",
type: "number",
width: 80,
align: "left"
},
{
type: "control",
width: 50,
editButton: false
}
],
onRefreshed: function() {
var $gridData = $("#grid .jsgrid-grid-body tbody");
$gridData.sortable({
update: function(e, ui) {
// array of indexes
var clientIndexRegExp = /\s*client-(\d+)\s*/;
var indexes = $.map($gridData.sortable("toArray", {
attribute: "class"
}), function(classes) {
return clientIndexRegExp.exec(classes)[1];
});
alert("Reordered indexes: " + indexes.join(", "));
// arrays of items
var items = $.map($gridData.find("tr"), function(row) {
return $(row).data("JSGridItem");
});
console && console.log("Reordered items", items);
}
});
},
rowClick: function(args) {
var $row = $(args.event.target).closest("tr");
var $cell = $(args.event.target).closest(".jsgrid-cell");
cellIndex = $($row.find("td")).index($cell);
if (this._editingRow) {
this.updateItem();
}
if (this.editing) {
this.editItem($row);
}
}
});
});
</script>
</body>
</html>