292 lines
12 KiB
HTML
292 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>RSAB Sys</title>
|
|
<link
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
|
|
rel="stylesheet"
|
|
/>
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
|
<style>
|
|
body {
|
|
overflow-x: hidden;
|
|
}
|
|
.sidebar {
|
|
min-height: 100vh;
|
|
background: #343a40;
|
|
color: #fff;
|
|
}
|
|
.sidebar a {
|
|
color: #adb5bd;
|
|
text-decoration: none;
|
|
display: block;
|
|
padding: 10px;
|
|
}
|
|
.sidebar a:hover {
|
|
background: #495057;
|
|
color: #fff;
|
|
}
|
|
.header {
|
|
background: #f8f9fa;
|
|
padding: 10px 20px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.content {
|
|
padding: 20px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="d-flex">
|
|
<!-- Sidebar -->
|
|
<div class="sidebar p-3">
|
|
<h4>RSAB Sys</h4>
|
|
<hr />
|
|
<div class="accordion" id="sidebarAccordion">
|
|
<!-- Master Data -->
|
|
<div class="accordion-item bg-transparent border-0">
|
|
<h2 class="accordion-header">
|
|
<button
|
|
class="accordion-button collapsed bg-transparent text-white"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#masterDataCollapse"
|
|
>
|
|
Master Data
|
|
</button>
|
|
</h2>
|
|
<div
|
|
id="masterDataCollapse"
|
|
class="accordion-collapse collapse"
|
|
data-bs-parent="#sidebarAccordion"
|
|
>
|
|
<div class="accordion-body p-0">
|
|
<a href="./users">User</a>
|
|
<a href="./pegawai">Pegawai</a>
|
|
<a href="./tindakan">Tindakan</a>
|
|
<a href="./pasien">Pasien</a>
|
|
<a href="./ruangpelayanan">Ruang Pelayanan</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Transaksi -->
|
|
<div class="accordion-item bg-transparent border-0">
|
|
<h2 class="accordion-header">
|
|
<button
|
|
class="accordion-button collapsed bg-transparent text-white"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#transaksiCollapse"
|
|
>
|
|
Transaksi
|
|
</button>
|
|
</h2>
|
|
<div
|
|
id="transaksiCollapse"
|
|
class="accordion-collapse collapse"
|
|
data-bs-parent="#sidebarAccordion"
|
|
>
|
|
<div class="accordion-body p-0">
|
|
<a href="./registrasi">Registrasi</a>
|
|
<a href="./transaksi">Transaksi</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Laporan -->
|
|
<div class="accordion-item bg-transparent border-0">
|
|
<h2 class="accordion-header">
|
|
<button
|
|
class="accordion-button collapsed bg-transparent text-white"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#laporanCollapse"
|
|
>
|
|
Laporan
|
|
</button>
|
|
</h2>
|
|
<div
|
|
id="laporanCollapse"
|
|
class="accordion-collapse collapse"
|
|
data-bs-parent="#sidebarAccordion"
|
|
>
|
|
<div class="accordion-body p-0">
|
|
<a href="./laporan_jumlah_pasien"
|
|
>Laporan Jumlah Pasien Mendaftar</a
|
|
>
|
|
<a href="./laporan_pendapatan"
|
|
>Laporan Pendapatan Perhari</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex-grow-1">
|
|
<div class="header">
|
|
<h5>Dashboard</h5>
|
|
<div class="dropdown">
|
|
<button
|
|
class="btn btn-light dropdown-toggle"
|
|
type="button"
|
|
id="profileDropdown"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
>
|
|
<i class="bi bi-person-circle"></i> Profile
|
|
</button>
|
|
<ul
|
|
class="dropdown-menu dropdown-menu-end"
|
|
aria-labelledby="profileDropdown"
|
|
>
|
|
<li>
|
|
<a class="dropdown-item" href="#">Profile</a>
|
|
</li>
|
|
<li><hr class="dropdown-divider" /></li>
|
|
<li>
|
|
<a
|
|
class="dropdown-item"
|
|
href="#"
|
|
id="logoutButton"
|
|
>Logout</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<h2>Welcome to the Dashboard!</h2>
|
|
<div class="row row-cols-1 row-cols-md-3 g-4 mt-4">
|
|
<div class="col">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h5 class="card-title" id="totalPegawai">
|
|
0
|
|
</h5>
|
|
<p class="card-text">Total Pegawai</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h5 class="card-title" id="totalPasien">
|
|
0
|
|
</h5>
|
|
<p class="card-text">Total Pasien</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h5
|
|
class="card-title"
|
|
id="totalRuangPelayanan"
|
|
>
|
|
0
|
|
</h5>
|
|
<p class="card-text">
|
|
Total Ruang Pelayanan
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h5 class="card-title" id="totalTindakan">
|
|
0
|
|
</h5>
|
|
<p class="card-text">Total Tindakan</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h5 class="card-title" id="totalAsuransi">
|
|
0
|
|
</h5>
|
|
<p class="card-text">Total Asuransi</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h5 class="card-title" id="totalRegistrasi">
|
|
0
|
|
</h5>
|
|
<p class="card-text">Total Registrasi</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
$("#logoutButton").click(function () {
|
|
localStorage.removeItem("accessToken");
|
|
localStorage.removeItem("fullname");
|
|
window.location.href = "/login.html";
|
|
});
|
|
|
|
$(document).ready(function () {
|
|
var accessToken = localStorage.getItem("accessToken");
|
|
if (!accessToken) {
|
|
window.location.href = "./../index.html";
|
|
}
|
|
});
|
|
|
|
$(document).ready(function () {
|
|
var accessToken = localStorage.getItem("accessToken");
|
|
|
|
$.ajax({
|
|
url: "http://localhost:4400/api/laporan/dashboard",
|
|
method: "GET",
|
|
contentType: "application/json",
|
|
dataType: "json",
|
|
crossDomain: true,
|
|
headers: {
|
|
Authorization: "Bearer " + accessToken,
|
|
},
|
|
success: function (result) {
|
|
if (result.metadata.code === 200) {
|
|
$("#totalPegawai").text(result.response.pegawai);
|
|
$("#totalPasien").text(result.response.pasien);
|
|
$("#totalRuangPelayanan").text(
|
|
result.response.ruangpelayanan
|
|
);
|
|
$("#totalTindakan").text(result.response.tindakan);
|
|
$("#totalAsuransi").text(result.response.asuransi);
|
|
$("#totalRegistrasi").text(
|
|
result.response.registrasi
|
|
);
|
|
} else {
|
|
alert(result.metadata.msg);
|
|
}
|
|
},
|
|
error: function (xhr) {
|
|
alert("Error: " + xhr.responseText);
|
|
},
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<link
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"
|
|
rel="stylesheet"
|
|
/>
|
|
</body>
|
|
</html>
|