372 lines
12 KiB
PHP
372 lines
12 KiB
PHP
<?= $this->extend('layouts/main.php') ?>
|
|
|
|
<?php
|
|
// $totalTMS30iTest = 0;
|
|
// if (isset($tms30iCountTest)) {
|
|
|
|
// foreach($tms30i as $value) {
|
|
// $totalTMS30iTest += (int) $value['patresCount'];
|
|
// }
|
|
// }
|
|
?>
|
|
|
|
<?= $this->section('css') ?>
|
|
<style>
|
|
|
|
* {
|
|
font-family: 'Montserrat', sans-serif;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.order-card {
|
|
color: #fff;
|
|
}
|
|
|
|
.bg-c-blue {
|
|
background: linear-gradient(45deg,#4083ff,#73b4ff);
|
|
}
|
|
.bg-blue {
|
|
background: #4083ff;
|
|
}
|
|
|
|
.bg-c-green {
|
|
background: linear-gradient(45deg,#2ed8b6,#59e0c5);
|
|
}
|
|
|
|
.bg-c-yellow {
|
|
background: linear-gradient(45deg,#da8b15be,#e4a827);
|
|
}
|
|
|
|
.bg-c-pink {
|
|
background: linear-gradient(45deg,#FF5370,#ff869a);
|
|
}
|
|
|
|
.bg-c-purple {
|
|
background: linear-gradient(45deg,#ff40dfbb,#df40ff);
|
|
}
|
|
|
|
|
|
.card {
|
|
border-radius: 15px;
|
|
-webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
|
|
box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
|
|
border: none;
|
|
margin-bottom: 30px;
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
|
|
.card .card-block {
|
|
padding: 25px;
|
|
}
|
|
|
|
.order-card i {
|
|
font-size: 26px;
|
|
}
|
|
|
|
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
|
|
/* color: var(--bs-nav-pills-link-active-color); */
|
|
background-color: #ffffff;
|
|
}
|
|
.bcgrnd-ul {
|
|
border-radius: 10px;
|
|
background: #ffffffe0;
|
|
box-shadow: 10px 10px 20px rgba(196, 193, 193, 0.2);
|
|
|
|
}
|
|
.nav-link {
|
|
color: #000;
|
|
}
|
|
.nav-link:hover {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.nav-item-30:hover {
|
|
color: #ffffff;
|
|
background: linear-gradient(45deg,#4099ff,#358df1);
|
|
border-radius: 10px;
|
|
}
|
|
.nav-item-30 .active {
|
|
color: #ffffff;
|
|
background: linear-gradient(45deg,#4099ff,#358df1);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.nav-item-1024:hover {
|
|
color: #ffffff;
|
|
background: linear-gradient(45deg,#2ed8b6,#59e0c5);
|
|
border-radius: 10px;
|
|
}
|
|
.nav-item-1024 .active {
|
|
color: #ffffff;
|
|
background: linear-gradient(45deg,#2ed8b6,#59e0c5);
|
|
border-radius: 10px;
|
|
}
|
|
.nav-item-24:hover {
|
|
color: #ffffff;
|
|
background: linear-gradient(45deg,#ffb54d,#f7b150);
|
|
border-radius: 10px;
|
|
}
|
|
.nav-item-24 .active {
|
|
color: #ffffff;
|
|
background: linear-gradient(45deg,#ffb54d,#f7b150);
|
|
border-radius: 10px;
|
|
}
|
|
.nav-item-50:hover {
|
|
color: #ffffff;
|
|
background: linear-gradient(45deg,#ff40dfbb,#df40ff);
|
|
border-radius: 10px;
|
|
}
|
|
.nav-item-50 .active {
|
|
color: #ffffff;
|
|
background: linear-gradient(45deg,#ff40dfbb,#df40ff);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.list:hover {
|
|
background-color: #e0e7ee;
|
|
}
|
|
|
|
</style>
|
|
<?= $this->endSection() ?>
|
|
|
|
<?= $this->section('content') ?>
|
|
<main id="main" class="main">
|
|
<div class="pagetitle">
|
|
<h1>Dashboard</h1>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6 col-md-4 col-xl-3">
|
|
<div class="card bg-c-blue order-card">
|
|
<div class="card-block">
|
|
<h5 class="m-0 fs-6">TMS 30i <span class="m-0 float-end"><i class="bi bi-pc-display-horizontal"></i></span></h5>
|
|
<hr>
|
|
<!-- <p class="mb-0">Total Test<span class="float-end">-</span></p> -->
|
|
<!-- <h4 class="text-end"><i class="bi bi-airplane float-start"></i><span>486</span></h4> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-4 col-xl-3">
|
|
<div class="card bg-c-green order-card">
|
|
<div class="card-block">
|
|
<h5 class="m-0 fs-6">TMS 1024i <span class="m-0 float-end"><i class="bi bi-pc-display"></i></span></h5>
|
|
<hr>
|
|
<!-- <p class="mb-0">Total Test<span class="float-end">-</span></p> -->
|
|
<!-- <h4 class="text-end"><i class="bi bi-airplane float-start"></i><span>486</span></h4> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-4 col-xl-3">
|
|
<div class="card bg-c-yellow order-card">
|
|
<div class="card-block">
|
|
<h5 class="m-0 fs-6">TMS 24i Premium <span class="m-0 float-end"><i class="bi bi-robot"></i></span></h5>
|
|
<hr>
|
|
<!-- <p class="mb-0">Total Test<span class="float-end">-</span></p> -->
|
|
<!-- <h4 class="text-end"><i class="bi bi-airplane float-start"></i><span>486</span></h4> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-4 col-xl-3">
|
|
<div class="card bg-c-purple order-card">
|
|
<div class="card-block">
|
|
<h5 class="m-0 fs-6">TMS 50i Superior <span class="m-0 float-end"><i class="bi bi-tv"></i></span></h5>
|
|
<hr>
|
|
<!-- <p class="mb-0">Total Test<span class="float-end">-</span></p> -->
|
|
<!-- <h4 class="text-end"><i class="bi bi-airplane float-start"></i><span>486</span></h4> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row mt-0">
|
|
<div class="col">
|
|
<ul class="nav nav-pills mb-3 justify-content-around p-2 bcgrnd-ul" id="pills-tab" role="tablist">
|
|
<li class="nav-item nav-item-30 p-sm-1" role="presentation">
|
|
<button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">TMS 30i</button>
|
|
</li>
|
|
<li class="nav-item nav-item-1024 p-sm-1" role="presentation">
|
|
<button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">TMS 1024i</button>
|
|
</li>
|
|
<li class="nav-item nav-item-24 p-sm-1" role="presentation">
|
|
<button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">TMS 24i Premium</button>
|
|
</li>
|
|
<li class="nav-item nav-item-50 p-sm-1" role="presentation">
|
|
<button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">TMS 50i Superior</button>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content" id="pills-tabContent">
|
|
<div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" tabindex="0">
|
|
<div class='row'>
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header fw-bold bg-blue"></div>
|
|
<div class="card-body py-2">
|
|
<ol class="list-group list-group-numbered my-2">
|
|
<?php foreach ($tms30i as $value) : ?>
|
|
<li class="list list-group-item d-flex justify-content-between align-items-start">
|
|
<a href="<?php base_url();?>equipment/detail/<?=$value['EquipmentID'];?>" class="text-decoration-none w-100 d-flex justify-content-between align-items-start">
|
|
<div class="ms-2 me-auto">
|
|
<div class="fw-bold"><?=$value['sitename'];?></div>
|
|
|
|
<blockquote class="blockquote mb-2 fs-6">
|
|
<p></p>
|
|
<footer class="blockquote-footer">
|
|
<cite title="Source Title">last update</cite>
|
|
<em class='fw-bold'>
|
|
<?php
|
|
$dateObject = new DateTime($value['lastResultDate']);
|
|
$formattedDate = $dateObject->format('D, d M Y - H:i:s.v');
|
|
echo($formattedDate." (". $timezone .")");
|
|
?>
|
|
</em>
|
|
</footer>
|
|
</blockquote>
|
|
</div>
|
|
<span class="badge bg-blue rounded-pill">
|
|
<?php echo($value['patresCount']); ?>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ol>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" tabindex="0">
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab" tabindex="0"></div>
|
|
<div class="tab-pane fade" id="pills-disabled" role="tabpanel" aria-labelledby="pills-disabled-tab" tabindex="0"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Recent Result -->
|
|
<!-- <div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Recent Update</h5>
|
|
<table class="table table-sm table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Instrument</th> <th scope="col">Sample ID#</th> <th scope="col">Result Date</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody> -->
|
|
<?php
|
|
// foreach ($results as $data) {
|
|
// $sampleid = $data['SampleID'];
|
|
// $resultdate = $data['ResultDateTime'];
|
|
// $instrument = $data['EquipmentID'];
|
|
// if ($instrument == ''){
|
|
// $instrument = "";
|
|
// } else {
|
|
// $instrument = $instrument;
|
|
// }
|
|
// // echo "<tr> <td><a href='".base_url()."prodinst/detail/$prodinstid'>$prodinstname</a></td> <td>$sampleid</td> <td>$resultdate</td> </tr>";
|
|
// echo "<tr> <td>S/N : $instrument</td><td>$sampleid</td> <td>$resultdate</td> </tr>";
|
|
// }
|
|
?>
|
|
<!-- </tbody>
|
|
</table>
|
|
</div>
|
|
</div> -->
|
|
|
|
|
|
<!-- <div class="card-group">
|
|
|
|
<div class="card my-2">
|
|
<div class="card-header fw-bold">
|
|
TMS-30i
|
|
</div>
|
|
<div class="card-body">
|
|
|
|
<div class="row">
|
|
<div class="col col-12 col-xl-6 my-1">
|
|
<h5 class="mb-1">National Hospital</h5>
|
|
<blockquote class="blockquote mb-2 fs-6">
|
|
<p><span class="badge text-bg-success">Primary</span></p>
|
|
<footer class="blockquote-footer"><cite title="Source Title">last update</cite> 12 Aug 2003, 16:13:23 WIB</footer>
|
|
</blockquote>
|
|
</div>
|
|
<div class="col col-12 col-xl-6 my-1">
|
|
<blockquote class="blockquote mb-2 fs-6">
|
|
<p>Persada Hospital</p>
|
|
<footer class="blockquote-footer"><cite title="Source Title">last update</cite> 12 Aug 2003, 16:13:23 WIB</footer>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="p-1"></div>
|
|
<div class="card my-2">
|
|
<div class="card-header fw-bold">
|
|
TMS-24i Premium
|
|
</div>
|
|
<div class="card-body text-center">
|
|
....
|
|
<blockquote class="blockquote mb-3">
|
|
<p>National Hospital</p>
|
|
<footer class="blockquote-footer"><cite title="Source Title">last update</cite> 12 Aug 2003, 16:13:23 WIB</footer>
|
|
</blockquote>
|
|
|
|
<blockquote class="blockquote mb-3">
|
|
<p>Persada Hospital</p>
|
|
<footer class="blockquote-footer"><cite title="Source Title">last update</cite> 12 Aug 2003, 16:13:23 WIB</footer>
|
|
</blockquote>
|
|
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- <div class="card-group">
|
|
<div class="card my-2">
|
|
<div class="card-header fw-bold">
|
|
TMS-1024i
|
|
</div>
|
|
<div class="card-body">
|
|
|
|
<blockquote class="blockquote mb-3">
|
|
<p>National Hospital</p>
|
|
<footer class="blockquote-footer"><cite title="Source Title">last update</cite> 12 Aug 2003, 16:13:23 WIB</footer>
|
|
</blockquote>
|
|
|
|
<blockquote class="blockquote mb-3">
|
|
<p>Persada Hospital</p>
|
|
<footer class="blockquote-footer"><cite title="Source Title">last update</cite> 12 Aug 2003, 16:13:23 WIB</footer>
|
|
</blockquote>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="p-1"></div>
|
|
<div class="card my-2">
|
|
<div class="card-header fw-bold">
|
|
TMS-50i Superior
|
|
</div>
|
|
<div class="card-body">
|
|
|
|
<blockquote class="blockquote mb-3">
|
|
<p>National Hospital</p>
|
|
<footer class="blockquote-footer"><cite title="Source Title">last update</cite> 12 Aug 2003, 16:13:23 WIB</footer>
|
|
</blockquote>
|
|
|
|
<blockquote class="blockquote mb-3">
|
|
<p>Persada Hospital</p>
|
|
<footer class="blockquote-footer"><cite title="Source Title">last update</cite> 12 Aug 2003, 16:13:23 WIB</footer>
|
|
</blockquote>
|
|
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
</main>
|
|
<?= $this->endSection() ?>
|