mahdahar/pbmc-cmod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dashboard done

Browse Source
This commit is contained in:
mahdahar 2024-11-25 13:20:36 +07:00
parent ffeb285293
commit 98efe70198
11 changed files with 130 additions and 18797 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/Controllers/Dashboard.php
View File

@ -40,8 +40,9 @@ when not exists (select 1 from SP_TUBES st where st.SP_ACCESSNUMBER=sr.SP_ACCESS
when exists (select 1 FROM cmod.dbo.CM_TUBES T where T.ACCESSNUMBER=sr.SP_ACCESSNUMBER ) then
case
when exists (select 1 from SP_TUBES st where st.SP_ACCESSNUMBER=sr.SP_ACCESSNUMBER and st.TUBESTATUS=4 ) then 'PartRecv'
when exists (select 1 from cmod.dbo.CM_TUBES T where T.ACCESSNUMBER=sr.SP_ACCESSNUMBER and T.COLLSTATUS=0 ) then 'PartColl'
else 'Coll'
when not exists (select 1 from cmod.dbo.CM_TUBES T where T.ACCESSNUMBER=sr.SP_ACCESSNUMBER and T.COLLSTATUS=0 ) then 'Coll'
when exists (select 1 from cmod.dbo.CM_TUBES T where T.ACCESSNUMBER=sr.SP_ACCESSNUMBER and T.COLLSTATUS=1 ) then 'PartColl'
else 'Pend'
end
else 'Pend'
end STATS

251
app/Views/dashboard.html
View File

@ -1,251 +0,0 @@
<?= $this->extend('layouts/main.php') ?>
<?= $this->section('content') ?>
<style>
tr { cursor: pointer; }
</style>
<div class="d-flex justify-content-between p-0">
<div class="custom-card">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-orange">
<h5 class="m-0"><i class="bi bi-clock-history"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">345</h2>
</div>
</div>
<hr class="text-orange">
<h3 class="custom-card-text m-0 p-0 text-orange">Pending</h3>
</div>
</div>
<div class="custom-card">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-peach">
<h5 class="m-0"><i class="bi bi-tv"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">333</h2>
</div>
</div>
<hr class="text-peach">
<h3 class="custom-card-text m-0 p-0 text-peach">Part. Collect</h3>
</div>
</div>
<div class="custom-card">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-pink">
<h5 class="m-0"><i class="bi bi-collection"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">542</h2>
</div>
</div>
<hr class="text-pink">
<h3 class="custom-card-text m-0 p-0 text-pink">Collected</h3>
</div>
</div>
<div class="custom-card">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-soft-blue">
<h5 class="m-0"><i class="bi bi-file-medical"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">436</h2>
</div>
</div>
<hr class="text-soft-blue">
<h3 class="custom-card-text m-0 p-0 text-soft-blue">Part. Rcv.</h3>
</div>
</div>
<div class="custom-card">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-blue">
<h5 class="m-0"><i class="bi bi-journal-medical"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">567</h2>
</div>
</div>
<hr class="text-blue">
<h3 class="custom-card-text m-0 p-0 text-blue">Received</h3>
</div>
</div>
<div class="custom-card">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-grey">
<h5 class="m-0"><i class="bi bi-calendar3-week"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">321</h2>
</div>
</div>
<hr class="text-grey">
<h3 class="custom-card-text m-0 p-0 text-grey">Inprocess</h3>
</div>
</div>
<div class="custom-card">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-soft-green">
<h5 class="m-0"><i class="bi bi-check2"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">432</h2>
</div>
</div>
<hr class="text-soft-green">
<h3 class="custom-card-text m-0 p-0 text-soft-green">Part. Val.</h3>
</div>
</div>
<div class="custom-card">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-green">
<h5 class="m-0"><i class="bi bi-clipboard-check"></i></h5>
</div>
<div class="col-9 text-end pe-3">
<h2 class="m-0 custom-card-title">321</h2>
</div>
</div>
<hr class="text-green">
<h3 class="custom-card-text m-0 p-0 text-green">Validated</h3>
</div>
</div>
</div>
<div class="card border-0">
<div class="body-card">
<div class="table-responsive">
<table id="tabel_aneh" class="table">
<thead>
<tr >
<th>Order</th>
<th>MR</th>
<th>Patient</th>
<th>Request</th>
<th>Hosp</th>
<th>Loc</th>
<th>Doc</th>
<th>Test</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal1">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-orange text-center align-middle">Pending</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal2">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-peach text-center align-middle">Partial Collect</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal3">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-pink text-center align-middle">Full Collect</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal4">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-soft-blue text-center align-middle">Partial Receive</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal5">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-blue text-center align-middle">Full Receive</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal6">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-grey text-center align-middle">Inprocess</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal7">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-soft-green text-center align-middle">Partial Validation</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal8">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-green text-center align-middle">Complete Validation</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<?= $this->endSection() ?>
<?= $this->section('script') ?>
<script>
$(document).ready(function() {
$('#tabel_aneh').DataTable({
order: [] // Menonaktifkan pengurutan saat awal
});
});
</script>
<?= $this->endSection() ?>

232
app/Views/dashboard.php
View File

@ -2,87 +2,7 @@
<?= $this->section('content') ?>
<div class="d-flex justify-content-between p-0">
<div class="custom-card" data-filtertype="1">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-orange"> <h5 class="m-0"><i class="bi bi-clock-history"></i></h5> </div>
<div class="col-9 text-end pe-3"> <h2 class="m-0 custom-card-title">345</h2> </div>
</div>
<hr class="text-orange">
<h3 class="custom-card-text m-0 p-0 text-orange">Pending</h3>
</div>
</div>
<div class="custom-card" data-filtertype="2">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-peach"> <h5 class="m-0"><i class="bi bi-tv"></i></h5> </div>
<div class="col-9 text-end pe-3"> <h2 class="m-0 custom-card-title">333</h2> </div>
</div>
<hr class="text-peach">
<h3 class="custom-card-text m-0 p-0 text-peach">Part. Collect</h3>
</div>
</div>
<div class="custom-card" data-filtertype="3">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-pink"> <h5 class="m-0"><i class="bi bi-collection"></i></h5> </div>
<div class="col-9 text-end pe-3"> <h2 class="m-0 custom-card-title">542</h2></div>
</div>
<hr class="text-pink">
<h3 class="custom-card-text m-0 p-0 text-pink">Collected</h3>
</div>
</div>
<div class="custom-card" data-filtertype="4">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-soft-blue"> <h5 class="m-0"><i class="bi bi-file-medical"></i></h5> </div>
<div class="col-9 text-end pe-3"> <h2 class="m-0 custom-card-title">436</h2> </div>
</div>
<hr class="text-soft-blue">
<h3 class="custom-card-text m-0 p-0 text-soft-blue">Part. Rcv.</h3>
</div>
</div>
<div class="custom-card" data-filtertype="5">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-blue"> <h5 class="m-0"><i class="bi bi-journal-medical"></i></h5> </div>
<div class="col-9 text-end pe-3"> <h2 class="m-0 custom-card-title">567</h2> </div>
</div>
<hr class="text-blue">
<h3 class="custom-card-text m-0 p-0 text-blue">Received</h3>
</div>
</div>
<div class="custom-card" data-filtertype="6">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-grey"> <h5 class="m-0"><i class="bi bi-calendar3-week"></i></h5> </div>
<div class="col-9 text-end pe-3"> <h2 class="m-0 custom-card-title">321</h2> </div>
</div>
<hr class="text-grey">
<h3 class="custom-card-text m-0 p-0 text-grey">Inprocess</h3>
</div>
</div>
<div class="custom-card" data-filtertype="7">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-soft-green"> <h5 class="m-0"><i class="bi bi-check2"></i></h5> </div>
<div class="col-9 text-end pe-3"> <h2 class="m-0 custom-card-title">432</h2> </div>
</div>
<hr class="text-soft-green">
<h3 class="custom-card-text m-0 p-0 text-soft-green">Part. Val.</h3>
</div>
</div>
<div class="custom-card" data-filtertype="8">
<div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-green"> <h5 class="m-0"><i class="bi bi-clipboard-check"></i></h5> </div>
<div class="col-9 text-end pe-3"> <h2 class="m-0 custom-card-title">321</h2></div>
</div>
<hr class="text-green">
<h3 class="custom-card-text m-0 p-0 text-green">Validated</h3>
</div>
</div>
<div id='stats' class="d-flex justify-content-between p-0">
</div>
<div class="card border-0">
@ -123,8 +43,35 @@ function index() {
url: url,
method: 'GET',
success: function(response) {
// counter jaka yang ngerjakan
/*
// counter
*/
$("#stats").html("");
var stats = ['Pend', 'PartColl', 'Coll', 'PartRecv', 'Recv', 'Inc', 'PartVal', 'Comp'];
var statcolor = ['text-orange', 'text-peach', 'text-pink', 'text-soft-blue', 'text-blue', 'text-grey', 'text-soft-green', 'text-green'];
var staticon = ['bi-clock-history','bi-tv', 'bi-collection', 'bi-file-medical', 'bi-journal-medical', 'bi-calendar3-week', 'bi-check2', 'bi-clipboard-check'];
var stattext = ['Pending', 'Part Collected', 'Collected', 'Part Received', 'Received', 'Incomplete', 'Part Validated', 'Validated'];
var count = response['count'];
var statcontent = '';
stats.forEach ( (item, index) => {
//console.log(item + ' ' + index);
if(!count[item]) { count[item] = 0; }
statcontent += '<div class="custom-card" data-filtertype="'+index+'">' +
'<div class="custom-card-content">' +
'<div class="row p-0 d-flex justify-content-between">' +
'<div class="col-3 text-start '+statcolor[index]+'"> <h5 class="m-0"><i class="bi '+staticon[index]+'"></i></h5> </div>' +
'<div class="col-9 text-end pe-3"> <h2 class="m-0 custom-card-title">'+count[item]+'</h2> </div>' +
'</div>' +
'<hr class="text-orange">' +
'<h3 class="custom-card-text m-0 p-0 '+statcolor[index]+'">'+ stattext[index] +'</h3>' +
'</div>' +
'</div>';
});
$("#stats").html(statcontent);
/*
// table
*/
$("#table-body").html("");
var data = response['data'];
for (var i = 0; i < data.length; i++) {
@ -134,38 +81,83 @@ function index() {
patname = data[i].NAME;
hon = data[i].HOSTORDERNUMBER;
tests = data[i].TESTS;
stats = data[i].STATS;
if(stats == 'Pend') {
statsTD = "<td role='button' class='bg-orange text-center align-middle' onclick='viewAccess("+accessnumber+")'>Pending</td>";
stat = data[i].STATS;
if(stat == 'Pend') {
bgcolor = 'bg-orange';
datafilter = "data-filterrow='0'";
stattext = 'Pending';
} else if(stat == 'PartColl') {
bgcolor = 'bg-peach';
datafilter = "data-filterrow='1'";
} else if(stats == 'PartColl') {
statsTD = "<td role='button' class='bg-peach text-center align-middle' onclick='viewAccess("+accessnumber+")'>Partial Collected</td>";
stattext = 'Part Collected';
} else if(stat == 'Coll') {
bgcolor = 'bg-pink';
datafilter = "data-filterrow='2'";
} else if(stats == 'Coll') {
statsTD = "<td role='button' class='bg-pink text-center align-middle' onclick='viewAccess("+accessnumber+")'>Collected</td>";
datafilter = "data-filterrow='3'";
} else if(stats == 'PartRecv') {
statsTD = "<td role='button' class='bg-soft-blue text-center align-middle' onclick='viewAccess("+accessnumber+")'>Partial Received</td>";
stattext = 'Collected';
} else if(stat == 'PartRecv') {
bgcolor = 'bg-soft-blue';
datafilter = "data-filterrow='2'";
stattext = 'Part Received';
} else if(stat == 'Recv') {
bgcolor = 'bg-blue';
datafilter = "data-filterrow='4'";
} else if(stats == 'Recv') {
statsTD = "<td role='button' class='bg-blue text-center align-middle' onclick='viewAccess("+accessnumber+")'>Received</td>";
stattext = 'Received';
} else if(stat == 'Inc') {
bgcolor = 'bg-grey';
datafilter = "data-filterrow='5'";
} else if(stats == 'Inc') {
statsTD = "<td role='button' class='bg-soft-green text-center align-middle' onclick='viewAccess("+accessnumber+")'>Incomplete</td>";
stattext = 'Incomplete';
} else if(stat == 'PartVal') {
bgcolor = 'bg-soft-green';
datafilter = "data-filterrow='6'";
} else if(stats == 'PartVal') {
statsTD = "<td role='button' class='bg-soft-green text-center align-middle' onclick='viewAccess("+accessnumber+")'>Partial Validated</td>";
stattext = 'Part Validated';
} else if(stat == 'Comp') {
bgcolor = 'bg-green';
datafilter = "data-filterrow='7'";
} else if(stats == 'Comp') {
statsTD = "<td role='button' class='bg-green text-center align-middle' onclick='viewAccess("+accessnumber+")'>Validated</td>";
datafilter = "data-filterrow='8'";
stattext = 'Validated';
}
let datarow = '<tr class="align-middle" ' + datafilter + ' >' +
'<td>' + colldate + '</td> <td>' + patnumber + '</td> <td>' + accessnumber + '</td> <td>' + patname + '</td> <td>' + hon + '</td> <td>' + tests + '</td>' +
statsTD + '</tr>';
"<td role='button' class='"+bgcolor+" text-center align-middle' onclick='viewAccess("+accessnumber+")'>"+stattext+"</td>" + '</tr>';
$("#table-body").append(datarow);
}
$('#myTable').DataTable();
// datatable filter
const filterButton = document.querySelectorAll("[data-filtertype]");
const table = document.querySelector("#myTable");
const tr = table.getElementsByTagName("tr");
let activeButton = null;
filterButton.forEach((button) => {
button.addEventListener("click", () => {
const selectedButton = button.getAttribute("data-filtertype");
console.log(selectedButton);
if (activeButton === button) {
button.classList.remove("active", "border", "border-primary", "border-5");
activeButton = null;
for (let i = 1; i < tr.length; i++) {
tr[i].style.display = "";
}
} else {
filterButton.forEach((btn) => btn.classList.remove("active", "border", "border-info", "border-3"));
button.classList.add("active", "border", "border-info", "border-3");
activeButton = button;
for (let i = 1; i < tr.length; i++) {
const filterValue = tr[i].getAttribute("data-filterrow");
if (filterValue === selectedButton) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
});
});
},
error: function(response) { console.log(response.responseJSON); }
});
@ -177,41 +169,5 @@ function viewAccess(access) {
$('#modal').modal('show');
});
}
const filterButton = document.querySelectorAll("[data-filtertype]");
const table = document.querySelector("#myTable");
const tr = table.getElementsByTagName("tr");
let activeButton = null;
filterButton.forEach((button) => {
button.addEventListener("click", () => {
const selectedButton = button.getAttribute("data-filtertype");
console.log(selectedButton);
if (activeButton === button) {
button.classList.remove("active", "border", "border-primary", "border-5");
activeButton = null;
for (let i = 1; i < tr.length; i++) {
tr[i].style.display = "";
}
} else {
filterButton.forEach((btn) => btn.classList.remove("active", "border", "border-info", "border-3"));
button.classList.add("active", "border", "border-info", "border-3");
activeButton = button;
for (let i = 1; i < tr.length; i++) {
const filterValue = tr[i].getAttribute("data-filterrow");
if (filterValue === selectedButton) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
});
});
</script>
<?= $this->endSection() ?>

601
app/Views/dashboard_modals.html
View File

@ -1,601 +0,0 @@
<div class="modal modal-lg fade" id="modal1" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-orange">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-orange">Pending</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
<!-- <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Understood</button>
</div> -->
</div>
</div>
</div>
<!-- M-2 -->
<div class="modal modal-lg fade" id="modal2" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-peach">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-peach">Partial Collect</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal modal-lg fade" id="modal3" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-pink">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-pink">Full Collect</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- M-4 -->
<div class="modal modal-lg fade" id="modal4" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-soft-blue">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-soft-blue">Partial Receive</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- M-5 -->
<div class="modal modal-lg fade" id="modal5" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-blue">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-blue">Full Receive</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- M-6 -->
<div class="modal modal-lg fade" id="modal6" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-grey">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-grey">Inprocess</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- M-7 -->
<div class="modal modal-lg fade" id="modal7" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-soft-green">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-soft-green">Partial Validation</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- M-8 -->
<div class="modal modal-lg fade" id="modal8" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-green">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-green">Complete Validation</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

111
app/Views/dashboard_table.html
View File

@ -1,111 +0,0 @@
<table id="tabel_aneh" class="table">
<thead>
<tr >
<th>Order</th>
<th>MR</th>
<th>Patient</th>
<th>Request</th>
<th>Hosp</th>
<th>Loc</th>
<th>Doc</th>
<th>Test</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal1">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-orange text-center align-middle">Pending</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal2">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-peach text-center align-middle">Partial Collect</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal3">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-pink text-center align-middle">Full Collect</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal4">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-soft-blue text-center align-middle">Partial Receive</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal5">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-blue text-center align-middle">Full Receive</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal6">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-grey text-center align-middle">Inprocess</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal7">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-soft-green text-center align-middle">Partial Validation</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal8">
<td class="text-start">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td>
<td class="text-start">2211212121</td>
<td class="text-start">R09</td>
<td class="text-start">312</td>
<td class="text-start">Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean Corpuscular Hemoglobin Concentration (MCHC)</td>
<td class="bg-green text-center align-middle">Complete Validation</td>
</tr>
</tbody>
</table>

39
app/Views/dashboard_viewAccess.php
View File

@ -5,25 +5,16 @@ $patnumber = $row['PATNUMBER'];
$host = $row['HOSTORDERNUMBER'];
$name = $row['NAME'];
?>
<style>
span.badge { cursor:pointer; }
</style>
<div class="modal-header bg-orange">
<div class="modal-header bg-black text-white">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request </h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body" style='background-color:#F4F6FF'>
<div class="row">
<div class="col-6">
<table class="table table-sm table-borderless">
<tr> <th>Pat#</th> <th>:</th> <td><?=$patnumber;?></td> </tr>
<tr> <th>Nama</th> <th>:</th> <td><?=$name;?></td> </tr>
</table>
</div>
<div class="col-6">
<div class="col">
<table class="table table-sm table-borderless">
<tr> <th>Access#</th> <th>:</th> <td><?=$accessnumber;?></td> </tr>
<tr> <th>Status</th> <th>:</th> <td><span class="badge bg-orange">Pending</span></td> </tr>
<tr> <th>Patient</th> <th>:</th> <td><?=$patnumber;?> - <?=$name;?></td> </tr>
</table>
</div>
</div>
@ -54,10 +45,10 @@ span.badge { cursor:pointer; }
}
echo "<td>$sampletext</td>";
echo "<td>
<span class='badge text-bg-dark'><i class='bi bi-printer'></i></span>
<span class='badge text-bg-success' onclick='collect($sampletype, $accessnumber)'>Coll.</span>
<span class='badge text-bg-warning' onclick='uncollect($sampletype, $accessnumber)'>Un-Coll.</span>
<span class='badge text-bg-primary' onclick='unreceive($sampletype, $accessnumber)'>Un-Rec.</span>
<button class='badge text-bg-dark'><i class='bi bi-printer'></i></button>
<button class='badge text-bg-success' onclick='collect($sampletype, $accessnumber)'>Coll.</button>
<button class='badge text-bg-warning' onclick='uncollect($sampletype, $accessnumber)'>Un-Coll.</button>
<button class='badge text-bg-primary' onclick='unreceive($sampletype, $accessnumber)'>Un-Rec.</button>
</td> ";
echo "<td id='comment$sampletype'>$comment <i class='bi bi-pencil-square' role='button' onclick='comment($sampletype, $accessnumber, \"$sampletext\", \"$comment\")'></i></td>";
echo " </tr>";
@ -65,15 +56,15 @@ span.badge { cursor:pointer; }
?>
<tr>
<td></td> <td></td> <td>Collection</td>
<td> <span class='badge badge-dark'><i class='bi bi-printer'></i></span> </td>
<td> <button class='badge badge-dark'><i class='bi bi-printer'></i></button> </td>
</tr>
<tr>
<td></td> <td></td> <td>All</td>
<td>
<span class='badge text-bg-dark'><i class='bi bi-printer'></i></span>
<span class='badge text-bg-success' onclick='collectAll(<?=$accessnumber;?>)'>Coll.</span>
<!-- <span class='badge bg-black text-white' onclick='uncollectAll(<?=$accessnumber;?>)'>un-collect</span> -->
<span class='badge text-bg-primary' onclick='unreceiveAll(<?=$accessnumber;?>)'>Un-Rec.</span>
<button class='badge text-bg-dark'><i class='bi bi-printer'></i></button>
<button class='badge text-bg-success' onclick='collectAll(<?=$accessnumber;?>)'>Coll.</button>
<!-- <button class='badge bg-black text-white' onclick='uncollectAll(<?=$accessnumber;?>)'>un-collect</button> -->
<button class='badge text-bg-primary' onclick='unreceiveAll(<?=$accessnumber;?>)'>Un-Rec.</button>
</td>
</tr>
</table>
@ -91,6 +82,7 @@ function collect(sample, access) {
//console.log(data);
//$("#coll"+sample).prop("checked", true);
viewAccess(access);
index();
})
.catch(error => { console.error('Error:',error); });
}
@ -102,6 +94,7 @@ function collectAll(access) {
//console.log(data);
//$('input[id^="coll"]').prop('checked', true);
viewAccess(access);
index();
})
.catch(error => { console.error('Error:',error); });
@ -115,6 +108,7 @@ function uncollect(sample, access) {
//console.log(data);
//$("#coll"+sample).prop("checked", false);
viewAccess(access);
index();
})
.catch(error => { console.error('Error:',error); });
@ -127,6 +121,7 @@ function uncollectAll(access) {
//console.log(data);
//$('input[id^="coll"]').prop('checked', false);
viewAccess(access);
index();
})
.catch(error => { console.error('Error:',error); });
}
@ -139,6 +134,7 @@ function unreceive(sample, access) {
//console.log(data);
//$("#recv"+sample).prop("checked", false);
viewAccess(access);
index();
})
.catch(error => { console.error('Error:',error); });
@ -151,6 +147,7 @@ function unreceiveAll(access) {
//console.log(data);
//$('input[id^="recv"]').prop('checked', false);
viewAccess(access);
index();
})
.catch(error => { console.error('Error:',error); });
}

