stock module - 28-03-2025
This commit is contained in:
vadivelJ96
parent
a5fa744513
commit
3e7a903cc0
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -5,11 +5,13 @@
|
||||
|
||||
|
||||
.grab {
|
||||
cursor: grab; /* Default open-hand cursor */
|
||||
cursor: grab;
|
||||
/* Default open-hand cursor */
|
||||
}
|
||||
|
||||
.grab:active {
|
||||
cursor: grabbing; /* Closed-hand cursor when dragging */
|
||||
cursor: grabbing;
|
||||
/* Closed-hand cursor when dragging */
|
||||
}
|
||||
|
||||
.fht-table,
|
||||
@ -28,14 +30,16 @@
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.5s ease-in-out; /* Smooth scaling effect */
|
||||
color: rgb(2, 2, 2);
|
||||
transform: scale(1.25);
|
||||
/* Increases size by 25% */
|
||||
transition: transform 0.5s ease-in-out;
|
||||
/* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
color: rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.fht-table {
|
||||
@ -167,7 +171,7 @@
|
||||
}
|
||||
|
||||
.celda_encabezado_total {
|
||||
background-color:#ffffff !important;
|
||||
background-color: #ffffff !important;
|
||||
border: 1px solid #ffffff;
|
||||
color: #ffffff !important;
|
||||
font-weight: bold;
|
||||
@ -188,12 +192,14 @@
|
||||
.fht-table thead {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 20; /* Ensure the entire header stays above table rows */
|
||||
background-color: #50bbd9; /* Header background color */
|
||||
z-index: 20;
|
||||
/* Ensure the entire header stays above table rows */
|
||||
background-color: #50bbd9;
|
||||
/* Header background color */
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
z-index :25 ;
|
||||
z-index: 25;
|
||||
}
|
||||
|
||||
|
||||
@ -202,8 +208,10 @@
|
||||
.fht-table thead th {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 11; /* Higher than table rows but lower than first column */
|
||||
background-color: #50bbd9; /* Green background */
|
||||
z-index: 11;
|
||||
/* Higher than table rows but lower than first column */
|
||||
background-color: #50bbd9;
|
||||
/* Green background */
|
||||
color: #ffffff;
|
||||
border: 1px solid #ddd;
|
||||
padding: 10px;
|
||||
@ -215,7 +223,8 @@
|
||||
position: sticky;
|
||||
left: 0;
|
||||
background-color: #50bbd9;
|
||||
z-index: 15; /* Ensures it stays above other cells */
|
||||
z-index: 15;
|
||||
/* Ensures it stays above other cells */
|
||||
border-right: 2px solid #ddd;
|
||||
color: #ffffff;
|
||||
}
|
||||
@ -230,28 +239,27 @@
|
||||
}
|
||||
|
||||
|
||||
td{
|
||||
td {
|
||||
min-width: 100px;
|
||||
max-width: 100px;
|
||||
}
|
||||
|
||||
tfoot tr{
|
||||
background-color:rgb(235, 236, 203);
|
||||
tfoot tr {
|
||||
background-color: rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
body[data-layout-mode=horizontal] .container-fluid {
|
||||
max-width: 100%;
|
||||
}
|
||||
.card-body{
|
||||
padding-top : 0;
|
||||
|
||||
.card-body {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.card {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@ -325,7 +333,7 @@ foreach ($period as $day) {
|
||||
|
||||
|
||||
|
||||
<div class="col-10 text-right d-flex" style="justify-content: end;" >
|
||||
<div class="col-10 text-right d-flex" style="justify-content: end;">
|
||||
|
||||
<input type="text" id="searchInput" placeholder="Search..."
|
||||
class="mt-2"
|
||||
@ -335,11 +343,11 @@ foreach ($period as $day) {
|
||||
|
||||
<?php
|
||||
|
||||
if($month == date('M-Y') ){
|
||||
if ($month == date('M-Y')) {
|
||||
?>
|
||||
<i class="fa fa-cog btn-lg mt-2"
|
||||
style="font-size: x-large; cursor:pointer;"
|
||||
title = "Customize"
|
||||
title="Customize"
|
||||
data-target="#customizeModalId"
|
||||
data-toggle="modal">
|
||||
|
||||
@ -365,14 +373,14 @@ foreach ($period as $day) {
|
||||
<i class="fe-maximize noti-icon btn-lg mt-2"
|
||||
title="Full Screen"
|
||||
style="font-size: x-large; cursor:pointer;"
|
||||
onclick="toggleDivFullscreen()" >
|
||||
onclick="toggleDivFullscreen()">
|
||||
</i>
|
||||
|
||||
|
||||
<i class="fas fa-save btn-lg mt-2"
|
||||
title="Save"
|
||||
style="font-size: x-large; cursor:pointer;"
|
||||
id="saveId" >
|
||||
id="saveId">
|
||||
</i>
|
||||
|
||||
</div>
|
||||
@ -408,10 +416,10 @@ foreach ($period as $day) {
|
||||
<select id="customizeHeader" class="form-control select2" onchange="addBackToList()">
|
||||
<option value="">Select</option>
|
||||
<?php
|
||||
foreach($activeDieselMachines as $index => $activeDieselMachine){ ?>
|
||||
foreach ($activeDieselMachines as $index => $activeDieselMachine) { ?>
|
||||
|
||||
<option value="<?=$activeDieselMachine['id']?>">
|
||||
<?=$activeDieselMachine['id']?> - <?=$activeDieselMachine['machine_name']?>
|
||||
<option value="<?= $activeDieselMachine['id'] ?>">
|
||||
<?= $activeDieselMachine['id'] ?> - <?= $activeDieselMachine['machine_name'] ?>
|
||||
</option>
|
||||
|
||||
<?php
|
||||
@ -435,11 +443,11 @@ foreach ($period as $day) {
|
||||
<?php foreach ($dieselMachines as $dieselMachine): ?>
|
||||
|
||||
<div class="sortable-item" draggable="true" id="<?= $dieselMachine['id'] ?>_container">
|
||||
<input type = "checkbox"
|
||||
id = "<?= $dieselMachine['id'] ?>_checkboxId"
|
||||
name = "customisedMachineCodes[]"
|
||||
value = "<?= $dieselMachine['id'] ?>"
|
||||
onclick = "removeSelectedMaterial(this)"
|
||||
<input type="checkbox"
|
||||
id="<?= $dieselMachine['id'] ?>_checkboxId"
|
||||
name="customisedMachineCodes[]"
|
||||
value="<?= $dieselMachine['id'] ?>"
|
||||
onclick="removeSelectedMaterial(this)"
|
||||
checked>
|
||||
<label class="grab" for="<?= $dieselMachine['id'] ?>_checkboxId">
|
||||
<?= $dieselMachine['id'] ?> - <?= $dieselMachine['machine_name']; ?>
|
||||
@ -462,10 +470,58 @@ foreach ($period as $day) {
|
||||
|
||||
<!-- hidden fields -->
|
||||
<input type="hidden" name="month" value="<?php echo "$month" ?>"
|
||||
class="form-control mt-2" >
|
||||
class="form-control mt-2">
|
||||
|
||||
</form>
|
||||
|
||||
<div>
|
||||
<div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-md">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="myLargeModalLabel">Navigation Options</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<!-- bag Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="dieselDropdown">Select Machine</label>
|
||||
<select id="dieselDropdown" class="form-control select2">
|
||||
<option value="">Select Diesel</option>
|
||||
<?php foreach ($dieselMachines as $dieselMachine): ?>
|
||||
<option value=" <?= $dieselMachine['machine_name'] ?>">
|
||||
<?= $dieselMachine['machine_name'] ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Date Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="dateDropdown">Select Date</label>
|
||||
<select id="dateDropdown" class="form-control select2">
|
||||
<?php foreach ($datesInMonth as $selectDate): ?>
|
||||
<?php $selectDate = DateTime::createFromFormat('Y-m-d', $selectDate)->format('d-m-Y'); ?>
|
||||
<option value="<?= $selectDate ?>"><?= $selectDate ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary float-right" onclick="navigateToDiesel()">Navigate</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive" id="table-responsive">
|
||||
@ -547,20 +603,18 @@ foreach ($period as $day) {
|
||||
|
||||
|
||||
<td class="celda_normal openingTD"
|
||||
data-id="<?=$totalDiesel[$groupedDieselMachineStockDetailsIndex]['date']?>"
|
||||
data-id="<?= $totalDiesel[$groupedDieselMachineStockDetailsIndex]['date'] ?>"
|
||||
|
||||
|
||||
|
||||
<?php if ($groupedDieselMachineStockDetailsIndex == 0): ?>
|
||||
oninput="openingTDStockChange(this)"
|
||||
contenteditable="true"
|
||||
<?php endif; ?>
|
||||
|
||||
><?= $totalDiesel[$groupedDieselMachineStockDetailsIndex]['opening_stock'] ?? ' ' ?></td>
|
||||
<?php endif; ?>><?= $totalDiesel[$groupedDieselMachineStockDetailsIndex]['opening_stock'] ?? ' ' ?></td>
|
||||
|
||||
|
||||
<td class="celda_normal purchaseTD"
|
||||
data-id="<?=$totalDiesel[$groupedDieselMachineStockDetailsIndex]['date']?>"
|
||||
data-id="<?= $totalDiesel[$groupedDieselMachineStockDetailsIndex]['date'] ?>"
|
||||
|
||||
oninput="purchaseTDStockChange(this)"
|
||||
contenteditable="true">
|
||||
@ -570,15 +624,14 @@ foreach ($period as $day) {
|
||||
</td>
|
||||
|
||||
<td class="celda_normal fillingTD"
|
||||
data-id="<?=$totalDiesel[$groupedDieselMachineStockDetailsIndex]['date']?>" >
|
||||
data-id="<?= $totalDiesel[$groupedDieselMachineStockDetailsIndex]['date'] ?>">
|
||||
|
||||
<?= $totalDiesel[$groupedDieselMachineStockDetailsIndex]['total_filling_diesel'] ?? ' ' ?>
|
||||
|
||||
</td>
|
||||
|
||||
<td class="celda_normal balanceTD"
|
||||
data-id="<?=$totalDiesel[$groupedDieselMachineStockDetailsIndex]['date']?>"
|
||||
>
|
||||
data-id="<?= $totalDiesel[$groupedDieselMachineStockDetailsIndex]['date'] ?>">
|
||||
|
||||
<?= $totalDiesel[$groupedDieselMachineStockDetailsIndex]['balance_stock'] ?? ' ' ?>
|
||||
|
||||
@ -590,15 +643,15 @@ foreach ($period as $day) {
|
||||
//before closing outer loop
|
||||
|
||||
if (!isset($summary['totalPurchaseDiesel'])) {
|
||||
$summary['opening_diesel'] = '-' ;
|
||||
$summary['totalPurchaseDiesel'] = 0 ;
|
||||
$summary['totalFillingDiesel'] = 0 ;
|
||||
$summary['balanceStock'] = 0 ;
|
||||
$summary['opening_diesel'] = '-';
|
||||
$summary['totalPurchaseDiesel'] = 0;
|
||||
$summary['totalFillingDiesel'] = 0;
|
||||
$summary['balanceStock'] = 0;
|
||||
}
|
||||
|
||||
$summary['totalPurchaseDiesel'] += is_numeric($totalDiesel[$groupedDieselMachineStockDetailsIndex]['purchase_diesel'] ) ? $totalDiesel[$groupedDieselMachineStockDetailsIndex]['purchase_diesel'] : 0 ;
|
||||
$summary['totalFillingDiesel'] += is_numeric($totalDiesel[$groupedDieselMachineStockDetailsIndex]['total_filling_diesel']) ? $totalDiesel[$groupedDieselMachineStockDetailsIndex]['total_filling_diesel'] : 0 ;
|
||||
$summary['balanceStock'] = is_numeric($totalDiesel[$groupedDieselMachineStockDetailsIndex]['balance_stock']) ? $totalDiesel[$groupedDieselMachineStockDetailsIndex]['balance_stock'] : 0 ;
|
||||
$summary['totalPurchaseDiesel'] += is_numeric($totalDiesel[$groupedDieselMachineStockDetailsIndex]['purchase_diesel']) ? $totalDiesel[$groupedDieselMachineStockDetailsIndex]['purchase_diesel'] : 0;
|
||||
$summary['totalFillingDiesel'] += is_numeric($totalDiesel[$groupedDieselMachineStockDetailsIndex]['total_filling_diesel']) ? $totalDiesel[$groupedDieselMachineStockDetailsIndex]['total_filling_diesel'] : 0;
|
||||
$summary['balanceStock'] = is_numeric($totalDiesel[$groupedDieselMachineStockDetailsIndex]['balance_stock']) ? $totalDiesel[$groupedDieselMachineStockDetailsIndex]['balance_stock'] : 0;
|
||||
|
||||
?>
|
||||
|
||||
@ -661,8 +714,7 @@ foreach ($period as $day) {
|
||||
</td>
|
||||
|
||||
<td class="celda_normal runningHours"
|
||||
data-id="<?= $dieselStock['date'] ?> <?= $dieselStock['machine_id'] ?>"
|
||||
>
|
||||
data-id="<?= $dieselStock['date'] ?> <?= $dieselStock['machine_id'] ?>">
|
||||
|
||||
<?= $dieselStock['running_hours'] ?? " " ?>
|
||||
|
||||
@ -685,41 +737,34 @@ foreach ($period as $day) {
|
||||
// Initialize the material entry if it doesn't exist
|
||||
if (!isset($summary["machineId_$machineId"])) {
|
||||
$summary["machineId_$machineId"] = [
|
||||
'opening_reading' => "-" ,
|
||||
'closing_reading' => 0 ,
|
||||
'filling_diesel' => 0 ,
|
||||
'consumption' => 0 ,
|
||||
'running_hours' => 0 ,
|
||||
'mileage' => 0 ,
|
||||
'opening_reading' => "-",
|
||||
'closing_reading' => 0,
|
||||
'filling_diesel' => 0,
|
||||
'consumption' => 0,
|
||||
'running_hours' => 0,
|
||||
'mileage' => 0,
|
||||
];
|
||||
}
|
||||
|
||||
// Sum values for the material
|
||||
|
||||
$summary["machineId_$machineId"]['opening_reading'] = 0 ;
|
||||
$summary["machineId_$machineId"]['closing_reading'] = is_numeric($dieselStock['closing_reading']) ? $dieselStock['closing_reading'] : 0 ;
|
||||
$summary["machineId_$machineId"]['filling_diesel'] += is_numeric($dieselStock['filling_diesel']) ? $dieselStock['filling_diesel'] : 0 ;
|
||||
$summary["machineId_$machineId"]['consumption'] += is_numeric($dieselStock['consumption']) ? $dieselStock['consumption'] : 0 ;
|
||||
$summary["machineId_$machineId"]['running_hours'] += is_numeric($dieselStock['running_hours']) ? $dieselStock['running_hours'] : 0 ;
|
||||
$summary["machineId_$machineId"]['opening_reading'] = 0;
|
||||
$summary["machineId_$machineId"]['closing_reading'] = is_numeric($dieselStock['closing_reading']) ? $dieselStock['closing_reading'] : 0;
|
||||
$summary["machineId_$machineId"]['filling_diesel'] += is_numeric($dieselStock['filling_diesel']) ? $dieselStock['filling_diesel'] : 0;
|
||||
$summary["machineId_$machineId"]['consumption'] += is_numeric($dieselStock['consumption']) ? $dieselStock['consumption'] : 0;
|
||||
$summary["machineId_$machineId"]['running_hours'] += is_numeric($dieselStock['running_hours']) ? $dieselStock['running_hours'] : 0;
|
||||
|
||||
if($summary["machineId_$machineId"]['running_hours'] > 0){
|
||||
if ($summary["machineId_$machineId"]['running_hours'] > 0) {
|
||||
$dieselMileage = round(
|
||||
$summary["machineId_$machineId"]['consumption'] / $summary["machineId_$machineId"]['running_hours'],
|
||||
2
|
||||
);
|
||||
|
||||
}else{
|
||||
$dieselMileage = 0 ;
|
||||
} else {
|
||||
$dieselMileage = 0;
|
||||
}
|
||||
|
||||
|
||||
$summary["machineId_$machineId"]['mileage'] = is_numeric( $dieselMileage) ? $dieselMileage : 0 ;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
$summary["machineId_$machineId"]['mileage'] = is_numeric($dieselMileage) ? $dieselMileage : 0;
|
||||
} ?>
|
||||
|
||||
</tr>
|
||||
@ -741,16 +786,16 @@ foreach ($period as $day) {
|
||||
<td class="celda_normal "><?= $summary['totalFillingDiesel'] ?></td>
|
||||
<td class="celda_normal "><?= $summary['balanceStock'] ?></td>
|
||||
|
||||
<?php foreach($summary as $each){
|
||||
if(is_array($each)){
|
||||
<?php foreach ($summary as $each) {
|
||||
if (is_array($each)) {
|
||||
?>
|
||||
|
||||
<td class="celda_normal "><?=$each['opening_reading']?> </td>
|
||||
<td class="celda_normal "><?=$each['closing_reading']?></td>
|
||||
<td class="celda_normal "><?=$each['filling_diesel']?></td>
|
||||
<td class="celda_normal "><?=$each['consumption']?></td>
|
||||
<td class="celda_normal "><?=$each['running_hours']?></td>
|
||||
<td class="celda_normal "><?=$each['mileage']?></td>
|
||||
<td class="celda_normal "><?= $each['opening_reading'] ?> </td>
|
||||
<td class="celda_normal "><?= $each['closing_reading'] ?></td>
|
||||
<td class="celda_normal "><?= $each['filling_diesel'] ?></td>
|
||||
<td class="celda_normal "><?= $each['consumption'] ?></td>
|
||||
<td class="celda_normal "><?= $each['running_hours'] ?></td>
|
||||
<td class="celda_normal "><?= $each['mileage'] ?></td>
|
||||
|
||||
<?php
|
||||
}
|
||||
@ -779,7 +824,7 @@ foreach ($period as $day) {
|
||||
if ($dateInMonthDmYFormat === $currentDate) {
|
||||
echo 'style="background: #cef0ad;"';
|
||||
}
|
||||
?> >
|
||||
?>>
|
||||
|
||||
<?php
|
||||
$startDate = DateTime::createFromFormat('Y-m-d', $dateInMonth)->format('d-m-Y');
|
||||
@ -792,18 +837,16 @@ foreach ($period as $day) {
|
||||
|
||||
|
||||
<td class="celda_normal openingTD"
|
||||
data-id="<?= $dateInMonth?>"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
|
||||
<?php if ($datesInMonthIndex == 0) { ?>
|
||||
|
||||
oninput="openingTDStockChange(this)"
|
||||
contenteditable="true"
|
||||
|
||||
<?php } ?>
|
||||
|
||||
><?= !empty($previousMonthTotalDieselMachineStockDetails)
|
||||
<?php } ?>><?= !empty($previousMonthTotalDieselMachineStockDetails)
|
||||
? $previousMonthTotalDieselMachineStockDetails[0]['balance_stock']
|
||||
:" " ;
|
||||
: " ";
|
||||
?></td>
|
||||
|
||||
|
||||
@ -818,11 +861,9 @@ foreach ($period as $day) {
|
||||
data-id="<?= $dateInMonth ?>"> </td>
|
||||
|
||||
<td class="celda_normal balanceTD"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
|
||||
><?= !empty($previousMonthTotalDieselMachineStockDetails)
|
||||
data-id="<?= $dateInMonth ?>"><?= !empty($previousMonthTotalDieselMachineStockDetails)
|
||||
? $previousMonthTotalDieselMachineStockDetails[0]['balance_stock']
|
||||
:" " ;
|
||||
: " ";
|
||||
?>
|
||||
</td>
|
||||
|
||||
@ -853,20 +894,14 @@ foreach ($period as $day) {
|
||||
oninput="openingReadingChange(this)"
|
||||
contenteditable="true"
|
||||
|
||||
<?php } ?>
|
||||
|
||||
|
||||
|
||||
>
|
||||
<?php } ?>>
|
||||
|
||||
<?php
|
||||
foreach($previousMonthDieselMachineStockDetails as $index => $previousMonthDieselMachineStockDetail)
|
||||
{
|
||||
if($previousMonthDieselMachineStockDetail['machine_id'] == $dieselMachine['id']){
|
||||
echo $previousMonthDieselMachineStockDetail['closing_reading'] ;
|
||||
foreach ($previousMonthDieselMachineStockDetails as $index => $previousMonthDieselMachineStockDetail) {
|
||||
if ($previousMonthDieselMachineStockDetail['machine_id'] == $dieselMachine['id']) {
|
||||
echo $previousMonthDieselMachineStockDetail['closing_reading'];
|
||||
break;
|
||||
}
|
||||
|
||||
}
|
||||
?>
|
||||
</td>
|
||||
@ -879,13 +914,11 @@ foreach ($period as $day) {
|
||||
<?php
|
||||
|
||||
|
||||
foreach($previousMonthDieselMachineStockDetails as $index => $previousMonthDieselMachineStockDetail)
|
||||
{
|
||||
if($previousMonthDieselMachineStockDetail['machine_id'] == $dieselMachine['id']){
|
||||
echo $previousMonthDieselMachineStockDetail['closing_reading'] ;
|
||||
foreach ($previousMonthDieselMachineStockDetails as $index => $previousMonthDieselMachineStockDetail) {
|
||||
if ($previousMonthDieselMachineStockDetail['machine_id'] == $dieselMachine['id']) {
|
||||
echo $previousMonthDieselMachineStockDetail['closing_reading'];
|
||||
break;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
?>
|
||||
@ -928,56 +961,10 @@ foreach ($period as $day) {
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="myLargeModalLabel">Navigation Options</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<!-- bag Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="dieselDropdown">Select Machine</label>
|
||||
<select id="dieselDropdown" class="form-control select2">
|
||||
<option value="">Select Diesel</option>
|
||||
<?php foreach ($dieselMachines as $dieselMachine): ?>
|
||||
<option value=" <?= $dieselMachine['machine_name'] ?>">
|
||||
<?= $dieselMachine['machine_name'] ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Date Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="dateDropdown">Select Date</label>
|
||||
<select id="dateDropdown" class="form-control select2">
|
||||
<?php foreach ($datesInMonth as $selectDate): ?>
|
||||
<?php $selectDate = DateTime::createFromFormat('Y-m-d', $selectDate)->format('d-m-Y'); ?>
|
||||
<option value="<?= $selectDate ?>"><?= $selectDate ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary float-right" onclick="navigateToDiesel()">Navigate</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
function navigateToDiesel() {
|
||||
@ -1101,9 +1088,9 @@ foreach ($period as $day) {
|
||||
<script>
|
||||
function tableToJson() {
|
||||
const table = $('#dieselStockDetailsTableId');
|
||||
const summaryRowPart = [] ;
|
||||
const summaryRowPart = [];
|
||||
const readingsRowPart = [];
|
||||
const allRow = [] ;
|
||||
const allRow = [];
|
||||
|
||||
//this table to json is customized for dieselStock not for all
|
||||
|
||||
@ -1130,7 +1117,7 @@ foreach ($period as $day) {
|
||||
|
||||
/** we get eight entries against a machines so we loop from 1 to 8 and so on
|
||||
in a single row **/
|
||||
for (let i = 5 ; i < rowCells.length; i += 8) {
|
||||
for (let i = 5; i < rowCells.length; i += 8) {
|
||||
const readingsRowData = {
|
||||
date: rowCells.eq(i).text().trim(),
|
||||
machine_id: rowCells.eq(i + 1).text().trim(),
|
||||
@ -1151,16 +1138,13 @@ foreach ($period as $day) {
|
||||
});
|
||||
|
||||
|
||||
allRow.push(summaryRowPart ,readingsRowPart )
|
||||
allRow.push(summaryRowPart, readingsRowPart)
|
||||
|
||||
return JSON.stringify(allRow, null, 2);
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
|
||||
function openingReadingChange(tdElement) {
|
||||
|
||||
try {
|
||||
@ -1170,13 +1154,13 @@ foreach ($period as $day) {
|
||||
let closingReading = validateInput(document.querySelector(`td.closingReading[data-id="${dataId}"]`).innerText);
|
||||
let consumption = validateInput(document.querySelector(`td.consumption[data-id="${dataId}"]`).innerText);
|
||||
let runningHours = Math.abs(Number(closingReading) - Number(openingReading));
|
||||
let mileage = consumption == 0 || runningHours == 0 ? 0 : (Number(consumption) / Number(runningHours)) ;
|
||||
let mileage = consumption == 0 || runningHours == 0 ? 0 : (Number(consumption) / Number(runningHours));
|
||||
|
||||
document.querySelector(`td.runningHours[data-id="${dataId}"]`).innerText = parseFloat(runningHours).toFixed(2);
|
||||
document.querySelector(`td.mileage[data-id="${dataId}"]`).innerText = parseFloat(mileage).toFixed(2);
|
||||
|
||||
|
||||
updateStockValue(date,machine_id,closingReading)
|
||||
updateStockValue(date, machine_id, closingReading)
|
||||
|
||||
|
||||
} catch (error) {
|
||||
@ -1195,7 +1179,7 @@ foreach ($period as $day) {
|
||||
let openingReading = validateInput(document.querySelector(`td.openingReading[data-id="${dataId}"]`).innerText);
|
||||
let consumption = validateInput(document.querySelector(`td.consumption[data-id="${dataId}"]`).innerText);
|
||||
let runningHours = Math.abs(Number(closingReading) - Number(openingReading));
|
||||
let mileage = consumption == 0 || runningHours == 0 ? 0 : Number(consumption) / Number(runningHours) ;
|
||||
let mileage = consumption == 0 || runningHours == 0 ? 0 : Number(consumption) / Number(runningHours);
|
||||
|
||||
document.querySelector(`td.runningHours[data-id="${dataId}"]`).innerText = parseFloat(runningHours).toFixed(2);
|
||||
document.querySelector(`td.mileage[data-id="${dataId}"]`).innerText = parseFloat(mileage).toFixed(2);
|
||||
@ -1220,7 +1204,7 @@ foreach ($period as $day) {
|
||||
let openingReading = validateInput(document.querySelector(`td.openingReading[data-id="${dataId}"]`).innerText);
|
||||
let consumption = validateInput(tdElement.innerText);
|
||||
let runningHours = Math.abs(Number(closingReading) - Number(openingReading));
|
||||
let mileage = consumption == 0 || runningHours == 0 ? 0 : (Number(consumption) / Number(runningHours)) ;
|
||||
let mileage = consumption == 0 || runningHours == 0 ? 0 : (Number(consumption) / Number(runningHours));
|
||||
|
||||
document.querySelector(`td.runningHours[data-id="${dataId}"]`).innerText = parseFloat(runningHours).toFixed(2);
|
||||
document.querySelector(`td.mileage[data-id="${dataId}"]`).innerText = parseFloat(mileage).toFixed(2);
|
||||
@ -1231,8 +1215,8 @@ foreach ($period as $day) {
|
||||
|
||||
console.error("There is an error updating stock ..!!" + error);
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function fillingReadingChange(tdElement) {
|
||||
@ -1240,33 +1224,33 @@ foreach ($period as $day) {
|
||||
try {
|
||||
|
||||
let dataId = tdElement.getAttribute('data-id');
|
||||
let [date,machine_id] = tdElement.getAttribute('data-id').split(" ");
|
||||
let [date, machine_id] = tdElement.getAttribute('data-id').split(" ");
|
||||
|
||||
|
||||
let fillingDiesel = tdElement.innerText;
|
||||
|
||||
let totalFillingDiesel = 0 ;
|
||||
let totalFillingDiesel = 0;
|
||||
|
||||
let machines = <?= json_encode($dieselMachines) ?> ;
|
||||
let machines = <?= json_encode($dieselMachines) ?>;
|
||||
|
||||
|
||||
|
||||
machines.forEach((each)=>{
|
||||
totalFillingDiesel += Number(document.querySelector(`td.fillingDiesel[data-id="${date} ${each.id}"]`).innerText
|
||||
)});
|
||||
machines.forEach((each) => {
|
||||
totalFillingDiesel += Number(document.querySelector(`td.fillingDiesel[data-id="${date} ${each.id}"]`).innerText)
|
||||
});
|
||||
|
||||
|
||||
document.querySelector(`td.fillingTD[data-id="${date}"]`).innerText = parseFloat(totalFillingDiesel).toFixed(2) ;
|
||||
document.querySelector(`td.fillingTD[data-id="${date}"]`).innerText = parseFloat(totalFillingDiesel).toFixed(2);
|
||||
|
||||
let openingTD = validateInput(document.querySelector(`td.openingTD[data-id="${date}"]`).innerText);
|
||||
|
||||
let purchaseTD = validateInput(document.querySelector(`td.purchaseTD[data-id="${date}"]`).innerText);
|
||||
|
||||
let balanceTD = (Number(openingTD) + Number(purchaseTD)) - Number(totalFillingDiesel) ;
|
||||
let balanceTD = (Number(openingTD) + Number(purchaseTD)) - Number(totalFillingDiesel);
|
||||
|
||||
document.querySelector(`td.balanceTD[data-id="${date}"]`).innerText = parseFloat(balanceTD).toFixed(2) ;
|
||||
document.querySelector(`td.balanceTD[data-id="${date}"]`).innerText = parseFloat(balanceTD).toFixed(2);
|
||||
|
||||
updateTotalStockValue(date, balanceTD) ;
|
||||
updateTotalStockValue(date, balanceTD);
|
||||
|
||||
|
||||
|
||||
@ -1281,7 +1265,7 @@ foreach ($period as $day) {
|
||||
|
||||
|
||||
|
||||
function openingTDStockChange(tdElement){
|
||||
function openingTDStockChange(tdElement) {
|
||||
|
||||
try {
|
||||
|
||||
@ -1292,11 +1276,11 @@ foreach ($period as $day) {
|
||||
let fillingTD = validateInput(document.querySelector(`td.fillingTD[data-id="${dataId}"]`).innerText);
|
||||
|
||||
|
||||
let balanceTD = (Number(openingTD) + Number(purchaseTD)) - Number(fillingTD) ;
|
||||
let balanceTD = (Number(openingTD) + Number(purchaseTD)) - Number(fillingTD);
|
||||
|
||||
document.querySelector(`td.balanceTD[data-id="${dataId}"]`).innerText = parseFloat(balanceTD).toFixed(2) ;
|
||||
document.querySelector(`td.balanceTD[data-id="${dataId}"]`).innerText = parseFloat(balanceTD).toFixed(2);
|
||||
|
||||
updateTotalStockValue(dataId , balanceTD)
|
||||
updateTotalStockValue(dataId, balanceTD)
|
||||
|
||||
|
||||
} catch (error) {
|
||||
@ -1307,7 +1291,7 @@ foreach ($period as $day) {
|
||||
|
||||
}
|
||||
|
||||
function purchaseTDStockChange(tdElement){
|
||||
function purchaseTDStockChange(tdElement) {
|
||||
|
||||
try {
|
||||
let dataId = tdElement.getAttribute('data-id');
|
||||
@ -1316,11 +1300,11 @@ foreach ($period as $day) {
|
||||
let fillingTD = validateInput(document.querySelector(`td.fillingTD[data-id="${dataId}"]`).innerText);
|
||||
let balanceTD = validateInput(document.querySelector(`td.balanceTD[data-id="${dataId}"]`).innerText);
|
||||
|
||||
balanceTD = (Number(openingTD) + Number(purchaseTD)) - Number(fillingTD) ;
|
||||
balanceTD = (Number(openingTD) + Number(purchaseTD)) - Number(fillingTD);
|
||||
|
||||
document.querySelector(`td.balanceTD[data-id="${dataId}"]`).innerText = parseFloat(balanceTD).toFixed(2) ;
|
||||
document.querySelector(`td.balanceTD[data-id="${dataId}"]`).innerText = parseFloat(balanceTD).toFixed(2);
|
||||
|
||||
updateTotalStockValue(dataId, balanceTD) ;
|
||||
updateTotalStockValue(dataId, balanceTD);
|
||||
|
||||
|
||||
} catch (error) {
|
||||
@ -1352,16 +1336,9 @@ foreach ($period as $day) {
|
||||
|
||||
return input;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
function updateStockValue(date, machine_id, closingReading) {
|
||||
|
||||
const table = $('#dieselStockDetailsTableId');
|
||||
@ -1384,7 +1361,7 @@ foreach ($period as $day) {
|
||||
|
||||
let dataId = `${otherDate} ${machine_id}`;
|
||||
|
||||
document.querySelector(`td.openingReading[data-id="${dataId}"]`).innerText = closingReading == 0 ? " " : parseFloat(closingReading).toFixed(2) ;
|
||||
document.querySelector(`td.openingReading[data-id="${dataId}"]`).innerText = closingReading == 0 ? " " : parseFloat(closingReading).toFixed(2);
|
||||
|
||||
let openingReading = validateInput(document.querySelector(`td.openingReading[data-id="${dataId}"]`).innerText);
|
||||
|
||||
@ -1396,13 +1373,13 @@ foreach ($period as $day) {
|
||||
|
||||
runningHours = Math.abs(Number(closingReading) - Number(openingReading));
|
||||
|
||||
let mileage = consumption == 0 || runningHours == 0 ? 0 : (Number(consumption) / Number(runningHours)).toFixed(2) ;
|
||||
let mileage = consumption == 0 || runningHours == 0 ? 0 : (Number(consumption) / Number(runningHours)).toFixed(2);
|
||||
|
||||
document.querySelector(`td.runningHours[data-id="${dataId}"]`).innerText = runningHours == 0 ? " " : (runningHours).toFixed(2) ;
|
||||
document.querySelector(`td.runningHours[data-id="${dataId}"]`).innerText = runningHours == 0 ? " " : (runningHours).toFixed(2);
|
||||
|
||||
document.querySelector(`td.mileage[data-id="${dataId}"]`).innerText = mileage == 0 ? " " : parseFloat(mileage).toFixed(2) ;
|
||||
document.querySelector(`td.mileage[data-id="${dataId}"]`).innerText = mileage == 0 ? " " : parseFloat(mileage).toFixed(2);
|
||||
|
||||
document.querySelector(`td.closingReading[data-id="${dataId}"]`).innerText = closingReading == 0 ? " " : parseFloat(closingReading).toFixed(2) ;
|
||||
document.querySelector(`td.closingReading[data-id="${dataId}"]`).innerText = closingReading == 0 ? " " : parseFloat(closingReading).toFixed(2);
|
||||
|
||||
|
||||
}
|
||||
@ -1412,7 +1389,7 @@ foreach ($period as $day) {
|
||||
|
||||
|
||||
|
||||
function updateTotalStockValue(date, balanceTD){
|
||||
function updateTotalStockValue(date, balanceTD) {
|
||||
|
||||
const table = $('#dieselStockDetailsTableId');
|
||||
const rows = [];
|
||||
@ -1434,33 +1411,31 @@ foreach ($period as $day) {
|
||||
let dataId = `${otherDate}`;
|
||||
|
||||
|
||||
document.querySelector(`td.openingTD[data-id="${dataId}"]`).innerText = parseFloat(balanceTD).toFixed(2) ;
|
||||
document.querySelector(`td.openingTD[data-id="${dataId}"]`).innerText = parseFloat(balanceTD).toFixed(2);
|
||||
|
||||
let openingTD = document.querySelector(`td.openingTD[data-id="${dataId}"]`).innerText;
|
||||
|
||||
|
||||
let purchaseTD = document.querySelector(`td.purchaseTD[data-id="${dataId}"]`).innerText ;
|
||||
let purchaseTD = document.querySelector(`td.purchaseTD[data-id="${dataId}"]`).innerText;
|
||||
|
||||
|
||||
let fillingTD = document.querySelector(`td.fillingTD[data-id="${dataId}"]`).innerText ;
|
||||
let fillingTD = document.querySelector(`td.fillingTD[data-id="${dataId}"]`).innerText;
|
||||
|
||||
|
||||
balanceTD = (Number(openingTD) + Number(purchaseTD)) - Number(fillingTD) ;
|
||||
balanceTD = (Number(openingTD) + Number(purchaseTD)) - Number(fillingTD);
|
||||
|
||||
document.querySelector(`td.balanceTD[data-id="${dataId}"]`).innerText = parseFloat(balanceTD).toFixed(2) ;
|
||||
document.querySelector(`td.balanceTD[data-id="${dataId}"]`).innerText = parseFloat(balanceTD).toFixed(2);
|
||||
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function(){
|
||||
$(document).ready(function() {
|
||||
|
||||
function exportTableToExcel(tableID, filename = '') {
|
||||
let table = document.getElementById(tableID);
|
||||
@ -1468,12 +1443,12 @@ foreach ($period as $day) {
|
||||
let cloneTable = table.cloneNode(true); // Clone the table to modify
|
||||
|
||||
// Remove hidden rows
|
||||
$(cloneTable).find('tr').filter(function () {
|
||||
$(cloneTable).find('tr').filter(function() {
|
||||
return $(this).css('display') === 'none';
|
||||
}).remove();
|
||||
|
||||
// Remove hidden columns
|
||||
$(cloneTable).find('th, td').each(function () {
|
||||
$(cloneTable).find('th, td').each(function() {
|
||||
if ($(this).css('display') === 'none') {
|
||||
$(this).remove();
|
||||
}
|
||||
@ -1504,21 +1479,18 @@ foreach ($period as $day) {
|
||||
|
||||
let tableId = 'dieselStockDetailsTableId';
|
||||
|
||||
document.getElementById('dieselMachineStockDetailsExport').addEventListener('click',function(){
|
||||
document.getElementById('dieselMachineStockDetailsExport').addEventListener('click', function() {
|
||||
|
||||
exportTableToExcel(tableId,'Diesel_Machine_Stock_<?=$month?>.xlsx');
|
||||
exportTableToExcel(tableId, 'Diesel_Machine_Stock_<?= $month ?>.xlsx');
|
||||
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
document.addEventListener("keydown", function (event) {
|
||||
document.addEventListener("keydown", function(event) {
|
||||
|
||||
if (event.key === "Enter") {
|
||||
|
||||
@ -1551,13 +1523,12 @@ foreach ($period as $day) {
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
|
||||
const list = document.getElementById("sortableList");
|
||||
|
||||
@ -1595,16 +1566,21 @@ foreach ($period as $day) {
|
||||
const box = child.getBoundingClientRect();
|
||||
const offset = y - box.top - box.height / 2;
|
||||
|
||||
return offset < 0 && offset > closest.offset
|
||||
? { offset, element: child }
|
||||
: closest;
|
||||
}, { offset: Number.NEGATIVE_INFINITY }).element;
|
||||
return offset < 0 && offset > closest.offset ?
|
||||
{
|
||||
offset,
|
||||
element: child
|
||||
} :
|
||||
closest;
|
||||
}, {
|
||||
offset: Number.NEGATIVE_INFINITY
|
||||
}).element;
|
||||
}
|
||||
|
||||
// Attach drag events to existing items
|
||||
document.querySelectorAll(".sortable-item").forEach(attachDragEvents);
|
||||
|
||||
window.removeSelectedMaterial = function (checkbox) {
|
||||
window.removeSelectedMaterial = function(checkbox) {
|
||||
let container = checkbox.closest(".sortable-item");
|
||||
let materialCode = checkbox.value;
|
||||
let materialName = container.querySelector("label").innerText;
|
||||
@ -1612,7 +1588,7 @@ foreach ($period as $day) {
|
||||
container.remove();
|
||||
};
|
||||
|
||||
window.addBackToList = function () {
|
||||
window.addBackToList = function() {
|
||||
let dropdown = document.getElementById("customizeHeader");
|
||||
let selectedOption = dropdown.options[dropdown.selectedIndex];
|
||||
|
||||
@ -1636,20 +1612,18 @@ foreach ($period as $day) {
|
||||
document.getElementById("sortableList").appendChild(container);
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(document).ready(function() {
|
||||
$('#customizeHeader').select2();
|
||||
$('.select2').select2();
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$('#month').change(function(){
|
||||
$('#month').change(function() {
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
|
||||
@ -1691,15 +1665,62 @@ foreach ($period as $day) {
|
||||
}
|
||||
}).catch(err => console.log("Error exiting fullscreen:", err));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$("#searchInput").on("keyup", function () {
|
||||
$("#searchInput").on("keyup", function() {
|
||||
let value = $(this).val().toLowerCase(); // Convert input to lowercase for case-insensitive search
|
||||
|
||||
$(".table-responsive tbody tr").filter(function () {
|
||||
$(".table-responsive tbody tr").filter(function() {
|
||||
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $('#fullscreenDiv')
|
||||
});
|
||||
|
||||
// Initialize Select2 when the modal is shown inside full screen
|
||||
$('#bs-example-modal-lg').on('shown.bs.modal', function() {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $(this) // This ensures Select2 works in the modal
|
||||
});
|
||||
});
|
||||
|
||||
$('#customizeModalId').on('shown.bs.modal', function() {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $(this) // This ensures Select2 works in the modal
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
//getting modal backdrop inside full screen
|
||||
|
||||
$(document).ready(function() {
|
||||
function moveModalBackdropToFullscreen() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').appendTo('#fullscreenDiv'); // Move backdrop inside fullscreen
|
||||
}, 10); // Small delay ensures backdrop is created first
|
||||
}
|
||||
|
||||
// Move the modal backdrop when a modal opens
|
||||
$('#bs-example-modal-lg, #customizeModalId').on('show.bs.modal', function() {
|
||||
moveModalBackdropToFullscreen();
|
||||
});
|
||||
|
||||
// Ensure modals work properly in fullscreen mode
|
||||
document.addEventListener("fullscreenchange", function() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').remove(); // Remove any existing backdrops
|
||||
moveModalBackdropToFullscreen();
|
||||
}, 200);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
File diff suppressed because it is too large
Load Diff
@ -18,11 +18,13 @@
|
||||
}
|
||||
|
||||
.grab {
|
||||
cursor: grab; /* Default open-hand cursor */
|
||||
cursor: grab;
|
||||
/* Default open-hand cursor */
|
||||
}
|
||||
|
||||
.grab:active {
|
||||
cursor: grabbing; /* Closed-hand cursor when dragging */
|
||||
cursor: grabbing;
|
||||
/* Closed-hand cursor when dragging */
|
||||
}
|
||||
|
||||
/* .fht-table td[contenteditable="true"] {
|
||||
@ -32,14 +34,16 @@
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.5s ease-in-out; /* Smooth scaling effect */
|
||||
color: rgb(2, 2, 2);
|
||||
transform: scale(1.25);
|
||||
/* Increases size by 25% */
|
||||
transition: transform 0.5s ease-in-out;
|
||||
/* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
color: rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.fht-table {
|
||||
@ -239,20 +243,36 @@
|
||||
}
|
||||
|
||||
/* Adjust heights based on screen zoom */
|
||||
@media only screen and (min-height: 1400px) { /* Approximate Zoom < 100% */
|
||||
.table-responsive { max-height: 425px; }
|
||||
@media only screen and (min-height: 1400px) {
|
||||
|
||||
/* Approximate Zoom < 100% */
|
||||
.table-responsive {
|
||||
max-height: 425px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
|
||||
.table-responsive { max-height: 500px; }
|
||||
@media only screen and (min-height: 1200px) {
|
||||
|
||||
/* Approximate Zoom ~ 90% */
|
||||
.table-responsive {
|
||||
max-height: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
|
||||
.table-responsive { max-height: 600px; }
|
||||
@media only screen and (min-height: 1000px) {
|
||||
|
||||
/* Approximate Zoom ~ 80% */
|
||||
.table-responsive {
|
||||
max-height: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
|
||||
.table-responsive { max-height: 650px; }
|
||||
@media only screen and (min-height: 800px) {
|
||||
|
||||
/* Approximate Zoom ~ 75% */
|
||||
.table-responsive {
|
||||
max-height: 650px;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
@ -261,23 +281,22 @@
|
||||
}
|
||||
|
||||
tfoot tr {
|
||||
background-color:rgb(235, 236, 203);
|
||||
background-color: rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
body[data-layout-mode=horizontal] .container-fluid {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.card-body{
|
||||
padding-top : 0;
|
||||
padding-bottom : 0;
|
||||
.card-body {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
|
||||
|
||||
.card {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@ -308,13 +327,13 @@
|
||||
|
||||
|
||||
|
||||
<div class="row" align="center">
|
||||
<div class="row" >
|
||||
<div class="col-12">
|
||||
<div class="card" id="fullscreenDiv">
|
||||
<div class="card-body" >
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<form id="changeMonthForm" action="<?= base_url('dustAndRoughStockDetails'); ?>" method="post">
|
||||
<form align="center" id="changeMonthForm" action="<?= base_url('dustAndRoughStockDetails'); ?>" method="post">
|
||||
|
||||
|
||||
<div class="row">
|
||||
@ -336,7 +355,7 @@
|
||||
|
||||
|
||||
|
||||
<div class="col-3 text-right d-flex" style="justify-content: end;" >
|
||||
<div class="col-3 text-right d-flex" style="justify-content: end;">
|
||||
|
||||
<input type="text" id="searchInput" placeholder="Search..."
|
||||
class="mt-2"
|
||||
@ -361,15 +380,14 @@
|
||||
<i class="fe-maximize noti-icon btn-lg mt-2"
|
||||
title="Full Screen"
|
||||
style="font-size: x-large; cursor:pointer;"
|
||||
onclick="toggleDivFullscreen()" >
|
||||
onclick="toggleDivFullscreen()">
|
||||
</i>
|
||||
|
||||
|
||||
<i class="fa fa-save btn-lg mt-2"
|
||||
title="Save"
|
||||
style="font-size: x-large; cursor:pointer;"
|
||||
id="saveId"
|
||||
>
|
||||
id="saveId">
|
||||
</i>
|
||||
|
||||
|
||||
@ -382,179 +400,8 @@
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive" id="table-responsive">
|
||||
<table style="width: 700px;" id="dustAndRoughStockDetailsTableId" class="fht-table ">
|
||||
|
||||
<thead class="celda_encabezado_general" style="padding: 10px;">
|
||||
|
||||
<tr>
|
||||
<th
|
||||
style="width: 100px;"
|
||||
class="celda_encabezado_general" rowspan="2" colspan="1">Date </th>
|
||||
<th class="celda_encabezado_general" colspan="1">Final Rough </th>
|
||||
<th class="celda_encabezado_general" colspan="1">Dust </th>
|
||||
<th class="celda_encabezado_general" rowspan="2" colspan="1">Total </th>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th class="celda_encabezado_general" colspan="1">+16 Mesh </th>
|
||||
<th class="celda_encabezado_general" colspan="1">10 Ton Dryer </th>
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
<tbody style="background-color: #fff;" >
|
||||
|
||||
<?php
|
||||
if(!empty($dustAndRoughStockDetails)){
|
||||
|
||||
$summary = [] ;
|
||||
|
||||
foreach($dustAndRoughStockDetails as $dustAndRoughStockDetailsIndex => $dustAndRoughStockDetail){
|
||||
?>
|
||||
<tr
|
||||
<?php
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat=DateTime::createFromFormat('Y-m-d', $dustAndRoughStockDetail['date'])->format('d-m-Y');
|
||||
if ($dateInMonthDmYFormat === $currentDate) { echo 'style="background: #cef0ad;"';}
|
||||
?>
|
||||
>
|
||||
|
||||
<td class="celda_normal">
|
||||
<?php
|
||||
echo date("d-m-Y", strtotime($dustAndRoughStockDetail['date']));
|
||||
?>
|
||||
</td>
|
||||
|
||||
<td class="celda_normal finalRough"
|
||||
data-id="<?= $dustAndRoughStockDetail['date'] ?>"
|
||||
oninput="finalRoughStockChange(this)"
|
||||
contenteditable="true"
|
||||
><?= $dustAndRoughStockDetail['finalRough'] ?? ' ' ?></td>
|
||||
|
||||
<td class="celda_normal dust"
|
||||
data-id="<?= $dustAndRoughStockDetail['date'] ?>"
|
||||
oninput="dustStockChange(this)"
|
||||
contenteditable="true"
|
||||
><?= $dustAndRoughStockDetail['dust'] ?? ' ' ?></td>
|
||||
|
||||
<td class="celda_normal total"
|
||||
data-id="<?= $dustAndRoughStockDetail['date'] ?>"
|
||||
><?= $dustAndRoughStockDetail['total'] ?? ' ' ?></td>
|
||||
</tr>
|
||||
|
||||
<?php
|
||||
|
||||
//before closing inner loop
|
||||
|
||||
if (!isset($summary['finalRough'])) {
|
||||
$summary['finalRough'] = 0 ;
|
||||
$summary['dust'] = 0 ;
|
||||
$summary['total'] = 0 ;
|
||||
}
|
||||
|
||||
|
||||
$summary['finalRough'] += $dustAndRoughStockDetail['finalRough'] == "-" ? 0 : (float) $dustAndRoughStockDetail['finalRough'] ;
|
||||
$summary['dust'] += $dustAndRoughStockDetail['dust'] == "-" ? 0 : (float) $dustAndRoughStockDetail['dust'] ;
|
||||
$summary['total'] += $dustAndRoughStockDetail['total'] == "-" ? 0 : (float) $dustAndRoughStockDetail['total'] ;
|
||||
|
||||
} ?>
|
||||
|
||||
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td style="background-color:rgb(189, 9, 6); color:#ffff;"> Total </td>
|
||||
<td class="celda_normal "> <b> <?=$summary['finalRough']?> </b> </td>
|
||||
<td class="celda_normal "> <b> <?=$summary['dust']?> </b> </td>
|
||||
<td class="celda_normal "> <b> <?=$summary['total']?> </b> </td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
|
||||
|
||||
|
||||
<?php }else{
|
||||
|
||||
$date = DateTime::createFromFormat('M-Y', $month);
|
||||
|
||||
$startDate = $date->modify('first day of this month')->format('Y-m-d');
|
||||
$endDate = $date->modify('last day of this month')->format('Y-m-d');
|
||||
|
||||
$datesInMonth = [];
|
||||
|
||||
|
||||
$period = new DatePeriod(
|
||||
new DateTime($startDate),
|
||||
new DateInterval('P1D'),
|
||||
(new DateTime($endDate))->modify('+1 day')
|
||||
);
|
||||
|
||||
foreach ($period as $day) {
|
||||
$datesInMonth[] = $day->format('Y-m-d');
|
||||
}
|
||||
|
||||
foreach($datesInMonth as $datesInMonthIndex => $dateInMonth){
|
||||
?>
|
||||
<tr
|
||||
<?php
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat=date("d-m-Y", strtotime($dateInMonth));
|
||||
if ($dateInMonthDmYFormat === $currentDate) { echo 'style="background: #cef0ad;"';}
|
||||
?>
|
||||
>
|
||||
<td class="celda_normal">
|
||||
<?php
|
||||
echo date("d-m-Y", strtotime($dateInMonth));
|
||||
?>
|
||||
</td>
|
||||
|
||||
<td class="celda_normal finalRough"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
oninput="finalRoughStockChange(this)"
|
||||
contenteditable="true"
|
||||
><?= ' ' ?></td>
|
||||
|
||||
<td class="celda_normal dust"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
oninput="dustStockChange(this)"
|
||||
contenteditable="true"
|
||||
><?= ' ' ?></td>
|
||||
|
||||
<td class="celda_normal total"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
><?= ' ' ?></td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- End card-body -->
|
||||
</div> <!-- End card -->
|
||||
</div> <!-- End col -->
|
||||
</div> <!-- End row -->
|
||||
</div>
|
||||
</div> <!-- End container-fluid -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- modal section -->
|
||||
|
||||
<!-- filter modal -->
|
||||
<div class="modal fade" id="filterModalId" tabindex="-1" role="dialog" aria-labelledby="filterModalLabelId" aria-hidden="true">
|
||||
<!-- filter modal -->
|
||||
<div class="modal fade" id="filterModalId" tabindex="-1" role="dialog" aria-labelledby="filterModalLabelId" aria-hidden="true">
|
||||
<div class="modal-dialog modal-md">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
@ -596,7 +443,7 @@
|
||||
<select id="fromDateFilter" name="fromDateFilter" class="form-control select2">
|
||||
<?php if (!empty($dateArray)) : ?>
|
||||
<?php foreach ($dateArray as $index => $date) : ?>
|
||||
<option value="<?= $date ?>" ><?= $date ?></option>
|
||||
<option value="<?= $date ?>"><?= $date ?></option>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</select>
|
||||
@ -612,7 +459,7 @@
|
||||
|
||||
<?php if (!empty($dateArray)) : ?>
|
||||
<?php foreach ($dateArray as $date) : ?>
|
||||
<option value="<?= $date ?>" <?= ($date == $currentDateInDmY) || ($date == $dateArray[9]) ?"selected" :" " ?> ><?= $date ?></option>
|
||||
<option value="<?= $date ?>" <?= ($date == $currentDateInDmY) || ($date == $dateArray[9]) ? "selected" : " " ?>><?= $date ?></option>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
@ -624,14 +471,182 @@
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- end modal section -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive" id="table-responsive" align="center">
|
||||
<table style="width: 700px;" id="dustAndRoughStockDetailsTableId" class="fht-table ">
|
||||
|
||||
<thead class="celda_encabezado_general" style="padding: 10px;">
|
||||
|
||||
<tr>
|
||||
<th
|
||||
style="width: 100px;"
|
||||
class="celda_encabezado_general" rowspan="2" colspan="1">Date </th>
|
||||
<th class="celda_encabezado_general" colspan="1">Final Rough </th>
|
||||
<th class="celda_encabezado_general" colspan="1">Dust </th>
|
||||
<th class="celda_encabezado_general" rowspan="2" colspan="1">Total </th>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th class="celda_encabezado_general" colspan="1">+16 Mesh </th>
|
||||
<th class="celda_encabezado_general" colspan="1">10 Ton Dryer </th>
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
<tbody style="background-color: #fff;">
|
||||
|
||||
<?php
|
||||
if (!empty($dustAndRoughStockDetails)) {
|
||||
|
||||
$summary = [];
|
||||
|
||||
foreach ($dustAndRoughStockDetails as $dustAndRoughStockDetailsIndex => $dustAndRoughStockDetail) {
|
||||
?>
|
||||
<tr
|
||||
<?php
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat = DateTime::createFromFormat('Y-m-d', $dustAndRoughStockDetail['date'])->format('d-m-Y');
|
||||
if ($dateInMonthDmYFormat === $currentDate) {
|
||||
echo 'style="background: #cef0ad;"';
|
||||
}
|
||||
?>>
|
||||
|
||||
<td class="celda_normal">
|
||||
<?php
|
||||
echo date("d-m-Y", strtotime($dustAndRoughStockDetail['date']));
|
||||
?>
|
||||
</td>
|
||||
|
||||
<td class="celda_normal finalRough"
|
||||
data-id="<?= $dustAndRoughStockDetail['date'] ?>"
|
||||
oninput="finalRoughStockChange(this)"
|
||||
contenteditable="true"><?= $dustAndRoughStockDetail['finalRough'] ?? ' ' ?></td>
|
||||
|
||||
<td class="celda_normal dust"
|
||||
data-id="<?= $dustAndRoughStockDetail['date'] ?>"
|
||||
oninput="dustStockChange(this)"
|
||||
contenteditable="true"><?= $dustAndRoughStockDetail['dust'] ?? ' ' ?></td>
|
||||
|
||||
<td class="celda_normal total"
|
||||
data-id="<?= $dustAndRoughStockDetail['date'] ?>"><?= $dustAndRoughStockDetail['total'] ?? ' ' ?></td>
|
||||
</tr>
|
||||
|
||||
<?php
|
||||
|
||||
//before closing inner loop
|
||||
|
||||
if (!isset($summary['finalRough'])) {
|
||||
$summary['finalRough'] = 0;
|
||||
$summary['dust'] = 0;
|
||||
$summary['total'] = 0;
|
||||
}
|
||||
|
||||
|
||||
$summary['finalRough'] += $dustAndRoughStockDetail['finalRough'] == "-" ? 0 : (float) $dustAndRoughStockDetail['finalRough'];
|
||||
$summary['dust'] += $dustAndRoughStockDetail['dust'] == "-" ? 0 : (float) $dustAndRoughStockDetail['dust'];
|
||||
$summary['total'] += $dustAndRoughStockDetail['total'] == "-" ? 0 : (float) $dustAndRoughStockDetail['total'];
|
||||
} ?>
|
||||
|
||||
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td style="background-color:rgb(189, 9, 6); color:#ffff;"> Total </td>
|
||||
<td class="celda_normal "> <b> <?= $summary['finalRough'] ?> </b> </td>
|
||||
<td class="celda_normal "> <b> <?= $summary['dust'] ?> </b> </td>
|
||||
<td class="celda_normal "> <b> <?= $summary['total'] ?> </b> </td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
|
||||
|
||||
|
||||
<?php } else {
|
||||
|
||||
$date = DateTime::createFromFormat('M-Y', $month);
|
||||
|
||||
$startDate = $date->modify('first day of this month')->format('Y-m-d');
|
||||
$endDate = $date->modify('last day of this month')->format('Y-m-d');
|
||||
|
||||
$datesInMonth = [];
|
||||
|
||||
|
||||
$period = new DatePeriod(
|
||||
new DateTime($startDate),
|
||||
new DateInterval('P1D'),
|
||||
(new DateTime($endDate))->modify('+1 day')
|
||||
);
|
||||
|
||||
foreach ($period as $day) {
|
||||
$datesInMonth[] = $day->format('Y-m-d');
|
||||
}
|
||||
|
||||
foreach ($datesInMonth as $datesInMonthIndex => $dateInMonth) {
|
||||
?>
|
||||
<tr
|
||||
<?php
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat = date("d-m-Y", strtotime($dateInMonth));
|
||||
if ($dateInMonthDmYFormat === $currentDate) {
|
||||
echo 'style="background: #cef0ad;"';
|
||||
}
|
||||
?>>
|
||||
<td class="celda_normal">
|
||||
<?php
|
||||
echo date("d-m-Y", strtotime($dateInMonth));
|
||||
?>
|
||||
</td>
|
||||
|
||||
<td class="celda_normal finalRough"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
oninput="finalRoughStockChange(this)"
|
||||
contenteditable="true"><?= ' ' ?></td>
|
||||
|
||||
<td class="celda_normal dust"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
oninput="dustStockChange(this)"
|
||||
contenteditable="true"><?= ' ' ?></td>
|
||||
|
||||
<td class="celda_normal total"
|
||||
data-id="<?= $dateInMonth ?>"><?= ' ' ?></td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- End card-body -->
|
||||
</div> <!-- End card -->
|
||||
</div> <!-- End col -->
|
||||
</div> <!-- End row -->
|
||||
</div>
|
||||
</div> <!-- End container-fluid -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- end modal section -->
|
||||
<!-- modal section -->
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
function customFilterDate(){
|
||||
function customFilterDate() {
|
||||
|
||||
let fromDate = $('#fromDateFilter').val(); //01-12-2024
|
||||
let toDate = $('#toDateFilter').val(); //05-12-2024
|
||||
@ -639,7 +654,7 @@
|
||||
$('#dustAndRoughStockDetailsTableId').find('tbody tr').each(function() {
|
||||
const rowCells = $(this).find('td');
|
||||
let tableDate = rowCells.eq(0).text();
|
||||
let result = checkDateRange(fromDate,toDate,tableDate);
|
||||
let result = checkDateRange(fromDate, toDate, tableDate);
|
||||
if (result) {
|
||||
$(this).show();
|
||||
} else {
|
||||
@ -670,22 +685,19 @@
|
||||
let parts = dateString.split('-');
|
||||
return new Date(parts[2], parts[1] - 1, parts[0]); // Year, Month (0-based), Day
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(document).ready(function() {
|
||||
$('.select2').select2();
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
$('#saveId').click(function () {
|
||||
$('#saveId').click(function() {
|
||||
|
||||
//table to json function
|
||||
|
||||
@ -701,7 +713,7 @@
|
||||
type: "POST",
|
||||
url: "<?php echo base_url() ?>updateDustAndRoughStockDetails",
|
||||
|
||||
success: function (data) {
|
||||
success: function(data) {
|
||||
if (data) {
|
||||
$('#loader').hide();
|
||||
console.log(data);
|
||||
@ -726,7 +738,6 @@
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
@ -757,35 +768,33 @@
|
||||
|
||||
return JSON.stringify(rows, null, 2);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
function finalRoughStockChange(tdElement) {
|
||||
|
||||
try {
|
||||
let dataId = tdElement.getAttribute('data-id')
|
||||
let finalRoughStock = validateInput(tdElement.innerText);
|
||||
let dustStock = validateInput(document.querySelector(`td.dust[data-id="${dataId}"]`).innerText);
|
||||
let total = (Number(finalRoughStock) + Number(dustStock)) ;
|
||||
document.querySelector(`td.total[data-id="${dataId}"]`).innerText=total;
|
||||
let total = (Number(finalRoughStock) + Number(dustStock));
|
||||
document.querySelector(`td.total[data-id="${dataId}"]`).innerText = total;
|
||||
|
||||
} catch(error){
|
||||
} catch (error) {
|
||||
console.error("There is an error updating stock ..!!" + error);
|
||||
}
|
||||
}
|
||||
|
||||
function dustStockChange(tdElement) {
|
||||
try{
|
||||
try {
|
||||
let dataId = tdElement.getAttribute('data-id')
|
||||
let finalRoughStock = validateInput(document.querySelector(`td.finalRough[data-id="${dataId}"]`).innerText);
|
||||
let dustStock = validateInput(tdElement.innerText);
|
||||
let total = (Number(finalRoughStock) + Number(dustStock)) ;
|
||||
let total = (Number(finalRoughStock) + Number(dustStock));
|
||||
document.querySelector(`td.total[data-id="${dataId}"]`).innerText = total;
|
||||
|
||||
|
||||
} catch(error){
|
||||
} catch (error) {
|
||||
|
||||
console.error("There is an error updating stock ..!!" + error);
|
||||
|
||||
@ -815,16 +824,11 @@
|
||||
|
||||
return input;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function(){
|
||||
$(document).ready(function() {
|
||||
|
||||
function exportTableToExcel(tableID, filename = '') {
|
||||
let table = document.getElementById(tableID);
|
||||
@ -832,12 +836,12 @@
|
||||
let cloneTable = table.cloneNode(true); // Clone the table to modify
|
||||
|
||||
// Remove hidden rows
|
||||
$(cloneTable).find('tr').filter(function () {
|
||||
$(cloneTable).find('tr').filter(function() {
|
||||
return $(this).css('display') === 'none';
|
||||
}).remove();
|
||||
|
||||
// Remove hidden columns
|
||||
$(cloneTable).find('th, td').each(function () {
|
||||
$(cloneTable).find('th, td').each(function() {
|
||||
if ($(this).css('display') === 'none') {
|
||||
$(this).remove();
|
||||
}
|
||||
@ -872,21 +876,18 @@
|
||||
|
||||
let tableId = 'dustAndRoughStockDetailsTableId';
|
||||
|
||||
document.getElementById('dustAndRoughStockExport').addEventListener('click',function(){
|
||||
document.getElementById('dustAndRoughStockExport').addEventListener('click', function() {
|
||||
|
||||
exportTableToExcel(tableId ,'dustAndRoughStockDetails.xlsx');
|
||||
exportTableToExcel(tableId, 'dustAndRoughStockDetails.xlsx');
|
||||
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
document.addEventListener("keydown", function (event) {
|
||||
document.addEventListener("keydown", function(event) {
|
||||
|
||||
if (event.key === "Enter") {
|
||||
|
||||
@ -919,18 +920,16 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
$('#month').change(function(){
|
||||
$('#month').change(function() {
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
|
||||
$(document).ready(function () {
|
||||
$(document).ready(function() {
|
||||
|
||||
$('#month').datepicker({
|
||||
format: "M-yyyy", // Format as "Jan-2025"
|
||||
@ -973,15 +972,54 @@
|
||||
}
|
||||
}).catch(err => console.log("Error exiting fullscreen:", err));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$("#searchInput").on("keyup", function () {
|
||||
$("#searchInput").on("keyup", function() {
|
||||
let value = $(this).val().toLowerCase(); // Convert input to lowercase for case-insensitive search
|
||||
|
||||
$(".table-responsive tbody tr").filter(function () {
|
||||
$(".table-responsive tbody tr").filter(function() {
|
||||
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $('#fullscreenDiv')
|
||||
});
|
||||
|
||||
// Initialize Select2 when the modal is shown inside full screen
|
||||
$('#filterModalId,').on('shown.bs.modal', function() {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $(this) // This ensures Select2 works in the modal
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
//getting modal backdrop inside full screen
|
||||
|
||||
$(document).ready(function() {
|
||||
function moveModalBackdropToFullscreen() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').appendTo('#fullscreenDiv'); // Move backdrop inside fullscreen
|
||||
}, 10); // Small delay ensures backdrop is created first
|
||||
}
|
||||
|
||||
// Move the modal backdrop when a modal opens
|
||||
$('#filterModalId').on('show.bs.modal', function() {
|
||||
moveModalBackdropToFullscreen();
|
||||
});
|
||||
|
||||
// Ensure modals work properly in fullscreen mode
|
||||
document.addEventListener("fullscreenchange", function() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').remove(); // Remove any existing backdrops
|
||||
moveModalBackdropToFullscreen();
|
||||
}, 200);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -474,6 +474,54 @@ foreach ($period as $day) {
|
||||
|
||||
</form>
|
||||
|
||||
<div>
|
||||
<div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-md">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="myLargeModalLabel">Navigation Options</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<!-- bag Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="powerDropdown">Select Machine</label>
|
||||
<select id="powerDropdown" class="form-control select2">
|
||||
<option value="">Select Electric Machines</option>
|
||||
<?php foreach ($electricMachines as $powerMachine): ?>
|
||||
<option value=" <?= $powerMachine['machine_name'] ?>">
|
||||
<?= $powerMachine['machine_name'] ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Date Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="dateDropdown">Select Date</label>
|
||||
<select id="dateDropdown" class="form-control select2">
|
||||
<?php foreach ($datesInMonth as $selectDate): ?>
|
||||
<?php $selectDate = DateTime::createFromFormat('Y-m-d', $selectDate)->format('d-m-Y'); ?>
|
||||
<option value="<?= $selectDate ?>"><?= $selectDate ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary float-right" onclick="navigateToPower()">Navigate</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive" id="table-responsive">
|
||||
@ -934,55 +982,9 @@ foreach ($period as $day) {
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="myLargeModalLabel">Navigation Options</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<!-- bag Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="powerDropdown">Select Machine</label>
|
||||
<select id="powerDropdown" class="form-control select2">
|
||||
<option value="">Select Electric Machines</option>
|
||||
<?php foreach ($electricMachines as $powerMachine): ?>
|
||||
<option value=" <?= $powerMachine['machine_name'] ?>">
|
||||
<?= $powerMachine['machine_name'] ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Date Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="dateDropdown">Select Date</label>
|
||||
<select id="dateDropdown" class="form-control select2">
|
||||
<?php foreach ($datesInMonth as $selectDate): ?>
|
||||
<?php $selectDate = DateTime::createFromFormat('Y-m-d', $selectDate)->format('d-m-Y'); ?>
|
||||
<option value="<?= $selectDate ?>"><?= $selectDate ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary float-right" onclick="navigateToPower()">Navigate</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.select2').select2();
|
||||
@ -1527,8 +1529,7 @@ foreach ($period as $day) {
|
||||
const box = child.getBoundingClientRect();
|
||||
const offset = y - box.top - box.height / 2;
|
||||
|
||||
return offset < 0 && offset > closest.offset ?
|
||||
{
|
||||
return offset < 0 && offset > closest.offset ? {
|
||||
offset,
|
||||
element: child
|
||||
} :
|
||||
@ -1626,15 +1627,67 @@ foreach ($period as $day) {
|
||||
}
|
||||
}).catch(err => console.log("Error exiting fullscreen:", err));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$("#searchInput").on("keyup", function () {
|
||||
$("#searchInput").on("keyup", function() {
|
||||
let value = $(this).val().toLowerCase(); // Convert input to lowercase for case-insensitive search
|
||||
|
||||
$(".table-responsive tbody tr").filter(function () {
|
||||
$(".table-responsive tbody tr").filter(function() {
|
||||
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $('#fullscreenDiv')
|
||||
});
|
||||
|
||||
// Initialize Select2 when the modal is shown inside full screen
|
||||
$('#bs-example-modal-lg').on('shown.bs.modal', function () {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $(this) // This ensures Select2 works in the modal
|
||||
});
|
||||
});
|
||||
|
||||
$('#customizeModalId').on('shown.bs.modal', function () {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $(this) // This ensures Select2 works in the modal
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
//getting modal backdrop inside full screen
|
||||
|
||||
$(document).ready(function() {
|
||||
function moveModalBackdropToFullscreen() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').appendTo('#fullscreenDiv'); // Move backdrop inside fullscreen
|
||||
}, 10); // Small delay ensures backdrop is created first
|
||||
}
|
||||
|
||||
// Move the modal backdrop when a modal opens
|
||||
$('#bs-example-modal-lg, #customizeModalId').on('show.bs.modal', function () {
|
||||
moveModalBackdropToFullscreen();
|
||||
});
|
||||
|
||||
// Ensure modals work properly in fullscreen mode
|
||||
document.addEventListener("fullscreenchange", function() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').remove(); // Remove any existing backdrops
|
||||
moveModalBackdropToFullscreen();
|
||||
}, 200);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
@ -416,7 +416,7 @@ foreach ($period as $day) {
|
||||
<div class="col">
|
||||
<div class="form-group">
|
||||
<label for="customizeHeader"> Add For This Month </label>
|
||||
<select id="customizeHeader" class="form-control" onchange="addBackToList()">
|
||||
<select id="customizeHeader" class="form-control select2" onchange="addBackToList()">
|
||||
<option value="">Select</option>
|
||||
<?php
|
||||
foreach($activeResinMaterials as $index => $activeResinMaterial){ ?>
|
||||
@ -472,12 +472,60 @@ foreach ($period as $day) {
|
||||
</div>
|
||||
|
||||
<!-- hidden fields -->
|
||||
<input type="hidden" name="month" id="month" value="<?php echo "$month" ?>"
|
||||
<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">
|
||||
|
||||
</form>
|
||||
|
||||
<div>
|
||||
<div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-md">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="myLargeModalLabel">Navigation Options</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<!-- bag Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="resinDropdown">Select Machine</label>
|
||||
<select id="resinDropdown" class="form-control select2">
|
||||
<option value="">Select Resin</option>
|
||||
<?php foreach ($resinMaterials as $resinMaterial): ?>
|
||||
<option value=" <?= $resinMaterial['MaterialName'] ?>">
|
||||
<?= $resinMaterial['MaterialName'] ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Date Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="dateDropdown">Select Date</label>
|
||||
<select id="dateDropdown" class="form-control select2">
|
||||
<?php foreach ($datesInMonth as $selectDate): ?>
|
||||
<?php $selectDate = DateTime::createFromFormat('Y-m-d', $selectDate)->format('d-m-Y'); ?>
|
||||
<option value="<?= $selectDate ?>"><?= $selectDate ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary float-right" onclick="navigateToResin()">Navigate</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive" id="table-responsive">
|
||||
@ -758,72 +806,10 @@ foreach ($period as $day) {
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="myLargeModalLabel">Navigation Options</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<!-- bag Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="resinDropdown">Select Machine</label>
|
||||
<select id="resinDropdown" class="form-control select2">
|
||||
<option value="">Select Resin</option>
|
||||
<?php foreach ($resinMaterials as $resinMaterial): ?>
|
||||
<option value=" <?= $resinMaterial['MaterialName'] ?>">
|
||||
<?= $resinMaterial['MaterialName'] ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Date Dropdown -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="dateDropdown">Select Date</label>
|
||||
<select id="dateDropdown" class="form-control select2">
|
||||
<?php foreach ($datesInMonth as $selectDate): ?>
|
||||
<?php $selectDate = DateTime::createFromFormat('Y-m-d', $selectDate)->format('d-m-Y'); ?>
|
||||
<option value="<?= $selectDate ?>"><?= $selectDate ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary float-right" onclick="navigateToResin()">Navigate</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- modal section ends -->
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
@ -1347,3 +1333,58 @@ $("#searchInput").on("keyup", function () {
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $('#fullscreenDiv')
|
||||
});
|
||||
|
||||
// Initialize Select2 when the modal is shown inside full screen
|
||||
$('#bs-example-modal-lg').on('shown.bs.modal', function () {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $(this) // This ensures Select2 works in the modal
|
||||
});
|
||||
});
|
||||
|
||||
$('#customizeModalId').on('shown.bs.modal', function () {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $(this) // This ensures Select2 works in the modal
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
//getting modal backdrop inside full screen
|
||||
|
||||
$(document).ready(function() {
|
||||
function moveModalBackdropToFullscreen() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').appendTo('#fullscreenDiv'); // Move backdrop inside fullscreen
|
||||
}, 10); // Small delay ensures backdrop is created first
|
||||
}
|
||||
|
||||
// Move the modal backdrop when a modal opens
|
||||
$('#bs-example-modal-lg, #customizeModalId').on('show.bs.modal', function () {
|
||||
moveModalBackdropToFullscreen();
|
||||
});
|
||||
|
||||
// Ensure modals work properly in fullscreen mode
|
||||
document.addEventListener("fullscreenchange", function() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').remove(); // Remove any existing backdrops
|
||||
moveModalBackdropToFullscreen();
|
||||
}, 200);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
@ -455,6 +455,82 @@ $timeOtions[] = "12:00 AM";
|
||||
|
||||
</form>
|
||||
|
||||
<!-- filter modal -->
|
||||
<div class="modal fade" id="filterModalId" tabindex="-1" role="dialog" aria-labelledby="filterModalLabelId" aria-hidden="true">
|
||||
<div class="modal-dialog modal-md">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="filterModalLabelId">Filter Options</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
|
||||
|
||||
|
||||
<?php
|
||||
$currentDateInDmY = date('d-m-Y');
|
||||
?>
|
||||
|
||||
<?php
|
||||
$startDate = DateTime::createFromFormat('M-Y', $month);
|
||||
|
||||
if ($startDate) {
|
||||
$startDate->modify('first day of this month');
|
||||
$daysInMonth = $startDate->format('t');
|
||||
$dateArray = [];
|
||||
|
||||
for ($i = 0; $i < $daysInMonth; $i++) {
|
||||
$dateArray[] = $startDate->format('d-m-Y');
|
||||
$startDate->modify('+1 day');
|
||||
}
|
||||
} else {
|
||||
echo "Invalid date format.";
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
<!-- From Date Filter -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="fromDateFilter">Select From Date</label>
|
||||
|
||||
<select id="fromDateFilter" name="fromDateFilter" class="form-control select2">
|
||||
<?php if (!empty($dateArray)) : ?>
|
||||
<?php foreach ($dateArray as $index => $date) : ?>
|
||||
<option value="<?= $date ?>"><?= $date ?></option>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- To Date Filter -->
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="toDateFilter">Select Date</label>
|
||||
|
||||
<select id="toDateFilter" name="toDateFilter" class="form-control select2">
|
||||
|
||||
<?php if (!empty($dateArray)) : ?>
|
||||
<?php foreach ($dateArray as $date) : ?>
|
||||
<option value="<?= $date ?>" <?= ($date == $currentDateInDmY) || ($date == $dateArray[9]) ? "selected" : " " ?>><?= $date ?></option>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary float-right" onclick="customFilterDate()">Filter</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- end modal section -->
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive" id="table-responsive">
|
||||
@ -643,7 +719,7 @@ $timeOtions[] = "12:00 AM";
|
||||
<td class="celda_normal trpProductionStock openingTime"
|
||||
data-id="<?= $trpProductionDetail['date'] ?> openingTime">
|
||||
|
||||
<select class="timeDropdown trp_on_time" style="width: 150px;">
|
||||
<select class="timeDropdown trp_on_time select2" style="width: 150px;">
|
||||
<?php
|
||||
foreach ($timeOptions as $timeOption) {
|
||||
?>
|
||||
@ -663,7 +739,7 @@ $timeOtions[] = "12:00 AM";
|
||||
<td class="celda_normal trpProductionStock closingTime"
|
||||
data-id="<?= $trpProductionDetail['date'] ?> closingTime">
|
||||
|
||||
<select class="timeDropdown trp_off_time" style="width: 150px;">
|
||||
<select class="timeDropdown trp_off_time select2" style="width: 150px;">
|
||||
<?php
|
||||
foreach ($timeOptions as $timeOption) {
|
||||
?>
|
||||
@ -1790,6 +1866,8 @@ $timeOtions[] = "12:00 AM";
|
||||
</div>
|
||||
|
||||
|
||||
<!-- navigation to trp production is in hold -->
|
||||
|
||||
<div>
|
||||
<div class="modal fade" id="bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-md">
|
||||
@ -1805,7 +1883,7 @@ $timeOtions[] = "12:00 AM";
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label for="dateDropdown">Select Date</label>
|
||||
<select id="dateDropdown" class="form-control">
|
||||
<select id="dateDropdown select2" class="form-control">
|
||||
<?php foreach ($datesInMonth as $selectDate): ?>
|
||||
<?php $selectDate = DateTime::createFromFormat('Y-m-d', $selectDate)->format('d-m-Y'); ?>
|
||||
<option value="<?= $selectDate ?>"><?= $selectDate ?></option>
|
||||
@ -2130,7 +2208,7 @@ $timeOtions[] = "12:00 AM";
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.timeDropdown').select2({
|
||||
$('.select2').select2({
|
||||
placeholder: "Select",
|
||||
});
|
||||
|
||||
@ -2507,3 +2585,88 @@ $timeOtions[] = "12:00 AM";
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $('#fullscreenDiv')
|
||||
});
|
||||
|
||||
// Initialize Select2 when the modal is shown inside full screen
|
||||
$('#filterModalId,').on('shown.bs.modal', function() {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $(this) // This ensures Select2 works in the modal
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
//getting modal backdrop inside full screen
|
||||
|
||||
$(document).ready(function() {
|
||||
function moveModalBackdropToFullscreen() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').appendTo('#fullscreenDiv'); // Move backdrop inside fullscreen
|
||||
}, 10); // Small delay ensures backdrop is created first
|
||||
}
|
||||
|
||||
// Move the modal backdrop when a modal opens
|
||||
$('#filterModalId').on('show.bs.modal', function() {
|
||||
moveModalBackdropToFullscreen();
|
||||
});
|
||||
|
||||
// Ensure modals work properly in fullscreen mode
|
||||
document.addEventListener("fullscreenchange", function() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').remove(); // Remove any existing backdrops
|
||||
moveModalBackdropToFullscreen();
|
||||
}, 200);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
function customFilterDate() {
|
||||
|
||||
let fromDate = $('#fromDateFilter').val(); //01-12-2024
|
||||
let toDate = $('#toDateFilter').val(); //05-12-2024
|
||||
|
||||
$('#trpProductionStockDetailsTableId').find('tbody tr').each(function() {
|
||||
const rowCells = $(this).find('td');
|
||||
let tableDate = rowCells.eq(0).text();
|
||||
let result = checkDateRange(fromDate, toDate, tableDate);
|
||||
if (result) {
|
||||
$(this).show();
|
||||
} else {
|
||||
$(this).hide();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
$('#filterModalId').modal('hide');
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function checkDateRange(fromDate, toDate, tableDate) {
|
||||
// Convert the dates to a comparable format (YYYY-MM-DD)
|
||||
let from = convertToDate(fromDate);
|
||||
let to = convertToDate(toDate);
|
||||
let table = convertToDate(tableDate);
|
||||
|
||||
// Return true if the table date is within the range
|
||||
return table >= from && table <= to;
|
||||
}
|
||||
|
||||
|
||||
function convertToDate(dateString) {
|
||||
// Convert from DD-MM-YYYY to YYYY-MM-DD for comparison
|
||||
let parts = dateString.split('-');
|
||||
return new Date(parts[2], parts[1] - 1, parts[0]); // Year, Month (0-based), Day
|
||||
}
|
||||
</script>
|
||||
@ -19,14 +19,16 @@
|
||||
|
||||
.fht-table td:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
transform: scale(1.25); /* Increases size by 25% */
|
||||
transition: transform 0.5s ease-in-out; /* Smooth scaling effect */
|
||||
color: rgb(2, 2, 2);
|
||||
transform: scale(1.25);
|
||||
/* Increases size by 25% */
|
||||
transition: transform 0.5s ease-in-out;
|
||||
/* Smooth scaling effect */
|
||||
}
|
||||
|
||||
.fht-table tr:hover {
|
||||
background-color: rgb(170, 222, 167);
|
||||
color:rgb(2, 2, 2);
|
||||
color: rgb(2, 2, 2);
|
||||
}
|
||||
|
||||
.fht-table {
|
||||
@ -158,7 +160,7 @@
|
||||
}
|
||||
|
||||
.celda_encabezado_total {
|
||||
background-color:#ffffff !important;
|
||||
background-color: #ffffff !important;
|
||||
border: 1px solid #ffffff;
|
||||
color: #ffffff !important;
|
||||
font-weight: bold;
|
||||
@ -226,20 +228,36 @@
|
||||
}
|
||||
|
||||
/* Adjust heights based on screen zoom */
|
||||
@media only screen and (min-height: 1400px) { /* Approximate Zoom < 100% */
|
||||
.table-responsive { max-height: 425px; }
|
||||
@media only screen and (min-height: 1400px) {
|
||||
|
||||
/* Approximate Zoom < 100% */
|
||||
.table-responsive {
|
||||
max-height: 425px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-height: 1200px) { /* Approximate Zoom ~ 90% */
|
||||
.table-responsive { max-height: 500px; }
|
||||
@media only screen and (min-height: 1200px) {
|
||||
|
||||
/* Approximate Zoom ~ 90% */
|
||||
.table-responsive {
|
||||
max-height: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-height: 1000px) { /* Approximate Zoom ~ 80% */
|
||||
.table-responsive { max-height: 600px; }
|
||||
@media only screen and (min-height: 1000px) {
|
||||
|
||||
/* Approximate Zoom ~ 80% */
|
||||
.table-responsive {
|
||||
max-height: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-height: 800px) { /* Approximate Zoom ~ 75% */
|
||||
.table-responsive { max-height: 650px; }
|
||||
@media only screen and (min-height: 800px) {
|
||||
|
||||
/* Approximate Zoom ~ 75% */
|
||||
.table-responsive {
|
||||
max-height: 650px;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
@ -248,24 +266,23 @@
|
||||
}
|
||||
|
||||
tfoot tr {
|
||||
background-color:rgb(235, 236, 203);
|
||||
background-color: rgb(235, 236, 203);
|
||||
}
|
||||
|
||||
|
||||
|
||||
body[data-layout-mode = horizontal] .container-fluid{
|
||||
body[data-layout-mode=horizontal] .container-fluid {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.card-body{
|
||||
padding-top : 0;
|
||||
padding-bottom : 0;
|
||||
.card-body {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.card{ margin-bottom: 5px;}
|
||||
|
||||
|
||||
|
||||
.card {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@ -297,13 +314,13 @@
|
||||
|
||||
|
||||
|
||||
<div class="row" align="center">
|
||||
<div class="row" >
|
||||
<div class="col-12">
|
||||
<div class="card" id="fullscreenDiv">
|
||||
<div class="card-body" >
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<form id="changeMonthForm" action="<?= base_url('trpSandUseStockDetails'); ?>" method="post">
|
||||
<form align="center" id="changeMonthForm" action="<?= base_url('trpSandUseStockDetails'); ?>" method="post">
|
||||
|
||||
<div class="row">
|
||||
|
||||
@ -324,7 +341,7 @@
|
||||
|
||||
|
||||
|
||||
<div class="col-3 text-right d-flex" style="justify-content: end;" >
|
||||
<div class="col-3 text-right d-flex" style="justify-content: end;">
|
||||
|
||||
<input type="text" id="searchInput" placeholder="Search..."
|
||||
class="mt-2"
|
||||
@ -349,15 +366,14 @@
|
||||
<i class="fe-maximize noti-icon btn-lg mt-2"
|
||||
title="Full Screen"
|
||||
style="font-size: x-large; cursor:pointer;"
|
||||
onclick="toggleDivFullscreen()" >
|
||||
onclick="toggleDivFullscreen()">
|
||||
</i>
|
||||
|
||||
|
||||
<i class="fa fa-save btn-lg mt-2"
|
||||
title="Save"
|
||||
style="font-size: x-large; cursor:pointer;"
|
||||
id="saveId"
|
||||
>
|
||||
id="saveId">
|
||||
</i>
|
||||
|
||||
|
||||
@ -372,218 +388,8 @@
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive" id="table-responsive">
|
||||
<table style="width: 700px;" id="trpSandUseStockDetailsTableId" class="fht-table ">
|
||||
|
||||
<thead class="celda_encabezado_general" >
|
||||
|
||||
<tr>
|
||||
<th class="celda_encabezado_general" colspan="5" >Trp Sand To Use Coating Sand </th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th
|
||||
style="width: 100px;"
|
||||
class="celda_encabezado_general" >Date </th>
|
||||
<th class="celda_encabezado_general" >Rough Kgs </th>
|
||||
<th class="celda_encabezado_general" >Fine Kgs </th>
|
||||
<th class="celda_encabezado_general" >Total Kgs </th>
|
||||
<th class="celda_encabezado_general" >Customer Name</th>
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
<tbody style="background-color: #fff;" >
|
||||
|
||||
<?php
|
||||
if(!empty($trpSandUseStockDetails)){
|
||||
|
||||
$summary = [] ;
|
||||
|
||||
foreach($trpSandUseStockDetails as $trpSandUseStockDetailsIndex => $trpSandUseStockDetail){
|
||||
|
||||
?>
|
||||
|
||||
<tr
|
||||
<?php
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat=DateTime::createFromFormat('Y-m-d', $trpSandUseStockDetail['date'])->format('d-m-Y');
|
||||
if ($dateInMonthDmYFormat === $currentDate) { echo 'style="background: #cef0ad;"';}
|
||||
?>
|
||||
>
|
||||
|
||||
<td class="celda_normal">
|
||||
<?php
|
||||
echo date("d-m-Y", strtotime($trpSandUseStockDetail['date']));
|
||||
?>
|
||||
</td>
|
||||
|
||||
<td class="celda_normal rough"
|
||||
data-id="<?= $trpSandUseStockDetail['date'] ?>"
|
||||
oninput="roughStockChange(this)"
|
||||
contenteditable="true"
|
||||
><?= $trpSandUseStockDetail['rough_kgs'] ?? " " ?></td>
|
||||
|
||||
<td class="celda_normal fine"
|
||||
data-id="<?= $trpSandUseStockDetail['date'] ?>"
|
||||
oninput="fineStockChange(this)"
|
||||
contenteditable="true"
|
||||
><?= $trpSandUseStockDetail['fine_kgs'] ?? " " ?></td>
|
||||
|
||||
<td class="celda_normal total"
|
||||
data-id="<?= $trpSandUseStockDetail['date'] ?>"
|
||||
><?= $trpSandUseStockDetail['total_kgs'] ?? " " ?></td>
|
||||
|
||||
<td class="celda_normal customerName"
|
||||
data-id="<?= $trpSandUseStockDetail['date'] ?>"
|
||||
contenteditable="true"
|
||||
><?= $trpSandUseStockDetail['customer_name'] ?? " " ?></td>
|
||||
|
||||
<td style="display:none"
|
||||
data-id="<?= $trpSandUseStockDetail['date'] ?>"
|
||||
><?= $trpSandUseStockDetail['id'] ?? " " ?></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<?php
|
||||
|
||||
//before closing inner loop
|
||||
|
||||
if (!isset($summary['rough_kgs'])) {
|
||||
$summary['rough_kgs'] = 0 ;
|
||||
$summary['fine_kgs'] = 0 ;
|
||||
$summary['total_kgs'] = 0 ;
|
||||
}
|
||||
|
||||
|
||||
$summary['rough_kgs'] += $trpSandUseStockDetail['rough_kgs'] == "-" ? 0 : (float) $trpSandUseStockDetail['rough_kgs'] ;
|
||||
$summary['fine_kgs'] += $trpSandUseStockDetail['fine_kgs'] == "-" ? 0 : (float) $trpSandUseStockDetail['fine_kgs'] ;
|
||||
$summary['total_kgs'] += $trpSandUseStockDetail['total_kgs'] == "-" ? 0 :(float) $trpSandUseStockDetail['total_kgs'] ;
|
||||
|
||||
} ?>
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr class="total_row">
|
||||
|
||||
<td style="background-color:rgb(189, 9, 6); color:#ffff;">
|
||||
<b> Total </b>
|
||||
</td>
|
||||
|
||||
<td class="celda_normal "><b><?=$summary['rough_kgs']?></b></td>
|
||||
<td class="celda_normal "><b><?=$summary['fine_kgs']?></b></td>
|
||||
<td class="celda_normal "><b><?=$summary['total_kgs']?></b></td>
|
||||
<td class="celda_normal "> </td>
|
||||
</tr>
|
||||
|
||||
|
||||
</tfoot>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<?php }else{
|
||||
|
||||
$date = DateTime::createFromFormat('M-Y', $month);
|
||||
|
||||
$startDate = $date->modify('first day of this month')->format('Y-m-d');
|
||||
$endDate = $date->modify('last day of this month')->format('Y-m-d');
|
||||
|
||||
$datesInMonth = [];
|
||||
|
||||
|
||||
$period = new DatePeriod(
|
||||
new DateTime($startDate),
|
||||
new DateInterval('P1D'),
|
||||
(new DateTime($endDate))->modify('+1 day')
|
||||
);
|
||||
|
||||
foreach ($period as $day) {
|
||||
$datesInMonth[] = $day->format('Y-m-d');
|
||||
}
|
||||
|
||||
foreach($datesInMonth as $datesInMonthIndex => $dateInMonth){
|
||||
?>
|
||||
<tr
|
||||
<?php
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat=date("d-m-Y", strtotime($dateInMonth));
|
||||
if ($dateInMonthDmYFormat === $currentDate) { echo 'style="background: #cef0ad;"';}
|
||||
?>
|
||||
>
|
||||
|
||||
<!-- td:eq(0) -->
|
||||
<td class="celda_normal">
|
||||
<?php
|
||||
echo date("d-m-Y", strtotime($dateInMonth));
|
||||
?>
|
||||
</td>
|
||||
|
||||
<!-- td:eq(1) -->
|
||||
<td class="celda_normal rough"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
oninput="roughStockChange(this)"
|
||||
contenteditable="true"
|
||||
><?= " " ?></td>
|
||||
|
||||
<!-- td:eq(2) -->
|
||||
<td class="celda_normal fine"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
oninput="fineStockChange(this)"
|
||||
contenteditable="true"
|
||||
><?= " " ?></td>
|
||||
|
||||
<!-- td:eq(3) -->
|
||||
<td class="celda_normal total"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
><?= " " ?></td>
|
||||
|
||||
<!-- td:eq(4) -->
|
||||
<td class="celda_normal customer"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
contenteditable="true"
|
||||
><?= " " ?></td>
|
||||
|
||||
<!-- td:eq(5) -->
|
||||
<td style="display:none"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
contenteditable="true"
|
||||
><?= " " ?></td>
|
||||
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- End card-body -->
|
||||
</div> <!-- End card -->
|
||||
</div> <!-- End col -->
|
||||
</div> <!-- End row -->
|
||||
</div>
|
||||
</div> <!-- End container-fluid -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- modal section -->
|
||||
|
||||
<!-- filter modal -->
|
||||
<div class="modal fade" id="filterModalId" tabindex="-1" role="dialog" aria-labelledby="filterModalLabelId" aria-hidden="true">
|
||||
<!-- filter modal -->
|
||||
<div class="modal fade" id="filterModalId" tabindex="-1" role="dialog" aria-labelledby="filterModalLabelId" aria-hidden="true">
|
||||
<div class="modal-dialog modal-md">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
@ -625,7 +431,7 @@
|
||||
<select id="fromDateFilter" name="fromDateFilter" class="form-control select2">
|
||||
<?php if (!empty($dateArray)) : ?>
|
||||
<?php foreach ($dateArray as $index => $date) : ?>
|
||||
<option value="<?= $date ?>" ><?= $date ?></option>
|
||||
<option value="<?= $date ?>"><?= $date ?></option>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</select>
|
||||
@ -641,7 +447,7 @@
|
||||
|
||||
<?php if (!empty($dateArray)) : ?>
|
||||
<?php foreach ($dateArray as $date) : ?>
|
||||
<option value="<?= $date ?>" <?= ($date == $currentDateInDmY) || ($date == $dateArray[9]) ?"selected" :" " ?> ><?= $date ?></option>
|
||||
<option value="<?= $date ?>" <?= ($date == $currentDateInDmY) || ($date == $dateArray[9]) ? "selected" : " " ?>><?= $date ?></option>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
@ -653,14 +459,217 @@
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
|
||||
|
||||
<!-- end modal section -->
|
||||
|
||||
|
||||
|
||||
<div class="table-responsive" id="table-responsive" align="center">
|
||||
<table style="width: 700px;" id="trpSandUseStockDetailsTableId" class="fht-table ">
|
||||
|
||||
<thead class="celda_encabezado_general">
|
||||
|
||||
<tr>
|
||||
<th class="celda_encabezado_general" colspan="5">Trp Sand To Use Coating Sand </th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th
|
||||
style="width: 100px;"
|
||||
class="celda_encabezado_general">Date </th>
|
||||
<th class="celda_encabezado_general">Rough Kgs </th>
|
||||
<th class="celda_encabezado_general">Fine Kgs </th>
|
||||
<th class="celda_encabezado_general">Total Kgs </th>
|
||||
<th class="celda_encabezado_general">Customer Name</th>
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
|
||||
<tbody style="background-color: #fff;">
|
||||
|
||||
<?php
|
||||
if (!empty($trpSandUseStockDetails)) {
|
||||
|
||||
$summary = [];
|
||||
|
||||
foreach ($trpSandUseStockDetails as $trpSandUseStockDetailsIndex => $trpSandUseStockDetail) {
|
||||
|
||||
?>
|
||||
|
||||
<tr
|
||||
<?php
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat = DateTime::createFromFormat('Y-m-d', $trpSandUseStockDetail['date'])->format('d-m-Y');
|
||||
if ($dateInMonthDmYFormat === $currentDate) {
|
||||
echo 'style="background: #cef0ad;"';
|
||||
}
|
||||
?>>
|
||||
|
||||
<td class="celda_normal">
|
||||
<?php
|
||||
echo date("d-m-Y", strtotime($trpSandUseStockDetail['date']));
|
||||
?>
|
||||
</td>
|
||||
|
||||
<td class="celda_normal rough"
|
||||
data-id="<?= $trpSandUseStockDetail['date'] ?>"
|
||||
oninput="roughStockChange(this)"
|
||||
contenteditable="true"><?= $trpSandUseStockDetail['rough_kgs'] ?? " " ?></td>
|
||||
|
||||
<td class="celda_normal fine"
|
||||
data-id="<?= $trpSandUseStockDetail['date'] ?>"
|
||||
oninput="fineStockChange(this)"
|
||||
contenteditable="true"><?= $trpSandUseStockDetail['fine_kgs'] ?? " " ?></td>
|
||||
|
||||
<td class="celda_normal total"
|
||||
data-id="<?= $trpSandUseStockDetail['date'] ?>"><?= $trpSandUseStockDetail['total_kgs'] ?? " " ?></td>
|
||||
|
||||
<td class="celda_normal customerName"
|
||||
data-id="<?= $trpSandUseStockDetail['date'] ?>"
|
||||
contenteditable="true"><?= $trpSandUseStockDetail['customer_name'] ?? " " ?></td>
|
||||
|
||||
<td style="display:none"
|
||||
data-id="<?= $trpSandUseStockDetail['date'] ?>"><?= $trpSandUseStockDetail['id'] ?? " " ?></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<?php
|
||||
|
||||
//before closing inner loop
|
||||
|
||||
if (!isset($summary['rough_kgs'])) {
|
||||
$summary['rough_kgs'] = 0;
|
||||
$summary['fine_kgs'] = 0;
|
||||
$summary['total_kgs'] = 0;
|
||||
}
|
||||
|
||||
|
||||
$summary['rough_kgs'] += $trpSandUseStockDetail['rough_kgs'] == "-" ? 0 : (float) $trpSandUseStockDetail['rough_kgs'];
|
||||
$summary['fine_kgs'] += $trpSandUseStockDetail['fine_kgs'] == "-" ? 0 : (float) $trpSandUseStockDetail['fine_kgs'];
|
||||
$summary['total_kgs'] += $trpSandUseStockDetail['total_kgs'] == "-" ? 0 : (float) $trpSandUseStockDetail['total_kgs'];
|
||||
} ?>
|
||||
|
||||
<tfoot>
|
||||
|
||||
<tr class="total_row">
|
||||
|
||||
<td style="background-color:rgb(189, 9, 6); color:#ffff;">
|
||||
<b> Total </b>
|
||||
</td>
|
||||
|
||||
<td class="celda_normal "><b><?= $summary['rough_kgs'] ?></b></td>
|
||||
<td class="celda_normal "><b><?= $summary['fine_kgs'] ?></b></td>
|
||||
<td class="celda_normal "><b><?= $summary['total_kgs'] ?></b></td>
|
||||
<td class="celda_normal "> </td>
|
||||
</tr>
|
||||
|
||||
|
||||
</tfoot>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<?php } else {
|
||||
|
||||
$date = DateTime::createFromFormat('M-Y', $month);
|
||||
|
||||
$startDate = $date->modify('first day of this month')->format('Y-m-d');
|
||||
$endDate = $date->modify('last day of this month')->format('Y-m-d');
|
||||
|
||||
$datesInMonth = [];
|
||||
|
||||
|
||||
$period = new DatePeriod(
|
||||
new DateTime($startDate),
|
||||
new DateInterval('P1D'),
|
||||
(new DateTime($endDate))->modify('+1 day')
|
||||
);
|
||||
|
||||
foreach ($period as $day) {
|
||||
$datesInMonth[] = $day->format('Y-m-d');
|
||||
}
|
||||
|
||||
foreach ($datesInMonth as $datesInMonthIndex => $dateInMonth) {
|
||||
?>
|
||||
<tr
|
||||
<?php
|
||||
$currentDate = date('d-m-Y');
|
||||
$dateInMonthDmYFormat = date("d-m-Y", strtotime($dateInMonth));
|
||||
if ($dateInMonthDmYFormat === $currentDate) {
|
||||
echo 'style="background: #cef0ad;"';
|
||||
}
|
||||
?>>
|
||||
|
||||
<!-- td:eq(0) -->
|
||||
<td class="celda_normal">
|
||||
<?php
|
||||
echo date("d-m-Y", strtotime($dateInMonth));
|
||||
?>
|
||||
</td>
|
||||
|
||||
<!-- td:eq(1) -->
|
||||
<td class="celda_normal rough"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
oninput="roughStockChange(this)"
|
||||
contenteditable="true"><?= " " ?></td>
|
||||
|
||||
<!-- td:eq(2) -->
|
||||
<td class="celda_normal fine"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
oninput="fineStockChange(this)"
|
||||
contenteditable="true"><?= " " ?></td>
|
||||
|
||||
<!-- td:eq(3) -->
|
||||
<td class="celda_normal total"
|
||||
data-id="<?= $dateInMonth ?>"><?= " " ?></td>
|
||||
|
||||
<!-- td:eq(4) -->
|
||||
<td class="celda_normal customer"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
contenteditable="true"><?= " " ?></td>
|
||||
|
||||
<!-- td:eq(5) -->
|
||||
<td style="display:none"
|
||||
data-id="<?= $dateInMonth ?>"
|
||||
contenteditable="true"><?= " " ?></td>
|
||||
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div> <!-- End card-body -->
|
||||
</div> <!-- End card -->
|
||||
</div> <!-- End col -->
|
||||
</div> <!-- End row -->
|
||||
</div>
|
||||
</div> <!-- End container-fluid -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- end modal section -->
|
||||
|
||||
<!-- modal section -->
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
function customFilterDate(){
|
||||
function customFilterDate() {
|
||||
|
||||
let fromDate = $('#fromDateFilter').val(); //01-12-2024
|
||||
let toDate = $('#toDateFilter').val(); //05-12-2024
|
||||
@ -668,7 +677,7 @@
|
||||
$('#trpSandUseStockDetailsTableId').find('tbody tr').each(function() {
|
||||
const rowCells = $(this).find('td');
|
||||
let tableDate = rowCells.eq(0).text();
|
||||
let result = checkDateRange(fromDate,toDate,tableDate);
|
||||
let result = checkDateRange(fromDate, toDate, tableDate);
|
||||
if (result) {
|
||||
$(this).show();
|
||||
} else {
|
||||
@ -699,11 +708,10 @@
|
||||
let parts = dateString.split('-');
|
||||
return new Date(parts[2], parts[1] - 1, parts[0]); // Year, Month (0-based), Day
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(document).ready(function() {
|
||||
$('.select2').select2();
|
||||
})
|
||||
</script>
|
||||
@ -712,11 +720,9 @@
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
$('#saveId').click(function () {
|
||||
$('#saveId').click(function() {
|
||||
|
||||
//table to json function
|
||||
|
||||
@ -732,7 +738,7 @@
|
||||
type: "POST",
|
||||
url: "<?php echo base_url() ?>updateTrpSandUseStockDetails",
|
||||
|
||||
success: function (data) {
|
||||
success: function(data) {
|
||||
if (data) {
|
||||
$('#loader').hide();
|
||||
console.log(data);
|
||||
@ -756,7 +762,6 @@
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
@ -784,40 +789,38 @@
|
||||
|
||||
return JSON.stringify(rows, null, 2);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
function roughStockChange(tdElement) {
|
||||
|
||||
try{
|
||||
try {
|
||||
console.log("just an alert from RoughStockChange..!!")
|
||||
console.log(tdElement.innerText)
|
||||
let dataId = tdElement.getAttribute('data-id')
|
||||
let roughStock = validateInput(tdElement.innerText);
|
||||
let fineStock = validateInput(document.querySelector(`td.fine[data-id="${dataId}"]`).innerText);
|
||||
let total = (Number(roughStock) + Number(fineStock)) ;
|
||||
let total = (Number(roughStock) + Number(fineStock));
|
||||
document.querySelector(`td.total[data-id="${dataId}"]`).innerText = total == 0 ? " " : total;
|
||||
|
||||
|
||||
} catch(error){
|
||||
} catch (error) {
|
||||
console.error("There is an error updating stock ..!!" + error);
|
||||
}
|
||||
}
|
||||
|
||||
function fineStockChange(tdElement) {
|
||||
try{
|
||||
try {
|
||||
|
||||
console.log("just an alert from fineStockChange..!!")
|
||||
console.log(tdElement.innerText)
|
||||
let dataId = tdElement.getAttribute('data-id')
|
||||
let roughStock = validateInput(document.querySelector(`td.rough[data-id="${dataId}"]`).innerText);
|
||||
let fineStock = validateInput(tdElement.innerText) ;
|
||||
let total = (Number(roughStock) + Number(fineStock)) ;
|
||||
document.querySelector(`td.total[data-id="${dataId}"]`).innerText = total == 0 ? " " : total ;
|
||||
let fineStock = validateInput(tdElement.innerText);
|
||||
let total = (Number(roughStock) + Number(fineStock));
|
||||
document.querySelector(`td.total[data-id="${dataId}"]`).innerText = total == 0 ? " " : total;
|
||||
|
||||
} catch(error){
|
||||
} catch (error) {
|
||||
|
||||
console.error("There is an error updating stock ..!!" + error);
|
||||
|
||||
@ -848,10 +851,6 @@
|
||||
return input;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
@ -859,8 +858,7 @@
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function(){
|
||||
$(document).ready(function() {
|
||||
|
||||
function exportTableToExcel(tableID, filename = '') {
|
||||
let table = document.getElementById(tableID);
|
||||
@ -868,12 +866,12 @@
|
||||
let cloneTable = table.cloneNode(true); // Clone the table to modify
|
||||
|
||||
// Remove hidden rows
|
||||
$(cloneTable).find('tr').filter(function () {
|
||||
$(cloneTable).find('tr').filter(function() {
|
||||
return $(this).css('display') === 'none';
|
||||
}).remove();
|
||||
|
||||
// Remove hidden columns
|
||||
$(cloneTable).find('th, td').each(function () {
|
||||
$(cloneTable).find('th, td').each(function() {
|
||||
if ($(this).css('display') === 'none') {
|
||||
$(this).remove();
|
||||
}
|
||||
@ -906,23 +904,20 @@
|
||||
|
||||
let tableId = 'trpSandUseStockDetailsTableId';
|
||||
|
||||
document.getElementById('trpSandUseStockExport').addEventListener('click',function(){
|
||||
document.getElementById('trpSandUseStockExport').addEventListener('click', function() {
|
||||
|
||||
exportTableToExcel(tableId,'Trp_Sand_Use_Stock_Details_<?=$month?>.xlsx');
|
||||
exportTableToExcel(tableId, 'Trp_Sand_Use_Stock_Details_<?= $month ?>.xlsx');
|
||||
|
||||
})
|
||||
|
||||
|
||||
})
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
document.addEventListener("keydown", function (event) {
|
||||
document.addEventListener("keydown", function(event) {
|
||||
|
||||
if (event.key === "Enter") {
|
||||
|
||||
@ -955,17 +950,15 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
$('#month').change(function(){
|
||||
$('#month').change(function() {
|
||||
$('#changeMonthForm').submit();
|
||||
})
|
||||
|
||||
$(document).ready(function () {
|
||||
$(document).ready(function() {
|
||||
|
||||
$('#month').datepicker({
|
||||
format: "M-yyyy", // Format as "Jan-2025"
|
||||
@ -1010,15 +1003,56 @@
|
||||
}
|
||||
}).catch(err => console.log("Error exiting fullscreen:", err));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$("#searchInput").on("keyup", function () {
|
||||
$("#searchInput").on("keyup", function() {
|
||||
let value = $(this).val().toLowerCase(); // Convert input to lowercase for case-insensitive search
|
||||
|
||||
$(".table-responsive tbody tr").filter(function () {
|
||||
$(".table-responsive tbody tr").filter(function() {
|
||||
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $('#fullscreenDiv')
|
||||
});
|
||||
|
||||
// Initialize Select2 when the modal is shown inside full screen
|
||||
$('#filterModalId,').on('shown.bs.modal', function() {
|
||||
$('.select2').select2({
|
||||
dropdownParent: $(this) // This ensures Select2 works in the modal
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
//getting modal backdrop inside full screen
|
||||
|
||||
$(document).ready(function() {
|
||||
function moveModalBackdropToFullscreen() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').appendTo('#fullscreenDiv'); // Move backdrop inside fullscreen
|
||||
}, 10); // Small delay ensures backdrop is created first
|
||||
}
|
||||
|
||||
// Move the modal backdrop when a modal opens
|
||||
$('#filterModalId').on('show.bs.modal', function() {
|
||||
moveModalBackdropToFullscreen();
|
||||
});
|
||||
|
||||
// Ensure modals work properly in fullscreen mode
|
||||
document.addEventListener("fullscreenchange", function() {
|
||||
setTimeout(() => {
|
||||
$('.modal-backdrop').remove(); // Remove any existing backdrops
|
||||
moveModalBackdropToFullscreen();
|
||||
}, 200);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user