initial commit
This commit is contained in:
@@ -0,0 +1,245 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>WDBS</title>
|
||||
<link rel="shortcut icon" type="image/jpg" href="{{ asset('main/assets/images/logos/logo.jpg') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('main/assets/css/styles.min.css') }}" />
|
||||
</head>
|
||||
|
||||
<body class="bg-2">
|
||||
<!-- Body Wrapper -->
|
||||
<div class="page-wrapper" id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full"
|
||||
data-sidebar-position="fixed" data-header-position="fixed">
|
||||
<!-- Sidebar Start -->
|
||||
<aside class="left-sidebar">
|
||||
<!-- Sidebar scroll-->
|
||||
<div>
|
||||
<div class="brand-logo d-flex align-items-center justify-content-between">
|
||||
<a href="{{ route('landing') }}" class="text-nowrap logo-img">
|
||||
<img src="{{ asset('main/assets/images/logos/logo_landscape.png') }}" width="100%" alt="" />
|
||||
</a>
|
||||
<div class="close-btn d-xl-none d-block sidebartoggler cursor-pointer" id="sidebarCollapse">
|
||||
<i class="ti ti-x fs-8"></i>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Sidebar navigation-->
|
||||
<nav class="sidebar-nav scroll-sidebar" data-simplebar="">
|
||||
<ul id="sidebarnav">
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">Home</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="{{ route('dashboard') }}" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-layout-dashboard"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Dashboard</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">NAVIGATIONS</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="{{ route('browse_data') }}" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-article"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Browse Data</span>
|
||||
</a>
|
||||
</li>
|
||||
@if (in_array(Auth::user()->user_type, ['operator', 'admin']))
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="{{ route('upload_data') }}" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-alert-circle"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Upload Data</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="{{ route('my_data') }}" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-cards"></i>
|
||||
</span>
|
||||
<span class="hide-menu">My Data</span>
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
@if (in_array(Auth::user()->user_type, ['admin']))
|
||||
<li class="nav-small-cap">
|
||||
<i class="ti ti-dots nav-small-cap-icon fs-4"></i>
|
||||
<span class="hide-menu">ADMIN</span>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="{{ route('admin_dashboard') }}" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-file-description"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Administrator</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="sidebar-item">
|
||||
<a class="sidebar-link" href="{{ route('request_log') }}" aria-expanded="false">
|
||||
<span>
|
||||
<i class="ti ti-book"></i>
|
||||
</span>
|
||||
<span class="hide-menu">Check Data Requests</span>
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- End Sidebar navigation -->
|
||||
</div>
|
||||
<!-- End Sidebar scroll-->
|
||||
</aside>
|
||||
<!-- Sidebar End -->
|
||||
<!-- Main wrapper -->
|
||||
<div class="body-wrapper">
|
||||
<!-- Header Start -->
|
||||
<header class="app-header">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item d-block d-xl-none">
|
||||
<a class="nav-link sidebartoggler nav-icon-hover" id="headerCollapse" href="javascript:void(0)">
|
||||
<i class="ti ti-menu-2"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-collapse justify-content-end px-0" id="navbarNav">
|
||||
<ul class="navbar-nav flex-row ms-auto align-items-center justify-content-end">
|
||||
<a href="{{ route('landing') }}" target="_blank" class="btn btn-primary">Landing Page</a>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link nav-icon-hover" href="javascript:void(0)" id="drop2" data-bs-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
<img src="{{ asset('main/assets/images/profile/user-1.jpg') }}" alt="" width="35" height="35" class="rounded-circle">
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-animate-up" aria-labelledby="drop2">
|
||||
<div class="message-body">
|
||||
<a href="#" id="logout-link" class="btn btn-outline-primary mx-3 mt-2 d-block">Logout</a>
|
||||
<form id="logout-form" method="POST" action="{{ route('logout') }}" style="display: none;">
|
||||
@csrf
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Header End -->
|
||||
<div class="container-fluid">
|
||||
<!-- Row 1 -->
|
||||
<div class="row">
|
||||
<div class="col-lg-6 d-flex align-items-stretch">
|
||||
<div class="card w-100" style="background-color: #07395a; box-shadow: 0 4px 8px rgba(7, 57, 90, 0.8);">
|
||||
<div class="card-body">
|
||||
<div class="d-sm-flex d-block align-items-center justify-content-between mb-9">
|
||||
<div class="mb-3 mb-sm-0">
|
||||
<h5 class="card-title fw-semibold">Total pengguna: <span id="total_data_users_by_role"></span></h5>
|
||||
</div>
|
||||
</div>
|
||||
<div id="users_by_role"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="row">
|
||||
<div class="card overflow-hidden" style="background-color: #134865; box-shadow: 0 4px 8px rgba(7, 57, 90, 0.8);">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="card-title mb-9 fw-semibold">Data pasien berdasarkan jenis terapi</h5>
|
||||
<div class="row align-items-center">
|
||||
<div class="text-white col-8">
|
||||
<h4 class="text-white fw-semibold mb-3" id="total_data_jenis_terapi"></h4>
|
||||
<div class="d-flex align-items-center">
|
||||
<p class="fs-3 mb-0">Keterangan:</p>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="me-6">
|
||||
<span class="round-8 rounded-circle me-2 d-inline-block" style="background-color: #ffcf8f;"></span>
|
||||
<span class="fs-2">Labioplasty: </span>
|
||||
<span id="labioplastyValue"></span>
|
||||
</div>
|
||||
<div class="me-6">
|
||||
<span class="round-8 rounded-circle me-2 d-inline-block" style="background-color: #ff9764;"></span>
|
||||
<span class="fs-2">Palatoplasty: </span>
|
||||
<span id="palatoplastyValue"></span>
|
||||
</div>
|
||||
<div class="me-6">
|
||||
<span class="round-8 rounded-circle me-2 d-inline-block" style="background-color: #ffb234;"></span>
|
||||
<span class="fs-2">Gnatoplasty: </span>
|
||||
<span id="gnatoplastyValue"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="d-flex justify-content-center">
|
||||
<div id="data_jenis_terapi"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="card overflow-hidden" style="background-color: #193a4c; box-shadow: 0 4px 8px rgba(7, 57, 90, 0.8);">
|
||||
<div class="card-body p-4">
|
||||
<h5 class="card-title mb-9 fw-semibold">Data pasien berdasarkan jenis kelamin</h5>
|
||||
<div class="row align-items-center">
|
||||
<div class="text-white col-8">
|
||||
<h4 class="text-white fw-semibold mb-3" id="total_data_jenis_kelamin"></h4>
|
||||
<div class="d-flex align-items-center">
|
||||
<p class="fs-3 mb-0">Keterangan:</p>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="me-4">
|
||||
<span class="round-8 rounded-circle me-2 d-inline-block" style="background-color: #4693ff;"></span>
|
||||
<span class="fs-2">Laki-Laki: </span>
|
||||
<span id="maleValue"></span>
|
||||
</div>
|
||||
<div class="me-4">
|
||||
<span class="round-8 rounded-circle me-2 d-inline-block" style="background-color: #e680ff;"></span>
|
||||
<span class="fs-2">Perempuan: </span>
|
||||
<span id="femaleValue"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="d-flex justify-content-center">
|
||||
<div id="data_jenis_kelamin"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="{{ asset('main/assets/libs/jquery/dist/jquery.min.js') }}"></script>
|
||||
<script src="{{ asset('main/assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js') }}"></script>
|
||||
<script src="{{ asset('main/assets/js/sidebarmenu.js') }}"></script>
|
||||
<script src="{{ asset('main/assets/js/app.min.js') }}"></script>
|
||||
<script src="{{ asset('main/assets/libs/apexcharts/dist/apexcharts.min.js') }}"></script>
|
||||
<script src="{{ asset('main/assets/libs/simplebar/dist/simplebar.js') }}"></script>
|
||||
<script src="{{ asset('main/assets/js/dashboard-data.js') }}"></script>
|
||||
|
||||
<!-- Logout button script -->
|
||||
|
||||
<script>
|
||||
document.getElementById('logout-link').addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
document.getElementById('logout-form').submit();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user