Antara Ini Atau Swal Fire

<!
DOCTYPE html>
<div class="container-xxl flex-grow-1 container-p-y" id="containerss">
<h4 class="fw-semibold mb-4"><?php echo "Distribution Monitoring"; ?></h4>
<div class="card" id="card1">
<div class="card-body" id="body1">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.0/html2pdf.bundle.js"></
script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<style>
.modal-lg {
max-width: 40%; /* Adjust the percentage as needed */
.stepper-wrapper {
margin-top: auto;
display: flex;
justify-content: space-between;
margin-bottom: 20px;
.stepper-item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
@media (max-width: 768px) {
font-size: 12px;
.stepper-item::before {
position: absolute;
content: "";
border-bottom: 2px solid #ccc;
width: 100%;
top: 20px;
left: -50%;
z-index: 2;
.stepper-item2 {
position: relative;
display: flex;
flex-direction: column;
flex: 1;
@media (max-width: 768px) {
font-size: 12px;
.stepper-item2::before {
position: absolute;
content: "";
border-bottom: 2px solid #ccc;
width: 100%;
top: 20px;
left: -50%;
z-index: 2;
.stepper-item .step-counter {
position: relative;
z-index: 5;
display: flex;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: #ccc;
margin-bottom: 6px;
.stepper-item2 .step-counter {
position: relative;
z-index: 5;
display: flex;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background:lightgreen;
margin-bottom: 6px;
.stepper-item:first-child::before {
content: none;
.stepper-item:last-child::after {
content: none;
.stepper-item2:first-child::before {
content: none;
.stepper-item2:last-child::after {
content: none;
.progress-cell[data-status="Ready send"] {
background-color: orange;
color: black;
.progress-cell[data-status="Terima"] {
background-color: lightgrey;
color: black;
.progress-cell[data-status="Return"] {
background-color: red;
color: black;
}
.progress-cell[data-status="Close"] {
background-color: lightgreen;
color: black;
.progress-cell2[data-status="Ready send"] {
background-color: orange;
color: black;
.progress-cell2[data-status="Terima"] {
background-color: lightgrey;
color: black;
.progress-cell2[data-status="Return"] {
background-color: red;
color: black;
.progress-cell2[data-status="Close"] {
background-color: lightgreen;
color: black;
</style>
</head>
<body>
<div id="PPICCard">
<?php if ($showButton): ?>
<button type="button" class="btn btn-success" data-toggle="modal" data-

target="#ppicModal">PPIC Access</button>
<?php endif; ?>
<p></p>
<p></p>
<div class="card-datatable table-responsive">
<table class="tables-monitoring table border-top" id="tableMonitoring">
<thead>
<tr>
<th>#</th>
<th>BM</th>
<th>Kode Produk</th>
<th>Progress</th>
<th>Status</th>
<th>Tanggal</th>
<th>Tanggal BPP</th>
<th>Keterangan</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php $i = 1; ?>
<?php foreach ($monitoring as $pa) : ?>
<tr>
<th scope="row"><?= $i; ?></th>

<td><?= $pa['bm']; ?></td>
<td><?= $pa['kode_produk']; ?></td>
<td><?= $pa['departement']; ?></td>

<td class="progress-cell" data-status="<?= $pa['statusMonitoring']; ?>">
<?= $pa['statusMonitoring']; ?>
</td>
<td><?= $pa['tanggalMonitoring']; ?></td>
<td><?= $pa['tanggalbpp'] ?? 'N/A'; ?></td>
<td><?= $pa['keterangan'] ?? 'N/A'; ?></td>
<td>
<div class="d-flex">
<?php if ($showButton2 || $showButton3): ?>
<div>
<?php if ($showButton3): ?>

target="#updateModal<?= $pa['id'] ?>">Update</button>
<?php endif; ?>
<?php if ($showButton2): ?>

target="#updateModal2<?= $pa['id'] ?>">Update</button>
<?php endif; ?>
</div>
<?php endif; ?>
<span style="margin-right: 10px;"></span>

<button type="button" class="btn btn-primary" data-toggle="modal" data-

target="#historyModal<?= $pa['id'] ?>">History</button>
<div class="modal" id="historyModal<?= $pa['id']; ?>">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">History Monitoring</h4>
<button type="button" class="btn-close"

data-dismiss="modal">×</button>
</div>
<div class="stepper-wrapper">
<?php if ($pa['dept_id'] == 3): ?>
<div class="stepper-item2 completed" id="step1">
<div class="step-counter">1</div>
<div class="step-name">PPIC</div>
</div>
<div class="stepper-item completed" id="step2">
<div class="step-name">Produksi</div>
</div>
<div class="step-name">QA</div>
</div>
<?php endif; ?>
<?php if ($pa['dept_id'] == 19): ?>
</div>
</div>

</div>
<?php endif; ?>
<?php if ($pa['dept_id'] == 15): ?>
</div>
</div>
</div>
<?php endif; ?>
</div>
<div class="modal-body">
<div class="card-datatable table-responsive">
<table class=" table border-top">
<thead>
<tr>
<th>#</th>
<th>BM</th>
<th>Kode Produk</th>
<th>Progress</th>
<th>Status</th>
<th>Tanggal</th>
<th>Tanggal BPP</th>
<th>Keterangan</th>
</tr>
</thead>
<tbody>
<?php $i = 1; ?>
<?php foreach ($monitoringtrail as $trail) : ?>
<?php if ($trail['id_monitoring'] == $pa['id']) : ?>
<tr>
<th scope="row"><?= $i; ?></th>
<td><?= $trail['bm']; ?></td>
<td><?= $trail['kode_produk']; ?></td>
<td><?= $trail['departement']; ?></td>

<td class="progress-cell2" data-status="<?=

$trail['statusMonitoring']; ?>">
<?= $trail['statusMonitoring']; ?>
<td><?= $trail['tanggalMonitoring']; ?></td>
<td><?= $trail['tanggalbpp'] ?? 'N/A'; ?></td>
<td><?= $trail['keterangan'] ?? 'N/A'; ?></td>
</tr>
<?php $i++; ?>
<?php endif; ?>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<div class="modal" id="updateModal<?= $pa['id']; ?>">
<div class="modal-dialog">
<h4 class="modal-title">Update Monitoring</h4>

</div>
<form id="updateFormsss" method="post">
<div class="form-group">
<label for="tanggalBPP">Tanggal BPP:</label>
<input type="date" class="form-control" id="tanggalBPP"

name="tanggalBPP" required>
</div>
<label for="keterangan">Keterangan:</label>
<textarea class="form-control" id="keterangan" name="keterangan"

required></textarea>
</div>
<div class="modal-footer">

<button type="button" class="btn btn-success" onclick="confirmTerima()" <?php

echo ($pa['dept_id'] == 3 && $pa['statusMonitoring'] == 'Ready send' || $pa['dept_id'] == 15 &&
$pa['statusMonitoring'] == 'Return') ? '' : 'disabled'; ?> id="terimaButton">Terima</button>
<button type="button" class="btn btn-primary" onclick="confirmKirim()" <?php
echo ($pa['dept_id'] == 19 && $pa['statusMonitoring'] == 'Terima') ? '' : 'disabled'; ?>
id="kirimButton">Kirim</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script>
function confirmTerima() {
Swal.fire({
title: 'Konfirmasi',
text: 'Apakah Anda yakin ingin menerima?',
icon: 'question',
showCancelButton: true,
confirmButtonColor: '#28a745',
cancelButtonColor: '#d33',
confirmButtonText: 'Ya',
cancelButtonText: 'Tidak'
}).then((result) => {
if (result.isConfirmed) {
// Setelah dikonfirmasi, atur nilai tanggalBPP dan keterangan
var tanggalBPP = document.getElementById("tanggalBPP").value;
var keterangan = document.getElementById("keterangan").value;
// Setelah itu, submit formulir

document.getElementById("updateFormsss").action = "<?=
base_url('user/insertMonitoringProd/' . $pa['id']); ?>";
document.getElementById("updateFormsss").submit();
});
function confirmKirim() {
Swal.fire({
title: 'Konfirmasi',
text: 'Apakah Anda yakin ingin mengirim?',
icon: 'question',
showCancelButton: true,
confirmButtonColor: '#007bff',
cancelButtonColor: '#d33',
confirmButtonText: 'Ya',
cancelButtonText: 'Tidak'
}).then((result) => {
if (result.isConfirmed) {
// Setelah dikonfirmasi, atur nilai tanggalBPP dan keterangan
var tanggalBPP = document.getElementById("tanggalBPP").value;
var keterangan = document.getElementById("keterangan").value;
// Setelah itu, submit formulir
document.getElementById("updateFormsss").action = "<?=
base_url('user/insertMonitoringProd2/' . $pa['id']); ?>";
document.getElementById("updateFormsss").submit();
});
</script>
<div class="modal" id="updateModal2<?= $pa['id']; ?>">
<h4 class="modal-title">Update Monitoring QA</h4>

</div>
<form id="updateForm2" action="<?php echo

base_url('user/updateMonitoringQa'); ?>" method="post">
<label for="keteranganqa">Keterangan:</label>
<textarea class="form-control" id="keteranganqa"

name="keteranganqa"></textarea>
</div>
<button type="submit" class="btn btn-primary" formaction="<?=

base_url('user/insertMonitoringQa1/' . $pa['id']); ?>" <?php echo ($pa['dept_id'] == 19 &&
$pa['statusMonitoring'] == 'Ready send') ? '' : 'disabled'; ?>>Terima</button>
<button type="submit" class="btn btn-danger" formaction="<?=

base_url('user/insertMonitoringQa2/' . $pa['id']); ?>"<?php echo ($pa['dept_id'] == 15 &&
$pa['statusMonitoring'] == 'Terima') ? '' : 'disabled'; ?>>Return</button>
<button type="submit" class="btn btn-success" formaction="<?=

base_url('user/insertMonitoringQa3/' . $pa['id']); ?>"<?php echo ($pa['dept_id'] == 15 &&
$pa['statusMonitoring'] == 'Terima') ? '' : 'disabled'; ?>>Close</button>
</div>
</form>
</div>
</div>
</div>
</div>
<?php $i++; ?>
<?php endforeach; ?>
</tbody>
</table>
</div>
<div class="modal" id="ppicModal">
<h4 class="modal-title">PPIC Access</h4>
<button type="button" class="btn-close" data-dismiss="modal">×</button>
</div>
<form id="ppicForm" action="<?php echo base_url('user/insertMonitoring'); ?>"

method="post">
<label for="bnInput">BN:</label>
<input type="text" class="form-control" id="bnInput" name="bnInput" required>
</div>
<label for="kodeProdukInput">Kode Produk:</label>
<input type="text" class="form-control" id="kodeProdukInput"

name="kodeProdukInput" required>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
</div>
</div>
</div>

Antara Ini Atau Swal Fire

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Antara Ini Atau Swal Fire

Uploaded by

Copyright:

Available Formats

<!

<div class="container-xxl flex-grow-1 container-p-y" id="containerss">

<h4 class="fw-semibold mb-4"><?php echo "Distribution Monitoring"; ?></h4>

<div class="card" id="card1">

<div class="card-body" id="body1">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

max-width: 40%; /* Adjust the percentage as needed */

@media (max-width: 768px) {

border-bottom: 2px solid #ccc;

@media (max-width: 768px) {

border-bottom: 2px solid #ccc;

<?php if ($showButton): ?>

<button type="button" class="btn btn-success" data-toggle="modal" data-

<?php endif; ?>

<div class="card-datatable table-responsive">

<table class="tables-monitoring table border-top" id="tableMonitoring">

<?php foreach ($monitoring as $pa) : ?>

<th scope="row"><?= $i; ?></th>

<td><?= $pa['kode_produk']; ?></td>

<td><?= $pa['departement']; ?></td>

<td class="progress-cell" data-status="<?= $pa['statusMonitoring']; ?>">

<?= $pa['statusMonitoring']; ?>

<td><?= $pa['tanggalMonitoring']; ?></td>

<td><?= $pa['tanggalbpp'] ?? 'N/A'; ?></td>

<td><?= $pa['keterangan'] ?? 'N/A'; ?></td>

<?php if ($showButton2 || $showButton3): ?>

<?php if ($showButton3): ?>

<button type="button" class="btn btn-success" data-toggle="modal" data-

<?php endif; ?>

<?php if ($showButton2): ?>

<button type="button" class="btn btn-success" data-toggle="modal" data-

<?php endif; ?>

<?php endif; ?>

<span style="margin-right: 10px;"></span>

<!-- <div><button type="button" class="btn btn-primary">History</button></div>

<button type="button" class="btn btn-primary" data-toggle="modal" data-

<div class="modal" id="historyModal<?= $pa['id']; ?>">

<div class="modal-dialog modal-lg">

<h4 class="modal-title">History Monitoring</h4>

<button type="button" class="btn-close"

<?php if ($pa['dept_id'] == 3): ?>

<div class="stepper-item2 completed" id="step1">

<div class="stepper-item completed" id="step2">

<div class="stepper-item completed" id="step3">

<?php endif; ?>

<?php if ($pa['dept_id'] == 19): ?>

<div class="stepper-item completed" id="step1">

<div class="stepper-item2 completed" id="step2">

<div class="stepper-item completed" id="step3">

<?php endif; ?>

<?php if ($pa['dept_id'] == 15): ?>

<div class="stepper-item completed" id="step1">

<div class="stepper-item completed" id="step2">

<div class="stepper-item2 completed" id="step3">

<?php endif; ?>

<div class="card-datatable table-responsive">

<table class=" table border-top">

<?php foreach ($monitoringtrail as $trail) : ?>

<?php if ($trail['id_monitoring'] == $pa['id']) : ?>

<th scope="row"><?= $i; ?></th>

<td><?= $trail['bm']; ?></td>

<td><?= $trail['kode_produk']; ?></td>

<button type="button" class="btn-close" data-dismiss="modal">×</button>