stock module - 24-03-2025
This commit is contained in:
vadivelJ96
parent
11e777baec
commit
07da1d369b
@ -166,38 +166,42 @@ class TrpProductionModel extends Model
|
||||
->getResultArray();
|
||||
|
||||
|
||||
$crsClientList = array_column($crsClientList, 'client_name');
|
||||
$crsClientList = array_column($crsClientList, 'client_name');
|
||||
|
||||
// Initialize an empty array for dynamic SQL conditions
|
||||
$caseStatementsCrs = [];
|
||||
// Initialize an empty array for dynamic SQL conditions
|
||||
$caseStatementsCrs = [];
|
||||
|
||||
// Loop through the client list and build dynamic SUM(CASE WHEN...)
|
||||
foreach ($crsClientList as $index => $client) {
|
||||
|
||||
$crsClientList[$index] = $client."_crs";
|
||||
$clientCrs = $client."_crs";
|
||||
|
||||
// Add the condition to the array
|
||||
$caseStatementsCrs[] = "SUM(CASE WHEN clients.client_name = " . $this->db->escape($client) . " THEN invItems.item_quantity ELSE 0 END) AS `$clientCrs`";
|
||||
}
|
||||
|
||||
// Convert array to a comma-separated string
|
||||
$caseSQLCrs = implode(', ', $caseStatementsCrs);
|
||||
|
||||
// Subquery: Get unique invoice_id with item_date_added and total item_quantity per invoice
|
||||
$subquery = $this->db->table('ip_invoice_items')
|
||||
->select('invoice_id, item_date_added, item_quantity')
|
||||
->whereIn('item_product_id', [81, 93])
|
||||
->groupBy(['invoice_id'])
|
||||
->getCompiledSelect(); // Convert to raw SQL for subquery
|
||||
|
||||
// Main Query: Use the subquery as invItems and join with ip_invoices and ip_clients
|
||||
$subquery3 = $this->db->table("($subquery) invItems")
|
||||
->select(array_merge(['invItems.item_date_added'], $caseStatementsCrs)) // Add dynamic SUM(CASE WHEN..)
|
||||
->join('ip_invoices inv', 'inv.invoice_id = invItems.invoice_id', 'left')
|
||||
->join('ip_clients clients', 'clients.client_id = inv.client_id', 'left')
|
||||
->where("invItems.item_date_added BETWEEN '$startDate' AND '$endDate'", null, false) // Use BETWEEN for date filtering
|
||||
->groupBy('invItems.item_date_added')
|
||||
->getCompiledSelect(false); // Convert Query Builder to raw SQL;
|
||||
|
||||
|
||||
// Loop through the client list and build dynamic SUM(CASE WHEN...)
|
||||
foreach ($crsClientList as $index => $client) {
|
||||
|
||||
$crsClientList[$index] = $client."_crs";
|
||||
$clientCrs = $client."_crs";
|
||||
|
||||
// Add the condition to the array
|
||||
$caseStatementsCrs[] = "SUM(CASE WHEN clients.client_name = " . $this->db->escape($client) . " THEN invItems.item_quantity ELSE 0 END) AS `$clientCrs`";
|
||||
}
|
||||
|
||||
// Convert array to a comma-separated string
|
||||
$caseSQLCrs = implode(', ', $caseStatementsCrs);
|
||||
|
||||
|
||||
|
||||
$subquery3 = $this->db->table('ip_invoice_items invItems')
|
||||
->select([
|
||||
'invItems.item_date_added',
|
||||
$caseSQLCrs
|
||||
])
|
||||
->join('ip_invoices inv', 'inv.invoice_id = invItems.invoice_id', 'left')
|
||||
->join('ip_clients clients', 'clients.client_id = inv.client_id', 'left')
|
||||
->whereIn('invItems.item_product_id', [81, 93])
|
||||
->where("invItems.item_date_added BETWEEN '$startDate' AND '$endDate'", null, false) // Use BETWEEN for date filtering
|
||||
->groupBy('invItems.item_date_added')
|
||||
|
||||
->getCompiledSelect(false); // Convert Query Builder to raw SQL;
|
||||
|
||||
|
||||
|
||||
$builder->join("({$subquery3}) invItems", 'invItems.item_date_added = tpmd.date', 'left');
|
||||
|
||||
@ -43,8 +43,15 @@
|
||||
}
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: #50bbd9;
|
||||
color: #ffffff;
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.2s ease-in-out; /* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.fht-table {
|
||||
@ -226,7 +233,7 @@
|
||||
|
||||
.table-responsive {
|
||||
overflow-y: auto;
|
||||
max-height: 500px;
|
||||
max-height: 700px;
|
||||
}
|
||||
|
||||
.fht-table thead th {
|
||||
@ -239,6 +246,13 @@
|
||||
background-color:rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
.card-body{ padding-bottom: 0;}
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<div class="content-page">
|
||||
@ -267,10 +281,7 @@
|
||||
Add Production Batch Card
|
||||
</button> -->
|
||||
|
||||
<button type="button" class="btn btn-success" data-target="#coatingMachineDetailModal"
|
||||
data-toggle="modal">
|
||||
Add Shift Record
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -292,46 +303,54 @@
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<form method='post' action="<?= base_url('/coatingMachineDetails'); ?>">
|
||||
<form id="changeMonthForm" method='post' action="<?= base_url('/coatingMachineDetails'); ?>">
|
||||
<div class="card-body">
|
||||
|
||||
<div class=form-row>
|
||||
<div class="form-group col-md-3 mt-2 ">
|
||||
|
||||
<div class="col-2">
|
||||
<input type="text"
|
||||
value="<?= $month; ?>" name="month"
|
||||
class="form-control monthpicker" id="monthpicker" readonly>
|
||||
value="<?= $month; ?>" name="month"
|
||||
class="form-control monthpicker" id="monthpicker" readonly>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-1 ">
|
||||
<a href="#" >
|
||||
<i class="fa fa-download btn-lg"
|
||||
style="font-size: x-large;"
|
||||
id="coatingMachineDetailsExport">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-8">
|
||||
|
||||
<!-- <a style="cursor:pointer"
|
||||
class="dropdown-item" data-toggle="modal" data-target="#filterModalId">
|
||||
Filter
|
||||
</a> -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-1 ">
|
||||
|
||||
<button type="button" class="btn btn-success m-0" data-target="#coatingMachineDetailModal"
|
||||
data-toggle="modal">
|
||||
Add Record
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-success"> Change Month </button>
|
||||
</div>
|
||||
|
||||
<div class="col-6">
|
||||
<div class="dropdown float-right mt-2">
|
||||
<a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a style="cursor:pointer"
|
||||
class="dropdown-item" data-toggle="modal" data-target="#filterModalId">
|
||||
Filter
|
||||
</a>
|
||||
<a style="cursor:pointer"
|
||||
class="dropdown-item" id="coatingMachineDetailsExport" href="#">Export</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table id="coatingMachineDetailTableId" class="fht-table table-hover table-bordered"
|
||||
<table id="coatingMachineDetailTableId" class="fht-table "
|
||||
style="background-color:#fff;">
|
||||
|
||||
<thead>
|
||||
@ -1548,6 +1567,11 @@
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
$('#monthpicker').change(function(){
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
|
||||
$('#monthpicker').datepicker({
|
||||
format: 'M-yyyy',
|
||||
viewMode: 'months',
|
||||
@ -1725,4 +1749,6 @@ $(document).ready(function () {
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
</script>
|
||||
|
||||
<!-- onchange of month submit will happen -->
|
||||
|
||||
@ -26,8 +26,15 @@
|
||||
}
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: #50bbd9;
|
||||
color: #ffffff;
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.2s ease-in-out; /* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.fht-table {
|
||||
@ -239,6 +246,14 @@
|
||||
background-color:rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
.card-body{
|
||||
padding-top : 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
|
||||
|
||||
@ -302,46 +317,67 @@
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<form action="<?= base_url('bagStockDetails'); ?>" method="post">
|
||||
<div class="row">
|
||||
<form id="changeMonthForm" action="<?= base_url('bagStockDetails'); ?>" method="post">
|
||||
|
||||
<div class="col-3">
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2"
|
||||
data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-success"> Change Month </button>
|
||||
|
||||
<?php
|
||||
//check it is current month , then only show the custom option
|
||||
if($month == date('M-Y') ){
|
||||
?>
|
||||
<button type="button" class="btn" style="background-color:maroon;color:white" data-target="#customizeModalId"
|
||||
data-toggle="modal">
|
||||
Customize
|
||||
</button>
|
||||
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-2">
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2"
|
||||
style="z-index:30;" readonly>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="dropdown float-right">
|
||||
<a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a>
|
||||
<a class="dropdown-item" id="bagStockExport" href="#">Export</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-1 ">
|
||||
<a href="#" >
|
||||
<i class="fa fa-download btn-lg mt-2"
|
||||
style="font-size: x-large;"
|
||||
id="bagStockExport">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
<?php
|
||||
//check it is current month , then only show the custom option
|
||||
if($month == date('M-Y') ){
|
||||
?>
|
||||
|
||||
<div class="col-7">
|
||||
<!-- right now client is not using this -->
|
||||
<!-- <a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a> -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-2 m-0">
|
||||
<button type="button" class="btn " style="background-color:maroon;color:white" data-target="#customizeModalId"
|
||||
data-toggle="modal">
|
||||
Customize
|
||||
</button>
|
||||
|
||||
<?php
|
||||
} else { ?>
|
||||
<div class="col-8">
|
||||
<!-- right now client is not using this -->
|
||||
<!-- <a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a> -->
|
||||
|
||||
</div>
|
||||
<div class="col-1">
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<form action="<?= base_url('bagStockDetails'); ?>" method="post">
|
||||
|
||||
@ -422,16 +458,14 @@
|
||||
</div>
|
||||
|
||||
<!-- hidden fields -->
|
||||
<input type="hidden" name="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2" data-provide="datepicker"
|
||||
data-date-format="M-yyyy" data-date-min-view-mode="1">
|
||||
<input type="hidden" name="month" value="<?php echo "$month" ?>" >
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive">
|
||||
<table id="bagStockDetailsTableId" class="fht-table table-striped">
|
||||
<table id="bagStockDetailsTableId" class="fht-table">
|
||||
|
||||
<thead class="celda_encabezado_general bag-table-head" style="padding: 10px;">
|
||||
|
||||
@ -712,14 +746,6 @@
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- End card-body -->
|
||||
@ -1291,6 +1317,10 @@
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$('#month').change(function(){
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
|
||||
$('#month').datepicker({
|
||||
format: "M-yyyy", // Format as "Jan-2025"
|
||||
minViewMode: 1, // Month-Year Picker
|
||||
|
||||
@ -27,8 +27,15 @@
|
||||
}
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: #50bbd9;
|
||||
color: #ffffff;
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.2s ease-in-out; /* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.fht-table {
|
||||
@ -217,7 +224,7 @@
|
||||
.table-responsive {
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
max-height: 500px; /* Adjust as needed */
|
||||
max-height: 700px; /* Adjust as needed */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@ -230,6 +237,16 @@
|
||||
background-color:rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
.card-body{
|
||||
padding-top : 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -292,49 +309,68 @@ foreach ($period as $day) {
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<form id="changeMonthForm" action="<?= base_url('dieselMachineDetails'); ?>" method="post">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<form action="<?= base_url('dieselMachineDetails'); ?>" method="post">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-3">
|
||||
<div class="col-2">
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2" data-provide="datepicker"
|
||||
style="z-index:30;"
|
||||
data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-success"> Change Month </button>
|
||||
|
||||
<?php
|
||||
//check it is current month , then only show the custom option
|
||||
if($month == date('M-Y') ){
|
||||
?>
|
||||
<button type="button" class="btn" style="background-color:maroon;color:white" data-target="#customizeModalId"
|
||||
data-toggle="modal">
|
||||
Customize
|
||||
</button>
|
||||
class="form-control mt-2"
|
||||
style="z-index:30;" readonly>
|
||||
</div>
|
||||
|
||||
<div class="col-1 ">
|
||||
<a href="#" >
|
||||
<i class="fa fa-download btn-lg mt-2"
|
||||
style="font-size: x-large;"
|
||||
id="dieselMachineStockDetailsExport">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-6">
|
||||
<div class="dropdown float-right">
|
||||
<a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a>
|
||||
<a class="dropdown-item" id="dieselMachineStockDetailsExport" href="#">Export</a>
|
||||
|
||||
<?php
|
||||
//check it is current month , then only show the custom option
|
||||
if($month == date('M-Y') ){
|
||||
?>
|
||||
|
||||
<div class="col-7">
|
||||
<!-- right now client is not using this -->
|
||||
<!-- <a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a> -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-2 m-0">
|
||||
<button type="button" class="btn " style="background-color:maroon;color:white" data-target="#customizeModalId"
|
||||
data-toggle="modal">
|
||||
Customize
|
||||
</button>
|
||||
|
||||
<?php
|
||||
} else { ?>
|
||||
<div class="col-8">
|
||||
<!-- right now client is not using this -->
|
||||
<!-- <a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a> -->
|
||||
|
||||
</div>
|
||||
<div class="col-1">
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
<form action="<?= base_url('dieselMachineDetails'); ?>" method="post">
|
||||
@ -416,16 +452,15 @@ foreach ($period as $day) {
|
||||
</div>
|
||||
|
||||
<!-- hidden fields -->
|
||||
<input type="hidden" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2" data-provide="datepicker"
|
||||
data-date-format="M-yyyy" data-date-min-view-mode="1">
|
||||
<input type="hidden" name="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2" >
|
||||
|
||||
</form>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive">
|
||||
<table id="dieselStockDetailsTableId" class="fht-table table-striped">
|
||||
<table id="dieselStockDetailsTableId" class="fht-table">
|
||||
|
||||
<thead class="celda_encabezado_general" style="padding: 10px;">
|
||||
|
||||
@ -872,14 +907,6 @@ foreach ($period as $day) {
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- End card-body -->
|
||||
@ -1609,4 +1636,18 @@ foreach ($period as $day) {
|
||||
$('#customizeHeader').select2();
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$('#month').change(function(){
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
|
||||
$('#month').datepicker({
|
||||
format: 'M-yyyy',
|
||||
viewMode: 'months',
|
||||
minViewMode: 'months',
|
||||
autoclose: true,
|
||||
orientation: 'bottom'
|
||||
})
|
||||
</script>
|
||||
@ -46,8 +46,15 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
|
||||
}
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: #50bbd9;
|
||||
color: #ffffff;
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.2s ease-in-out; /* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.fht-table {
|
||||
@ -242,6 +249,15 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
|
||||
background-color:rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
.card-body{
|
||||
padding-top : 10px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
</style>
|
||||
<div class="content-page">
|
||||
<div class="content">
|
||||
@ -261,12 +277,7 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button type="button" class="btn btn-success" data-target="#additionalEntriesModalId"
|
||||
data-toggle="modal">
|
||||
Add Drier Entry
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
@ -293,33 +304,41 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<form action="<?= base_url('drierMachineDetails'); ?>" method="post">
|
||||
<form id="changeMonthForm" action="<?= base_url('drierMachineDetails'); ?>" method="post">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-3">
|
||||
<div class="col-2">
|
||||
<?php $today = date('M-Y'); ?>
|
||||
<input type="text" name="month" id="month" value="<?php echo $datefordropdown; ?>" class="form-control" data-provide="datepicker" data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<input type="submit" value="Change Month" class="btn btn-success" style="margin-top:0px;">
|
||||
</div>
|
||||
|
||||
<div class="col-1">
|
||||
<a href="#" >
|
||||
<i class="fa fa-download btn-lg"
|
||||
style="font-size: x-large;"
|
||||
id="drierMachineDetailsExport">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-6">
|
||||
<div class="dropdown float-right">
|
||||
<a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a style="cursor:pointer"
|
||||
class="dropdown-item" data-toggle="modal" data-target="#filterModalId">Filter</a>
|
||||
<a style="cursor:pointer"
|
||||
class="dropdown-item" id="drierMachineDetailsExport" href="#">Export</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-8">
|
||||
<!-- right now client is not using this -->
|
||||
<!-- <a style="cursor:pointer"
|
||||
class="dropdown-item" data-toggle="modal" data-target="#filterModalId">Filter</a> -->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-1 ">
|
||||
|
||||
<button type="button" class="btn btn-success m-0" data-target="#additionalEntriesModalId"
|
||||
data-toggle="modal">
|
||||
Add Entry
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@ -327,7 +346,7 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
|
||||
|
||||
<!-- Add table-responsive for horizontal scroll -->
|
||||
<div class="table-responsive">
|
||||
<table id="drierTable" class="fht-table table-hover table-bordered" style="background-color:#fff;">
|
||||
<table id="drierTable" class="fht-table " style="background-color:#fff;">
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
@ -1355,3 +1374,39 @@ function convertToDate(dateString) {
|
||||
|
||||
|
||||
<!-- script section ends -->
|
||||
|
||||
|
||||
<!-- onchange of month submit will happen -->
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('#month').change(function(){
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
<script>
|
||||
document.addEventListener("fullscreenchange", function () {
|
||||
if (document.fullscreenElement) {
|
||||
localStorage.setItem("isFullscreen", "true");
|
||||
} else {
|
||||
localStorage.removeItem("isFullscreen");
|
||||
}
|
||||
});
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
if (localStorage.getItem("isFullscreen") === "true") {
|
||||
toggleFullscreen(); // Re-enter fullscreen if it was active before refresh
|
||||
}
|
||||
});
|
||||
function toggleFullscreen() {
|
||||
if (!document.fullscreenElement) {
|
||||
document.documentElement.requestFullscreen().catch(err => {
|
||||
console.error(`Error attempting to enable full-screen mode: ${err.message}`);
|
||||
});
|
||||
} else {
|
||||
document.exitFullscreen();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
@ -31,8 +31,15 @@
|
||||
} */
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: #50bbd9;
|
||||
color: #ffffff;
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.2s ease-in-out; /* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.fht-table {
|
||||
@ -241,6 +248,19 @@
|
||||
}
|
||||
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.card-body{
|
||||
padding-top : 0;
|
||||
padding-bottom : 0;
|
||||
}
|
||||
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
@ -277,30 +297,37 @@
|
||||
<div class="card-body" style="padding-left:300px;">
|
||||
|
||||
|
||||
<form action="<?= base_url('dustAndRoughStockDetails'); ?>" method="post">
|
||||
<div class="row" >
|
||||
<form id="changeMonthForm" action="<?= base_url('dustAndRoughStockDetails'); ?>" method="post">
|
||||
|
||||
|
||||
<div class="row mt-2">
|
||||
|
||||
<div class="col-3">
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control datepicker mt-2 " data-provide="datepicker"
|
||||
data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
<div class="col-2">
|
||||
<input type="text" name="month" id="month" value="<?php echo $month; ?>"
|
||||
class="form-control" data-provide="datepicker"
|
||||
data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-1">
|
||||
<a href="#" >
|
||||
<i class="fa fa-download btn-lg"
|
||||
style="font-size: x-large;"
|
||||
id="dustAndRoughStockExport">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-success"> Change Month </button>
|
||||
<div class="col-2">
|
||||
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="dropdown float-right">
|
||||
<a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" id="dustAndRoughStockExport" href="#">Export</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-1">
|
||||
<button class="btn btn-success m-0 px-3" type="button" id="saveId">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
@ -308,7 +335,7 @@
|
||||
|
||||
|
||||
<div class="table-responsive">
|
||||
<table style="width: 700px;" id="dustAndRoughStockDetailsTableId" class="fht-table table-striped">
|
||||
<table style="width: 700px;" id="dustAndRoughStockDetailsTableId" class="fht-table ">
|
||||
|
||||
<thead class="celda_encabezado_general" style="padding: 10px;">
|
||||
|
||||
@ -460,14 +487,6 @@
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-left" style="margin-left :350px !important ;" >
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- End card-body -->
|
||||
@ -731,16 +750,22 @@
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$('#month').datepicker({
|
||||
format: "M-yyyy", // Format as "Jan-2025"
|
||||
minViewMode: 1, // Month-Year Picker
|
||||
autoclose: true,
|
||||
todayHighlight: true,
|
||||
orientation: "auto" // Adjusts automatically, or use "top" / "bottom"
|
||||
}).on('focus', function() {
|
||||
$(this).datepicker('show'); // Ensure it opens on focus
|
||||
|
||||
$('#month').change(function(){
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
$('#month').datepicker({
|
||||
format: "M-yyyy", // Format as "Jan-2025"
|
||||
minViewMode: 1, // Month-Year Picker
|
||||
autoclose: true,
|
||||
todayHighlight: true,
|
||||
orientation: "auto" // Adjusts automatically, or use "top" / "bottom"
|
||||
}).on('focus', function() {
|
||||
$(this).datepicker('show'); // Ensure it opens on focus
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
@ -18,8 +18,15 @@
|
||||
}
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: #50bbd9;
|
||||
color: #ffffff;
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.2s ease-in-out; /* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.fht-table {
|
||||
@ -208,7 +215,7 @@
|
||||
.table-responsive {
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
max-height: 500px; /* Adjust as needed */
|
||||
max-height: 700px; /* Adjust as needed */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@ -221,6 +228,11 @@
|
||||
background-color:rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
.card-body{ padding-bottom: 0;}
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
|
||||
|
||||
@ -259,42 +271,48 @@
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<form action="<?= base_url('gasStockDetails'); ?>" method="post">
|
||||
<form id="changeMonthForm" action="<?= base_url('gasStockDetails'); ?>" method="post">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-3">
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2" data-provide="datepicker"
|
||||
data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
<div class="col-2">
|
||||
<?php $today = date('M-Y'); ?>
|
||||
<input type="text" name="month" id="month" value="<?php echo $month; ?>" class="form-control" data-provide="datepicker" data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-1 ">
|
||||
<a href="#" >
|
||||
<i class="fa fa-download btn-lg"
|
||||
style="font-size: x-large;"
|
||||
id="gasStockDetailsExport">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-success"> Change Month </button>
|
||||
|
||||
<div class="col-8">
|
||||
<!-- right now client is not using this -->
|
||||
<!-- <a style="cursor:pointer"
|
||||
class="dropdown-item" data-toggle="modal" data-target="#filterModalId">Filter</a> -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-6">
|
||||
<div class="dropdown float-right">
|
||||
<a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a style="cursor:pointer"
|
||||
class="dropdown-item" data-toggle="modal" data-target="#filterModalId">Filter</a>
|
||||
<a style="cursor:pointer"
|
||||
class="dropdown-item" id="gasStockDetailsExport" href="#">Export</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-1 ">
|
||||
|
||||
<button type="button" class="btn btn-success m-0 px-4" id="saveId" >
|
||||
Save
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive">
|
||||
<table id="gasStockDetailsTableId" class="fht-table table-striped">
|
||||
<table id="gasStockDetailsTableId" class="fht-table">
|
||||
|
||||
<thead class="celda_encabezado_general" style="padding: 10px;">
|
||||
|
||||
@ -638,15 +656,8 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1199,4 +1210,12 @@ function convertToDate(dateString) {
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('#month').change(function(){
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
})
|
||||
</script>
|
||||
@ -25,10 +25,18 @@
|
||||
}
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: #50bbd9;
|
||||
color: #ffffff;
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.2s ease-in-out; /* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167) ;
|
||||
color:rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
|
||||
/* .fht-table td[contenteditable="true"] {
|
||||
background-color: lightyellow;
|
||||
color:rgb(13, 7, 7);
|
||||
@ -214,7 +222,7 @@
|
||||
|
||||
.table-responsive {
|
||||
overflow-y: auto;
|
||||
max-height: 500px;
|
||||
max-height: 700px;
|
||||
}
|
||||
|
||||
.fht-table thead th {
|
||||
@ -235,12 +243,18 @@
|
||||
#meshTableId tbody tr td{
|
||||
padding : 3px !important ;
|
||||
}
|
||||
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
.card-body{ padding-bottom: 0;}
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<div class="content-page">
|
||||
<div class="content">
|
||||
<!-- Start Content-->
|
||||
@ -291,51 +305,39 @@
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="row" style="padding:0 px !important;">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="card-body" >
|
||||
|
||||
|
||||
<form action="<?= base_url('incomingSilicaSandDetails'); ?>" method="post">
|
||||
<form id="changeMonthForm" action="<?= base_url('incomingSilicaSandDetails'); ?>" method="post">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-3">
|
||||
<div class="col-2">
|
||||
<?php $today = date('M-Y'); ?>
|
||||
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>" class="form-control mt-2" data-provide="datepicker" data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>" class="form-control " data-provide="datepicker" data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
<input type="hidden" name="remark" id="remark" value="<?php echo $remark ?>">
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-success"> Change Month </button>
|
||||
<div class="col-1 ">
|
||||
<a href="#" >
|
||||
<i class="fa fa-download btn-lg"
|
||||
style="font-size: x-large;"
|
||||
id="incomingSilicaSandDetailsExport">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="dropdown float-right">
|
||||
<a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a style="cursor:pointer"
|
||||
class="dropdown-item" id="incomingSilicaSandDetailsExport" href="#">Export</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-8">
|
||||
</div>
|
||||
<div class="col-1">
|
||||
<input type="button" class="btn btn-success px-4 m-0" id="save" value="save">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Add table-responsive for horizontal scroll -->
|
||||
<div class="table-responsive">
|
||||
<table id="incomingSilicaSandDetailsTable" class="fht-table table table-striped " >
|
||||
<thead>
|
||||
<table id="incomingSilicaSandDetailsTable" class="fht-table table " >
|
||||
<thead >
|
||||
<tr>
|
||||
|
||||
<th class="celda_encabezado_general" style="display:none">S.NO </th>
|
||||
@ -458,8 +460,9 @@
|
||||
</td>
|
||||
|
||||
<!-- 'td:eq(7)' -->
|
||||
<td class="celda_normal" style="color:#02d0eb; background:white; min-width : 200px; max-width:200px;" contenteditable="true">
|
||||
<select class="status grade-condition select2" id="gradeCondition" style="min-width : 180px; max-width:180px;">
|
||||
<td class="celda_normal" style=" min-width : 200px; max-width:200px;" contenteditable="true">
|
||||
<select class="status grade-condition select2 " id="gradeCondition"
|
||||
style=" min-width : 180px; max-width:180px;">
|
||||
<option value="">Select</option>
|
||||
<option value="wet"
|
||||
<?php echo ($record['gradeCondition'] == 'wet') ? "selected":''; ?>
|
||||
@ -544,7 +547,7 @@
|
||||
|
||||
|
||||
<!-- 'td:eq(22)' -->
|
||||
<td class="celda_normal" style="color:#02d0eb; background:white;">
|
||||
<td class="celda_normal" >
|
||||
<i
|
||||
class="fas fa-edit download-lab-report" style="cursor:pointer;"></i>
|
||||
</td>
|
||||
@ -728,13 +731,6 @@
|
||||
</h5>
|
||||
<?php }?>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<input type="button" class="btn btn-success px-4" id="save" value="save">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -1890,4 +1886,13 @@ $(document).ready(function() {
|
||||
$('#reportNotice').text("* Please save the changes to download");
|
||||
|
||||
})
|
||||
</script>
|
||||
</script>
|
||||
|
||||
<!-- onchange of month submit will happen -->
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('#month').change(function(){
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
@ -25,16 +25,19 @@
|
||||
cursor: grabbing; /* Closed-hand cursor when dragging */
|
||||
}
|
||||
|
||||
/* .fht-table td[contenteditable="true"] {
|
||||
background-color: lightyellow;
|
||||
color:rgb(13, 7, 7);
|
||||
} */
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: #50bbd9;
|
||||
color: #ffffff;
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.2s ease-in-out; /* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
|
||||
.fht-table {
|
||||
border: 0 none;
|
||||
height: auto;
|
||||
@ -226,7 +229,7 @@
|
||||
.table-responsive {
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
max-height: 500px;
|
||||
max-height: 700px;
|
||||
/* Adjust as needed */
|
||||
position: relative;
|
||||
}
|
||||
@ -240,6 +243,15 @@
|
||||
background-color:rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
.card-body{
|
||||
padding-top : 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
@ -302,46 +314,66 @@ foreach ($period as $day) {
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<form action="<?= base_url('powerConsumptionDetails'); ?>" method="post">
|
||||
<div class="row">
|
||||
<form id="changeMonthForm" action="<?= base_url('powerConsumptionDetails'); ?>" method="post">
|
||||
|
||||
<div class="col-3">
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2" data-provide="datepicker"
|
||||
style="z-index:30;"
|
||||
data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-success"> Change Month </button>
|
||||
<div class="row">
|
||||
|
||||
|
||||
<?php
|
||||
//check it is current month , then only show the custom option
|
||||
if($month == date('M-Y') ){
|
||||
?>
|
||||
<button type="button" class="btn" style="background-color:maroon;color:white" data-target="#customizeModalId"
|
||||
data-toggle="modal">
|
||||
Customize
|
||||
</button>
|
||||
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<div class="col-2">
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2"
|
||||
style="z-index:30;" readonly>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="dropdown float-right">
|
||||
<a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a>
|
||||
<a class="dropdown-item" id="powerConsumptionExport" href="#">Export</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-1 ">
|
||||
<a href="#" >
|
||||
<i class="fa fa-download btn-lg mt-2"
|
||||
style="font-size: x-large;"
|
||||
id="powerConsumptionExport">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<?php
|
||||
//check it is current month , then only show the custom option
|
||||
if($month == date('M-Y') ){
|
||||
?>
|
||||
|
||||
<div class="col-7">
|
||||
<!-- right now client is not using this -->
|
||||
<!-- <a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a> -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-2 m-0">
|
||||
<button type="button" class="btn " style="background-color:maroon;color:white" data-target="#customizeModalId"
|
||||
data-toggle="modal">
|
||||
Customize
|
||||
</button>
|
||||
|
||||
<?php
|
||||
} else { ?>
|
||||
<div class="col-8">
|
||||
<!-- right now client is not using this -->
|
||||
<!-- <a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a> -->
|
||||
|
||||
</div>
|
||||
<div class="col-1">
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<form action="<?= base_url('powerConsumptionDetails'); ?>" method="post">
|
||||
@ -423,16 +455,15 @@ foreach ($period as $day) {
|
||||
</div>
|
||||
|
||||
<!-- hidden fields -->
|
||||
<input type="hidden" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2" data-provide="datepicker"
|
||||
data-date-format="M-yyyy" data-date-min-view-mode="1">
|
||||
<input type="hidden" name="month" value="<?php echo "$month" ?>"
|
||||
>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive">
|
||||
<table id="powerStockDetailsTableId" class="fht-table table-striped">
|
||||
<table id="powerStockDetailsTableId" class="fht-table">
|
||||
|
||||
<thead class="celda_encabezado_general" style="padding: 10px;">
|
||||
|
||||
@ -501,7 +532,7 @@ foreach ($period as $day) {
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat = DateTime::createFromFormat('Y-m-d', $powerStockDetails[0]['date'])->format('d-m-Y');
|
||||
if ($dateInMonthDmYFormat === $currentDate) {
|
||||
echo 'style="background: #cef0ad;"';
|
||||
echo 'style="background: rgb(232, 245, 231);"';
|
||||
}
|
||||
?>>
|
||||
|
||||
@ -736,7 +767,7 @@ foreach ($period as $day) {
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat = DateTime::createFromFormat('Y-m-d', $dateInMonth)->format('d-m-Y');
|
||||
if ($dateInMonthDmYFormat === $currentDate) {
|
||||
echo 'style="background: #cef0ad;"';
|
||||
echo 'style="background: rgb(232, 245, 231);"';
|
||||
}
|
||||
?>>
|
||||
|
||||
@ -879,15 +910,7 @@ foreach ($period as $day) {
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -1541,4 +1564,18 @@ foreach ($period as $day) {
|
||||
$('#customizeHeader').select2();
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$('#month').change(function(){
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
|
||||
$('#month').datepicker({
|
||||
format: 'M-yyyy',
|
||||
viewMode: 'months',
|
||||
minViewMode: 'months',
|
||||
autoclose: true,
|
||||
orientation: 'bottom'
|
||||
})
|
||||
</script>
|
||||
@ -18,8 +18,15 @@
|
||||
}
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: #50bbd9;
|
||||
color: #ffffff;
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.2s ease-in-out; /* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.grab {
|
||||
@ -226,7 +233,7 @@
|
||||
.table-responsive {
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
max-height: 500px;
|
||||
max-height: 700px;
|
||||
/* Adjust as needed */
|
||||
position: relative;
|
||||
}
|
||||
@ -239,6 +246,19 @@
|
||||
tfoot tr {
|
||||
background-color:rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.card-body{
|
||||
padding-top : 0;
|
||||
padding-bottom : 0;
|
||||
}
|
||||
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
@ -294,55 +314,73 @@ foreach ($period as $day) {
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="row ">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<form action="<?= base_url('resinStockDetails'); ?>" method="post">
|
||||
<div class="row">
|
||||
<form id="changeMonthForm" action="<?= base_url('resinStockDetails'); ?>" method="post">
|
||||
|
||||
<div class="col-3">
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2" data-provide="datepicker"
|
||||
data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="submit" class="btn btn-success"> Change Month </button>
|
||||
<div class="row" >
|
||||
|
||||
<?php
|
||||
//check it is current month , then only show the custom option
|
||||
if($month == date('M-Y') ){
|
||||
?>
|
||||
<button type="button" class="btn" style="background-color:maroon;color:white" data-target="#customizeModalId"
|
||||
data-toggle="modal">
|
||||
Customize
|
||||
</button>
|
||||
<div class="col-2">
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2"
|
||||
style="z-index:30;" readonly>
|
||||
</div>
|
||||
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="dropdown float-right">
|
||||
<a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a>
|
||||
<a class="dropdown-item" id="resinStockExport" href="#">Export</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-1 ">
|
||||
<a href="#" >
|
||||
<i class="fa fa-download btn-lg mt-2"
|
||||
style="font-size: x-large;"
|
||||
id="resinStockExport">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
<?php
|
||||
//check it is current month , then only show the custom option
|
||||
if($month == date('M-Y') ){
|
||||
?>
|
||||
|
||||
<div class="col-7">
|
||||
<!-- right now client is not using this -->
|
||||
<!-- <a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a> -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-2 m-0">
|
||||
<button type="button" class="btn " style="background-color:maroon;color:white" data-target="#customizeModalId"
|
||||
data-toggle="modal">
|
||||
Customize
|
||||
</button>
|
||||
|
||||
<?php
|
||||
} else { ?>
|
||||
<div class="col-8">
|
||||
<!-- right now client is not using this -->
|
||||
<!-- <a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a> -->
|
||||
|
||||
</div>
|
||||
<div class="col-1">
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
<form action="<?= base_url('resinStockDetails'); ?>" method="post">
|
||||
@ -432,8 +470,8 @@ foreach ($period as $day) {
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive">
|
||||
<table id="resinStockDetailsTableId" class="fht-table table-striped">
|
||||
<div class="table-responsive" >
|
||||
<table id="resinStockDetailsTableId" class="fht-table ">
|
||||
|
||||
<thead class="celda_encabezado_general" style="padding: 10px;">
|
||||
|
||||
@ -487,7 +525,7 @@ foreach ($period as $day) {
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat = DateTime::createFromFormat('Y-m-d', $resinStockDetails[0]['date'])->format('d-m-Y');
|
||||
if ($dateInMonthDmYFormat === $currentDate) {
|
||||
echo 'style="background: #cef0ad;"';
|
||||
echo 'style="background: rgb(232, 245, 231);"';
|
||||
}
|
||||
?>>
|
||||
<?php foreach ($resinStockDetails as $resinStockIndex => $resinStock) {
|
||||
@ -609,7 +647,7 @@ foreach ($period as $day) {
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat = DateTime::createFromFormat('Y-m-d', $dateInMonth)->format('d-m-Y');
|
||||
if ($dateInMonthDmYFormat === $currentDate) {
|
||||
echo 'style="background: #cef0ad;"';
|
||||
echo 'style="background: rgb(232, 245, 231);"';
|
||||
}
|
||||
?>>
|
||||
<?php
|
||||
@ -698,14 +736,6 @@ foreach ($period as $day) {
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- End card-body -->
|
||||
@ -1243,4 +1273,18 @@ foreach ($period as $day) {
|
||||
$('#customizeHeader').select2();
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$('#month').change(function(){
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
|
||||
$('#month').datepicker({
|
||||
format: 'M-yyyy',
|
||||
viewMode: 'months',
|
||||
minViewMode: 'months',
|
||||
autoclose: true,
|
||||
orientation: 'bottom'
|
||||
})
|
||||
</script>
|
||||
@ -19,8 +19,15 @@
|
||||
}
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: #50bbd9;
|
||||
color: #ffffff;
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.2s ease-in-out; /* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.fht-table {
|
||||
@ -226,6 +233,18 @@
|
||||
background-color:rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.card-body{
|
||||
padding-top : 0;
|
||||
padding-bottom : 0;
|
||||
}
|
||||
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
@ -343,7 +362,7 @@ $timeOtions[] = "12:00 AM";
|
||||
|
||||
<div class="table-responsive">
|
||||
|
||||
<table id="trpProductionStockDetailsTableId" class="fht-table table-striped">
|
||||
<table id="trpProductionStockDetailsTableId" class="fht-table ">
|
||||
|
||||
<thead class="celda_encabezado_general" style="padding: 10px;">
|
||||
|
||||
@ -1326,7 +1345,7 @@ $timeOtions[] = "12:00 AM";
|
||||
|
||||
<div class="table-responsive">
|
||||
|
||||
<table id="abstractTableId" class="fht-table table-striped">
|
||||
<table id="abstractTableId" class="fht-table ">
|
||||
<thead class="celda_encabezado_general" style="padding: 10px ;">
|
||||
<tr>
|
||||
<th class="celda_encabezado_general" style="width: 200px;">Particulars</th>
|
||||
|
||||
@ -18,8 +18,15 @@
|
||||
}
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: #50bbd9;
|
||||
color: #ffffff;
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.2s ease-in-out; /* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.fht-table {
|
||||
@ -227,6 +234,21 @@
|
||||
background-color:rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.card-body{
|
||||
padding-top : 0;
|
||||
padding-bottom : 0;
|
||||
}
|
||||
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
@ -264,37 +286,45 @@
|
||||
<div class="card-body" style="padding-left:300px;">
|
||||
|
||||
|
||||
<form action="<?= base_url('trpSandUseStockDetails'); ?>" method="post">
|
||||
<div class="row" >
|
||||
<form id="changeMonthForm" action="<?= base_url('trpSandUseStockDetails'); ?>" method="post">
|
||||
|
||||
<div class="col-3">
|
||||
<input type="text" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2" data-provide="datepicker"
|
||||
|
||||
<div class="row mt-2">
|
||||
|
||||
<div class="col-2">
|
||||
<input type="text" name="month" id="month" value="<?php echo $month; ?>"
|
||||
class="form-control" data-provide="datepicker"
|
||||
data-date-format="M-yyyy" data-date-min-view-mode="1" readonly>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-1">
|
||||
<a href="#" >
|
||||
<i class="fa fa-download btn-lg"
|
||||
style="font-size: x-large;"
|
||||
id="trpSandUseStockExport">
|
||||
</i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-3">
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-1">
|
||||
<button class="btn btn-success m-0 px-3" type="button" id="saveId">Save</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<button type="submit" class="btn btn-success"> Change Month </button>
|
||||
</div>
|
||||
<div class="col-md-1"></div>
|
||||
<div class="col-6">
|
||||
<div class="dropdown float-right">
|
||||
<a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<i class="mdi mdi-dots-vertical m-0 text-muted h3"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" data-toggle="modal" data-target="#bs-example-modal-lg">Navigation</a>
|
||||
<a class="dropdown-item" id="trpSandUseStockExport" href="#">Export</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive">
|
||||
<table style="width: 700px;" id="trpSandUseStockDetailsTableId" class="fht-table table-striped">
|
||||
<table style="width: 700px;" id="trpSandUseStockDetailsTableId" class="fht-table ">
|
||||
|
||||
<thead class="celda_encabezado_general" >
|
||||
|
||||
@ -485,13 +515,6 @@
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-left" style="margin-left :350px !important ;" >
|
||||
<input type="button" class="btn btn-success px-4" id="saveId" value="save">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -759,4 +782,22 @@
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
$('#month').change(function(){
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
$('#month').datepicker({
|
||||
format: "M-yyyy", // Format as "Jan-2025"
|
||||
minViewMode: 1, // Month-Year Picker
|
||||
autoclose: true,
|
||||
todayHighlight: true,
|
||||
orientation: "auto" // Adjusts automatically, or use "top" / "bottom"
|
||||
}).on('focus', function() {
|
||||
$(this).datepicker('show'); // Ensure it opens on focus
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user