please fix custom-card

This commit is contained in:
mahdahar 2024-11-11 14:16:43 +07:00
parent 9ba1b8d5aa
commit 66ea608585

View File

@ -2,12 +2,11 @@
<?= $this->section('content') ?> <?= $this->section('content') ?>
<style> <style>
tr { cursor: pointer; } tr { cursor: pointer; }
</style> </style>
<div class="row px-3 d-flex justify-content-between"> <div class="row d-flex justify-content-evenly">
<div class="custom-card">
<div class="custom-card ">
<div class="custom-card-content"> <div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between"> <div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-orange"> <div class="col-3 text-start text-orange">
@ -21,8 +20,7 @@
<h3 class="custom-card-text m-0 p-0 text-orange">Pending</h3> <h3 class="custom-card-text m-0 p-0 text-orange">Pending</h3>
</div> </div>
</div> </div>
<div class="custom-card">
<div class="custom-card ">
<div class="custom-card-content"> <div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between"> <div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-peach"> <div class="col-3 text-start text-peach">
@ -36,8 +34,7 @@
<h3 class="custom-card-text m-0 p-0 text-peach">Partial Collect</h3> <h3 class="custom-card-text m-0 p-0 text-peach">Partial Collect</h3>
</div> </div>
</div> </div>
<div class="custom-card">
<div class="custom-card ">
<div class="custom-card-content"> <div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between"> <div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-pink"> <div class="col-3 text-start text-pink">
@ -51,8 +48,7 @@
<h3 class="custom-card-text m-0 p-0 text-pink">Full Collect</h3> <h3 class="custom-card-text m-0 p-0 text-pink">Full Collect</h3>
</div> </div>
</div> </div>
<div class="custom-card">
<div class="custom-card ">
<div class="custom-card-content"> <div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between"> <div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-soft-blue"> <div class="col-3 text-start text-soft-blue">
@ -66,8 +62,7 @@
<h3 class="custom-card-text m-0 p-0 text-soft-blue">Partial Receive</h3> <h3 class="custom-card-text m-0 p-0 text-soft-blue">Partial Receive</h3>
</div> </div>
</div> </div>
<div class="custom-card">
<div class="custom-card ">
<div class="custom-card-content"> <div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between"> <div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-blue"> <div class="col-3 text-start text-blue">
@ -81,8 +76,7 @@
<h3 class="custom-card-text m-0 p-0 text-blue">Full Receive</h3> <h3 class="custom-card-text m-0 p-0 text-blue">Full Receive</h3>
</div> </div>
</div> </div>
<div class="custom-card">
<div class="custom-card ">
<div class="custom-card-content"> <div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between"> <div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-grey"> <div class="col-3 text-start text-grey">
@ -96,8 +90,7 @@
<h3 class="custom-card-text m-0 p-0 text-grey">Inprocess</h3> <h3 class="custom-card-text m-0 p-0 text-grey">Inprocess</h3>
</div> </div>
</div> </div>
<div class="custom-card">
<div class="custom-card ">
<div class="custom-card-content"> <div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between"> <div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-soft-green"> <div class="col-3 text-start text-soft-green">
@ -111,8 +104,7 @@
<h3 class="custom-card-text m-0 p-0 text-soft-green">Partial Val</h3> <h3 class="custom-card-text m-0 p-0 text-soft-green">Partial Val</h3>
</div> </div>
</div> </div>
<div class="custom-card">
<div class="custom-card ">
<div class="custom-card-content"> <div class="custom-card-content">
<div class="row p-0 d-flex justify-content-between"> <div class="row p-0 d-flex justify-content-between">
<div class="col-3 text-start text-green"> <div class="col-3 text-start text-green">
@ -126,128 +118,125 @@
<h3 class="custom-card-text m-0 p-0 text-green">Complete Val</h3> <h3 class="custom-card-text m-0 p-0 text-green">Complete Val</h3>
</div> </div>
</div> </div>
</div> </div>
<div class="card border-0"> <div class="card border-0">
<div class="body-card"> <div class="body-card">
<div class="table-responsive">
<table id="tabel_aneh" class="table">
<div class="table-responsive"> <thead>
<table id="tabel_aneh" class="table"> <tr >
<thead> <th>Order</th>
<tr > <th>MR</th>
<th>Order</th> <th>Patient</th>
<th>MR</th> <th>Request</th>
<th>Patient</th> <th>Hosp</th>
<th>Request</th> <th>Loc</th>
<th>Hosp</th> <th>Doc</th>
<th>Loc</th> <th>Test</th>
<th>Doc</th> <th>Status</th>
<th>Test</th> </tr>
<th>Status</th> </thead>
</tr> <tbody>
</thead> <tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal1">
<tbody> <td class="text-start">2024-10-12 23:37</td>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal1"> <td class="text-start">AJI909S</td>
<td class="text-start">2024-10-12 23:37</td> <td class="text-start">Zakiya Miksha</td>
<td class="text-start">AJI909S</td> <td class="text-start">1232233112</td>
<td class="text-start">Zakiya Miksha</td> <td class="text-start">2211212121</td>
<td class="text-start">1232233112</td> <td class="text-start">R09</td>
<td class="text-start">2211212121</td> <td class="text-start">312</td>
<td class="text-start">R09</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="text-start">312</td> <td class="bg-orange text-center align-middle">Pending</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> </tr>
<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>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal2"> <td class="text-start">AJI909S</td>
<td class="text-start">2024-10-12 23:37</td> <td class="text-start">Zakiya Miksha</td>
<td class="text-start">AJI909S</td> <td class="text-start">1232233112</td>
<td class="text-start">Zakiya Miksha</td> <td class="text-start">2211212121</td>
<td class="text-start">1232233112</td> <td class="text-start">R09</td>
<td class="text-start">2211212121</td> <td class="text-start">312</td>
<td class="text-start">R09</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="text-start">312</td> <td class="bg-peach text-center align-middle">Partial Collect</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> </tr>
<td class="bg-peach text-center align-middle">Partial Collect</td>
</tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal3"> <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">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td> <td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td> <td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td> <td class="text-start">1232233112</td>
<td class="text-start">2211212121</td> <td class="text-start">2211212121</td>
<td class="text-start">R09</td> <td class="text-start">R09</td>
<td class="text-start">312</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="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> <td class="bg-pink text-center align-middle">Full Collect</td>
</tr> </tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal4"> <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">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td> <td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td> <td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td> <td class="text-start">1232233112</td>
<td class="text-start">2211212121</td> <td class="text-start">2211212121</td>
<td class="text-start">R09</td> <td class="text-start">R09</td>
<td class="text-start">312</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="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> <td class="bg-soft-blue text-center align-middle">Partial Receive</td>
</tr> </tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal5"> <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">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td> <td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td> <td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td> <td class="text-start">1232233112</td>
<td class="text-start">2211212121</td> <td class="text-start">2211212121</td>
<td class="text-start">R09</td> <td class="text-start">R09</td>
<td class="text-start">312</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="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> <td class="bg-blue text-center align-middle">Full Receive</td>
</tr> </tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal6"> <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">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td> <td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td> <td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td> <td class="text-start">1232233112</td>
<td class="text-start">2211212121</td> <td class="text-start">2211212121</td>
<td class="text-start">R09</td> <td class="text-start">R09</td>
<td class="text-start">312</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="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> <td class="bg-grey text-center align-middle">Inprocess</td>
</tr> </tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal7"> <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">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td> <td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td> <td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td> <td class="text-start">1232233112</td>
<td class="text-start">2211212121</td> <td class="text-start">2211212121</td>
<td class="text-start">R09</td> <td class="text-start">R09</td>
<td class="text-start">312</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="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> <td class="bg-soft-green text-center align-middle">Partial Validation</td>
</tr> </tr>
<tr class="table-row" data-bs-toggle="modal" data-bs-target="#modal8"> <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">2024-10-12 23:37</td>
<td class="text-start">AJI909S</td> <td class="text-start">AJI909S</td>
<td class="text-start">Zakiya Miksha</td> <td class="text-start">Zakiya Miksha</td>
<td class="text-start">1232233112</td> <td class="text-start">1232233112</td>
<td class="text-start">2211212121</td> <td class="text-start">2211212121</td>
<td class="text-start">R09</td> <td class="text-start">R09</td>
<td class="text-start">312</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="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> <td class="bg-green text-center align-middle">Complete Validation</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div>
<?= $this->endSection() ?> <?= $this->endSection() ?>