258 lines
9.5 KiB
PHP
258 lines
9.5 KiB
PHP
<?= $this->extend('_layouts/main.php') ?>
|
|
|
|
<?= $this->section('title') ?>
|
|
<title>Admin Glenlis</title>
|
|
<?= $this->endSection() ?>
|
|
|
|
<?= $this->section('content') ?>
|
|
|
|
<div class="container-fluid px-3">
|
|
<div class='row p-1'>
|
|
<div class='col fw-bold'>Dashboard</div>
|
|
<div class='col text-end'>
|
|
Hi, User
|
|
<button class="btn btn-sm btn-secondary" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-list"></i></button>
|
|
<div class="dropdown">
|
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
|
|
<li><a class="dropdown-item" href="<?=base_url('admin/');?>">Dashboard</a></li>
|
|
<li><a class="dropdown-item" href="<?=base_url('');?>">Report</a></li>
|
|
<li><a class="dropdown-item" href="<?=base_url('admin/user');?>">User</a></li>
|
|
<li><a class="dropdown-item" href="<?=base_url('logout');?>">Log Out</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="table table-responsive-scroll">
|
|
<table id="datatables" class="table table-sm table-hover table-bordered align-middle table-striped">
|
|
<thead class="table-primary">
|
|
<tr>
|
|
<th>S</th>
|
|
<th style='width:7%;'>Order Datetime</th>
|
|
<th>Patient Name</th>
|
|
<th>No Lab</th>
|
|
<th>No Register</th>
|
|
<th style='width:10%;'>Reff</th>
|
|
<th>Doctor</th>
|
|
<th style='width:10%;'>Tests</th>
|
|
<th style='width:5%;'>Result To</th>
|
|
<th style='width:8%;'>Validation</th>
|
|
<th style='width:5%;'>Status</th>
|
|
<th style='width:8%;'></th>
|
|
<th style='width:6%;'></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php foreach($dataList as $row) : ?>
|
|
<?php
|
|
switch ($row['statscode']) {
|
|
case 1: $class = 'BackPend'; break;
|
|
case 2: $class = 'PartColl'; break;
|
|
case 3: $class = 'Collected'; break;
|
|
case 4: $class = 'PartRecv'; break;
|
|
case 5: $class = 'Received'; break;
|
|
case 6: $class = 'Incomplete'; break;
|
|
case 7: $class = 'Final'; break;
|
|
case 8: $class = 'FinVerification'; break;
|
|
case 9: $class = 'PenVerification'; break;
|
|
default: $class = ''; break;
|
|
}
|
|
?>
|
|
<tr>
|
|
<td class="pointercol" data-access="<?= $row['sp_accessnumber'] ?>" data-bs-toggle="modal"
|
|
data-bs-target="#detailModal">
|
|
<?= esc($row['statscode']) ?>
|
|
</td>
|
|
|
|
<td class="pointercol" data-access="<?= $row['sp_accessnumber'] ?>" data-bs-toggle="modal"
|
|
data-bs-target="#detailModal">
|
|
<?= esc($row['reqdate']) ?>
|
|
</td>
|
|
<td class="pointercol" data-access="<?= $row['sp_accessnumber'] ?>" data-bs-toggle="modal"
|
|
data-bs-target="#detailModal">
|
|
<?= esc($row['patname']) ?>
|
|
</td>
|
|
<td class="pointercol" data-access="<?= $row['sp_accessnumber'] ?>" data-bs-toggle="modal"
|
|
data-bs-target="#detailModal">
|
|
<?= esc($row['sp_accessnumber']) ?>
|
|
</td>
|
|
<td class="pointercol" data-access="<?= $row['sp_accessnumber'] ?>" data-bs-toggle="modal"
|
|
data-bs-target="#detailModal">
|
|
<?= esc($row['hostordernumber']) ?>
|
|
</td>
|
|
<td class="pointercol" data-access="<?= $row['sp_accessnumber'] ?>" data-bs-toggle="modal"
|
|
data-bs-target="#detailModal">
|
|
<?= esc($row['reff']) ?>
|
|
</td>
|
|
<td class="pointercol" data-access="<?= $row['sp_accessnumber'] ?>" data-bs-toggle="modal"
|
|
data-bs-target="#detailModal">
|
|
<?= esc($row['doc']) ?>
|
|
</td>
|
|
<td class="pointercol" data-access="<?= $row['sp_accessnumber'] ?>" data-bs-toggle="modal"
|
|
data-bs-target="#detailModal">
|
|
<?= esc($row['tests']) ?>
|
|
</td>
|
|
<td class="pointercol" data-access="<?= $row['sp_accessnumber'] ?>" data-bs-toggle="modal"
|
|
data-bs-target="#detailModal">
|
|
<?= esc($row['odr_cresult_to']) ?>
|
|
</td>
|
|
<td>
|
|
<h6>
|
|
<span class="px-3 py-2 badge text-success border border-success bg-success-subtle">
|
|
_
|
|
</span>
|
|
</h6>
|
|
<a href="#" class="text-primary">Result</a><br>
|
|
<a href="#" class="text-primary" disabled>Invalidation</a><br>
|
|
</td>
|
|
<td class="pointercol <?= esc($class) ?>" data-access="<?= $row['sp_accessnumber'] ?>"
|
|
data-bs-toggle="modal" data-bs-target="#detailModal">
|
|
<?= esc($row['stats']) ?>
|
|
</td>
|
|
<td>
|
|
<a href="#" class="text-primary">Preview</a> <br/>
|
|
|
|
<a href="#" class="text-danger">Print</a> | <a href="#" class="text-danger">Eng</a> <br/>
|
|
<a href="#" class="text-primary">Pdf</a>
|
|
</td>
|
|
<td>
|
|
<input type="checkbox" name="printed"> Printed<br>
|
|
<input type="checkbox" name="hardcopy"> Hardcopy
|
|
</td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<!-- Modal Specimen Collection-->
|
|
<div class="modal fade" id="detailModal" aria-hidden="true" aria-labelledby="detailModal" tabindex="-1">
|
|
<div class="modal-dialog modal-lg modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title fw-bold fs-4" id="detailModal">Specimen Collection</h1>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body" id="modalContent"> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- OffCanvas Filter -->
|
|
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasFilter" aria-labelledby="offcanvasFilterLabel">
|
|
<div class="offcanvas-header">
|
|
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Advanced Filter</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
</div>
|
|
<div class="offcanvas-body">
|
|
orang dalam
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<?= $this->endSection() ?>
|
|
|
|
<?= $this->section('script') ?>
|
|
<script>
|
|
$(document).ready(function () {
|
|
$('#datatables').DataTable({
|
|
layout: {
|
|
topStart: {
|
|
div: {
|
|
id: 'myCustomDiv',
|
|
className: 'custom-div-style',
|
|
html: `
|
|
<form method="GET" action='<?= base_url('/admin') ?>'>
|
|
<div class="row align-items-center g-3">
|
|
<div class="col-auto fw-semibold text-muted">
|
|
Date :
|
|
</div>
|
|
|
|
<div class="col-auto">
|
|
<input type="date" class="form-control form-control-sm" name="date1"
|
|
value="<?php echo $date1; ?>" />
|
|
</div>
|
|
|
|
<div class="col-auto">-</div>
|
|
|
|
<div class="col-auto">
|
|
<input type="date" class="form-control form-control-sm" name="date2"
|
|
value="<?php echo $date2; ?>" />
|
|
</div>
|
|
|
|
<div class="col-auto">
|
|
<button type="submit" class="btn btn-sm btn-primary">Search</button>
|
|
</div>
|
|
|
|
<div class="col-auto"> <button type="button" class="btn btn-sm btn-outline-dark" onclick="window.location.href='<?=base_url();?>';"> RESET </button> </div>
|
|
<div class="col-auto"> <button type="button" class="btn btn-sm btn-dark" data-bs-toggle="offcanvas" data-bs-target="#offcanvasFilter" aria-controls="offcanvasFilter"> Adv.Filter </button> </div>
|
|
</div>
|
|
</form>`
|
|
}
|
|
}
|
|
},
|
|
order: [[0, 'asc'], [3, 'asc']],
|
|
paging: false,
|
|
scrollCollapse: true,
|
|
scrollY: '75vh',
|
|
columnDefs: [{
|
|
className: 'text-center',
|
|
targets: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
|
|
}, // semua kolom di tengah
|
|
{
|
|
className: 'text-start',
|
|
targets: [12]
|
|
}
|
|
],
|
|
language: {
|
|
// search: "Cari:",
|
|
// lengthMenu: "Tampilkan _MENU_ data",
|
|
// info: "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
|
|
// paginate: {
|
|
// previous: "Sebelumnya",
|
|
// next: "Berikutnya"
|
|
// }
|
|
},
|
|
responsive: true,
|
|
});
|
|
});
|
|
// Untuk Koment Value
|
|
function commentValue() {
|
|
const input = prompt("Masukkan Komentar :");
|
|
}
|
|
|
|
// Untuk Detail
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
const modal = document.getElementById('detailModal');
|
|
const modalContent = document.getElementById('modalContent');
|
|
document.querySelectorAll('.pointercol').forEach(td => {
|
|
td.addEventListener('click', async function () {
|
|
const access = this.dataset.access;
|
|
modalContent.innerHTML =
|
|
"<p class='text-center text-muted'>Loading data...</p>";
|
|
try {
|
|
// Get API
|
|
const res = await fetch(`<?=base_url();?>api/specimen/${access}`);
|
|
const data = await res.json();
|
|
$.get(`<?=base_url('admin/modal_specimen');?>`, function(tpl) {
|
|
//console.log(tpl);
|
|
//console.log(data);
|
|
const html = Mustache.render(tpl, data);
|
|
modalContent.innerHTML=html;
|
|
});
|
|
} catch (err) {
|
|
modalContent.innerHTML =
|
|
"<p class='text-danger text-center'>Gagal memuat data.</p>";
|
|
console.error(err);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
<?= $this->endSection() ?>
|