6
app/Views/layouts/main.php
View File

@ -7,7 +7,6 @@
<meta name="description" content="" />
<meta name="author" content="" />
<title>Analis Dashboard</title>
<script src="<?=base_url();?>assets/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="<?=base_url();?>assets/css/icons/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="<?=base_url();?>assets/datatables/datatables.min.css">
<link href="<?=base_url();?>assets/css/styles.css" rel="stylesheet" />
@ -50,9 +49,10 @@
</footer>
</div>
</div>
<script src="<?=base_url();?>assets/js/scripts.js"></script>
<script src="<?=base_url();?>assets/jquery-3.6.0.min.js"></script>
<script src="<?=base_url();?>assets/js/bootstrap.bundle.min.js"></script>
<script src="<?=base_url();?>assets/datatables/datatables.min.js"></script>
<script src="<?=base_url();?>assets/js/scripts.js"></script>
<?= $this->renderSection('script'); ?>
</body>
</html>

23
app/Views/layouts/topbar.html
View File

@ -1,23 +0,0 @@
<nav class="sb-topnav navbar navbar-expand navbar-light bg-light shadow-sm text-luxury">
<a class="navbar-brand ps-3 d-none d-md-block" href="#"><img src='<?=base_url();?>assets/img/logo.png' width='30' /> CMOD</a>
<button class="btn btn-link me-2" id="sidebarToggle"><i class="bi bi-list "></i></button>
<div class="ms-auto">
<ul class="navbar-nav ms-md-0 me-3 me-lg-4">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-person-circle"></i>
<?=$_SESSION['username'];?>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#!">Settings</a></li>
<li><a class="dropdown-item" href="#!">Activity Log</a></li>
<li><hr class="dropdown-divider" /></li>
<li><a class="dropdown-item" href="<?=base_url();?>auth/logout">Logout</a></li>
</ul>
</li>
</ul>
</div>
</nav>

17363
public/assets/datatables/datatables.min.css vendored
View File

File diff suppressed because one or more lines are too long

295
public/assets/datatables/datatables.min.js vendored
View File

File diff suppressed because one or more lines are too long

1
public/assets/js/bootstrap.bundle.min.js.map Normal file
View File

File diff suppressed because one or more lines are too long