API tools faq
paste
Advertisement
dhiforester

body.php

dhiforester
Mar 25th, 2021
464
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 13.64 KB | None | 0 0
raw download clone embed print report
  1. <body>
  2.     <div class="container-fluid bg-soft">
  3.         <div class="row">
  4.             <div class="col-12">
  5.                 <nav id="sidebarMenu" class="sidebar d-md-block bg-gradient-facebook text-white collapse" data-simplebar>
  6.                     <div class="sidebar-inner px-4 pt-3">
  7.                         <div class="user-card d-flex d-md-none align-items-center justify-content-between justify-content-md-center pb-4">
  8.                             <div class="collapse-close d-md-none">
  9.                                 <a href="#sidebarMenu" class="fas fa-times" data-toggle="collapse" data-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="true" aria-label="Toggle navigation">
  10.                                 </a>
  11.                             </div>
  12.                         </div>
  13.                         <br>
  14.                         <ul class="nav flex-column">
  15.                             <li class="nav-item  active">
  16.                                 <a href="#" class="nav-link">
  17.                                     <span class="sidebar-icon"><span class="fas fa-home"></span></span>
  18.                                     <span>Home</span>
  19.                                 </a>
  20.                             </li>
  21.                             <li class="nav-item ">
  22.                                 <a href="#" class="nav-link">
  23.                                     <span class="sidebar-icon">
  24.                                         <span class="fas fa-paperclip"></span>
  25.                                     </span>
  26.                                     <span>Referensi</span>
  27.                                 </a>
  28.                             </li>
  29.                             <li class="nav-item ">
  30.                                 <a href="#" class="nav-link">
  31.                                     <span class="sidebar-icon">
  32.                                         <span class="fas fa-users"></span>
  33.                                     </span>
  34.                                     <span>Pasien</span>
  35.                                 </a>
  36.                             </li>
  37.                             <li class="nav-item ">
  38.                                 <a href="#" class="nav-link">
  39.                                     <span class="sidebar-icon">
  40.                                         <span class="fas fa-medkit"></span>
  41.                                     </span>
  42.                                     <span>Rajal/Ranap</span>
  43.                                 </a>
  44.                             </li>
  45.                             <li class="nav-item ">
  46.                                 <a href="#" class="nav-link">
  47.                                     <span class="sidebar-icon"><span class="fas fa-hand-holding-usd"></span></span>
  48.                                     <span>Keuangan</span>
  49.                                 </a>
  50.                             </li>
  51.                             <li class="nav-item ">
  52.                                 <a href="#" class="nav-link">
  53.                                     <span class="sidebar-icon"><span class="fas fa-globe"></span></span>
  54.                                     <span>Website</span>
  55.                                 </a>
  56.                             </li>
  57.                             <li class="nav-item ">
  58.                                 <a href="#" class="nav-link">
  59.                                     <span class="sidebar-icon"><span class="fas fa-cog"></span></span>
  60.                                     <span>Settings</span>
  61.                                 </a>
  62.                             </li>
  63.                             <li class="nav-item ">
  64.                                 <a href="#" class="nav-link">
  65.                                     <span class="sidebar-icon"><span class="fas fa-sign-in-alt"></span></span>
  66.                                     <span>Login</span>
  67.                                 </a>
  68.                             </li>
  69.                         </ul>
  70.                     </div>
  71.                 </nav>
  72.                 <main class="content">
  73.                     <div class="row bg-gradient-primary">
  74.                         <div class="col col-md-12 text-center">
  75.                             <h1 class="text-white">RSU El-Syifa Kuningan</h1>
  76.                         </div>
  77.                     </div>
  78.                     <div class="row justify-content-md-center">
  79.                         <div class="col-12 mb-4">
  80.                             <div class="card shadow-sm">
  81.                                 <div class="card-header d-flex flex-row align-items-center flex-0">
  82.                                     <div class="col col-md-12 text-center">
  83.                                         <div class="h5 font-weight-normal mb-2">Grapik Pelayanan Pasien 2021</div>
  84.                                     </div>
  85.                                 </div>
  86.                                 <div class="card-body p-2">
  87.                                     <div class="row">
  88.                                         <div class="col col-md-6">
  89.                                             <canvas id="myChart5" height="100"></canvas>
  90.                                             <script>
  91.                                                 var ctx = document.getElementById("myChart5");
  92.                                                 var myChart5 = new Chart(ctx, {
  93.                                                     type: 'line',
  94.                                                     data: {
  95.                                                         labels: ["Jan", "Feb", "Marc", "Apr", "May", "Jun", "Jul","Agus","Sept","Okt","Nov","Des"],
  96.                                                         datasets: [{
  97.                                                             label: "Rawat Inap",
  98.                                                             data: ["5", "6", "8", "4", "2", "2", "1", "3", "6", "5", "3", "2"],
  99.                                                             borderColor: 'rgba(0, 188, 212, 0.75)',
  100.                                                             backgroundColor: 'rgba(0, 188, 212, 0.3)',
  101.                                                             pointBorderColor: 'rgba(0, 188, 212, 0)',
  102.                                                             pointBackgroundColor: 'rgba(0, 188, 212, 0.9)',
  103.                                                             pointBorderWidth: 1
  104.                                                         }]
  105.                                                     },
  106.                                                     options: {
  107.                                                         scales: {
  108.                                                             yAxes: [{
  109.                                                                     ticks: {
  110.                                                                         beginAtZero: true
  111.                                                                     }
  112.                                                                 }]
  113.                                                         }
  114.                                                     }
  115.                                                 });
  116.                                             </script>
  117.                                         </div>
  118.                                         <div class="col col-md-6">
  119.                                             <canvas id="myChart6" height="100"></canvas>
  120.                                             <script>
  121.                                                 var ctx = document.getElementById("myChart6");
  122.                                                 var myChart6 = new Chart(ctx, {
  123.                                                     type: 'bar',
  124.                                                     data: {
  125.                                                         labels: ["Jan", "Feb", "Marc", "Apr", "May", "Jun", "Jul","Agus","Sept","Okt","Nov","Des"],
  126.                                                         datasets: [{
  127.                                                             label: "Rawat Jalan",
  128.                                                             data: ["5", "6", "8", "4", "2", "2", "1", "3", "6", "5", "3", "2"],
  129.                                                             borderColor: 'rgba(0, 188, 212, 0.75)',
  130.                                                             backgroundColor: 'rgba(0, 188, 212, 0.3)',
  131.                                                             pointBorderColor: 'rgba(0, 188, 212, 0)',
  132.                                                             pointBackgroundColor: 'rgba(0, 188, 212, 0.9)',
  133.                                                             pointBorderWidth: 1
  134.                                                         }]
  135.                                                     },
  136.                                                     options: {
  137.                                                         scales: {
  138.                                                             yAxes: [{
  139.                                                                     ticks: {
  140.                                                                         beginAtZero: true
  141.                                                                     }
  142.                                                                 }]
  143.                                                         }
  144.                                                     }
  145.                                                 });
  146.                                             </script>
  147.                                         </div>
  148.                                     </div>
  149.                                 </div>
  150.                             </div>
  151.                         </div>
  152.                     </div>
  153.                     <div class="row justify-content-md-center">
  154.                         <div class="col-12 mb-4">
  155.                             <div class="card shadow-sm">
  156.                                 <div class="card-body">
  157.                                     <div class="row">
  158.                                         <div class="col col-md-12 table-responsive">
  159.                                             <table class="table table-bordered">
  160.                                                 <tr class="bg-gradient-primary text-white">
  161.                                                     <td class="text-center"><b>NO</b></td>
  162.                                                     <td class="text-center"><b>KELAS</b></td>
  163.                                                     <td class="text-center"><b>PASIEN</b></td>
  164.                                                     <td class="text-center"><b>KETERANGAN</b></td>
  165.                                                 </tr>
  166.                                                 <tr>
  167.                                                     <td class="text-center">1</td>
  168.                                                     <td class="text-center">Isolasi</td>
  169.                                                     <td class="text-center">0</td>
  170.                                                     <td class="text-center">Aktif</td>
  171.                                                 </tr>
  172.                                                 <tr>
  173.                                                     <td class="text-center">2</td>
  174.                                                     <td class="text-center">Isolasi</td>
  175.                                                     <td class="text-center">0</td>
  176.                                                     <td class="text-center">Aktif</td>
  177.                                                 </tr>
  178.                                                 <tr>
  179.                                                     <td class="text-center">3</td>
  180.                                                     <td class="text-center">Kelas 1</td>
  181.                                                     <td class="text-center">0</td>
  182.                                                     <td class="text-center">Aktif</td>
  183.                                                 </tr>
  184.                                                 <tr>
  185.                                                     <td class="text-center">4</td>
  186.                                                     <td class="text-center">Kelas 1 Obgyn</td>
  187.                                                     <td class="text-center">0</td>
  188.                                                     <td class="text-center">Aktif</td>
  189.                                                 </tr>
  190.                                                 <tr>
  191.                                                     <td class="text-center">5</td>
  192.                                                     <td class="text-center">Kelas 1 Obgyn</td>
  193.                                                     <td class="text-center">0</td>
  194.                                                     <td class="text-center">Aktif</td>
  195.                                                 </tr>
  196.                                             </table>
  197.                                         </div>
  198.                                     </div>
  199.                                 </div>
  200.                             </div>
  201.                         </div>
  202.                     </div>
  203.                 </main>
  204.             </div>
  205.         </div>
  206.     </div>
  207.     <!-- popper -->
  208.     <script src="vendor/popper.js/umd/popper.min.js"></script>
  209.     <!-- bootstrap -->
  210.     <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  211.     <!-- Volt JS -->
  212.     <script src="assets/js/modifikasi.js"></script>
  213.     <!-- Charts -->
  214.     <script type="text/javascript" src="vendor/cartjs/Chart.bundle.js"></script>
  215.     <script type="text/javascript" src="vendor/cartjs/chartjs.js"></script>
  216. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!