Dashboard

module/Application/src/Controller/ApiController.php

@@ -1984,7 +1984,7 @@ class ApiController extends \Application\Master\GlobalActionController {
 
         return $this->getOutput($result->toJson());
     }
-    public function loadtotalantrianAction(){
+    public function loadChartAction(){
         $result     = new Result();
         $request 	= $this->getRequest();
 		$post 		= $request->getPost();
@@ -1996,7 +1996,7 @@ class ApiController extends \Application\Master\GlobalActionController {
 
         
 
-        $load       = $test->loadtotalantrian();
+        $load       = $test->loadChart($post->id);
         // print_r($load);die;
 
         if($load->code == 0){

module/Application/src/Model/Param.php

@@ -175,8 +175,8 @@ class Param extends Mapper {
         $data = $this->_storage->loadterlayani();
         return $data;
     }
-    public function loadtotalantrian(){
-        $data = $this->_storage->loadtotalantrian();
+    public function loadChart($id = null){
+        $data = $this->_storage->loadChart($id);
         return $data;
     }
     public function  tampilpoli($id = null){

module/Application/src/Model/Param/Storage/Mysql.php

@@ -514,11 +514,14 @@ class Mysql extends \Khansia\Db\Storage implements Skeleton {
 	    }
 	   return $result;
 	}
-	public function loadtotalantrian(){
+	public function loadChart($id){
 		$result = new Result();
 	   	try {
 
-			$sql = "  SELECT count(id_dokter) FROM antrian_pasien ";
+			$sql = " SELECT dp.id_dokter, dp.nama_dokter,ap.id_dokter, count (ap.id_dokter) as total  from antrian_pasien ap, dokter_to_poli dp
+					WHERE ap.id_poli = $id and dp.id_dokter = ap.id_dokter 
+					
+					GROUP BY dp.id_dokter, ap.id_dokter ";
 			
 
 		    // print_r($sql);die;
@@ -794,7 +797,8 @@ class Mysql extends \Khansia\Db\Storage implements Skeleton {
 		$result = new Result();
 	   	try {
 
-            $sql = "  SELECT * FROM poli"; 
+			$sql = "  SELECT * FROM poli"; 
+			
             
          
 

module/Application/view/application/admin/dasboard.phtml

@@ -80,31 +80,35 @@
 
 <!-- Content Row -->
 
-<div class="row">
+<div class="row justify-content-center">
 
   <!-- Pie Chart -->
   <div class="col-xl-4 col-lg-5">
     <div class="card shadow mb-4">
       <!-- Card Header - Dropdown -->
       <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
-        <h6 class="m-0 font-weight-bold text-primary">Revenue Sources</h6>
-        
+        <h6 class="m-0 font-weight-bold text-primary">Jumlah Antrian</h6>
+        <div class="dropdown no-arrow">
+          <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
+          </a>
+          <div id="poli" class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
+            
+               
+             
+                
+            
+          </div>
+        </div>
       </div>
       <!-- Card Body -->
       <div class="card-body">
         <div class="chart-pie pt-4 pb-2">
           <canvas id="myPieChart"></canvas>
         </div>
-        <div class="mt-4 text-center small">
-          <span class="mr-2">
-            <i class="fas fa-circle text-primary"></i> Direct
-          </span>
-          <span class="mr-2">
-            <i class="fas fa-circle text-success"></i> Social
-          </span>
-          <span class="mr-2">
-            <i class="fas fa-circle text-info"></i> Referral
-          </span>
+        <div id="nama_dokter" class="mt-4 text-center small">
+          
+        
         </div>
       </div>
     </div>
@@ -116,7 +120,7 @@
 
  
     
->
+
 </div>
 
 </div>

public/tamplateadmin/js/demo/chart-pie-demo.js

@@ -2,58 +2,141 @@
 Chart.defaults.global.defaultFontFamily = 'Nunito', '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
 Chart.defaults.global.defaultFontColor = '#858796';
 
-// Pie Chart Example
-// var ctx = document.getElementById("myPieChart");
-
-// var myPieChart = new Chart(ctx, {
-//   type: 'doughnut',
-//   data: {
-//     labels: ["Direct", "Referral", "Social"],
-//     datasets: [{
-//       data: [55, 30, 15],
-//       backgroundColor: ['#4e73df', '#1cc88a', '#36b9cc'],
-//       hoverBackgroundColor: ['#2e59d9', '#17a673', '#2c9faf'],
-//       hoverBorderColor: "rgba(234, 236, 244, 1)",
-//     }],
-//   },
-//   options: {
-//     maintainAspectRatio: false,
-//     tooltips: {
-//       backgroundColor: "rgb(255,255,255)",
-//       bodyFontColor: "#858796",
-//       borderColor: '#dddfeb',
-//       borderWidth: 1,
-//       xPadding: 15,
-//       yPadding: 15,
-//       displayColors: false,
-//       caretPadding: 10,
-//     },
-//     legend: {
-//       display: false
-//     },
-//     cutoutPercentage: 80,
-//   },
-// });
-
-
-jumlahantrian()
-function jumlahantrian() {
-  var id = document.getElementById("myPieChart");
+// Pie Chart Exampl
+
+loadpoli()
+function loadpoli() {
+
   $.ajax({
     type: 'POST',
     dataType: 'json',
-    url: baseURL + '/api/loadtotalantrian',
+    url: baseURL + '/api/loadRegisterPoli',
+
+    success: function (result) {
+
+
+      if (result.code == 0) {
+        let data = result.data;
+        y = ' <div  class="dropdown-header">Poli</div>';
+        for (x in data) {
+          // console.log(data[x]['nama_poli']);
+
+          y += ` <a onclick="loadChart(` + data[x]['id_poli'] + `)" class="dropdown-item">` + data[x]['nama_poli'] + `</a>`;
+
+
 
+        }
+        $("#poli").append(y);
 
+      } else {
+        alert(result.info);
+      }
+    },
+    error: function (xhr) {
+      alert(xhr.status + '-' + xhr.statusText);
+    }
+  });
+}
+
+$(document).ready(function () {
+  loadChart(9)
+});
+
+function loadChart(id) {
+  $.ajax({
+    type: 'POST',
+    dataType: 'json',
+    url: baseURL + '/api/loadChart',
+    data: {
+      id: id,
 
+    },
 
     success: function (result) {
       console.log(result)
-    }
+      var data = [];
+      var label = [];
+      var data1 = result.data
+      var nama_dokter = '';
+      var colour = ['primary', 'success', 'info', 'danger', 'secondary'];
 
-  });
+      if (result.code == 0) {
+
+        for (x in data1) {
+          data.push(data1[x].total);
+          label.push(data1[x].nama_dokter)
+        }
+        $('#nama_dokter').empty();
+        $('#myPieChart').empty();
+
+
+        for (x in label) {
+          nama_dokter += '<span class="mr-2"> <i class="fas fa-circle text-' + colour[x] + '"></i>' + label[x] + '</span>';
+        }
+
+        $('#nama_dokter').append(nama_dokter)
+        // console.log(data)
+        var ctx = document.getElementById("myPieChart");
+
+        var myPieChart = new Chart(ctx, {
+          type: 'doughnut',
+          data: {
+            labels: label,
+            datasets: [{
+              data: data,
+              backgroundColor: ['#4e73df', '#1cc88a', '#36b9cc', '#dc3545', '#6c757d'],
+              hoverBackgroundColor: ['#2e59d9', '#17a673', '#2c9faf', '#a60d1c', '#444a4f'],
+              hoverBorderColor: "rgba(234, 236, 244, 1)",
+            }],
+          },
+          options: {
+            maintainAspectRatio: false,
+            tooltips: {
+              backgroundColor: "rgb(255,255,255)",
+              bodyFontColor: "#858796",
+              borderColor: '#dddfeb',
+              borderWidth: 1,
+              xPadding: 15,
+              yPadding: 15,
+              displayColors: false,
+              caretPadding: 10,
+            },
+            legend: {
+              display: false
+            },
+            cutoutPercentage: 80,
+          },
+        });
+
+      } else {
+        var ctx = document.getElementById("myPieChart");
+        $('#nama_dokter').empty();
+        var myPieChart = new Chart(ctx, {
+          type: 'doughnut',
+          data: {
+            labels: null,
+            data: null,
+          },
 
+        });
 
+        bootbox.alert({ message: 'Data Kosong', centerVertical: true });
+      }
+    },
+
+
+
+    error: function (xhr) {
+
+      if (xhr.status != 200) {
+        //bootbox.alert(xhr.status + "-" + xhr.statusText + " <br>Silahkan coba kembali :) ");
+      } else {
+        alert('gagal error');
+      }
+    }
+
+
+  });
 }