Commit dd34a5e0 authored by Indra Raja's avatar Indra Raja

Merge branch 'V1.4' into 'v1.3'

V1.4

See merge request !6
parents 537a6328 faed6147
...@@ -1984,7 +1984,7 @@ class ApiController extends \Application\Master\GlobalActionController { ...@@ -1984,7 +1984,7 @@ class ApiController extends \Application\Master\GlobalActionController {
return $this->getOutput($result->toJson()); return $this->getOutput($result->toJson());
} }
public function loadtotalantrianAction(){ public function loadChartAction(){
$result = new Result(); $result = new Result();
$request = $this->getRequest(); $request = $this->getRequest();
$post = $request->getPost(); $post = $request->getPost();
...@@ -1996,7 +1996,7 @@ class ApiController extends \Application\Master\GlobalActionController { ...@@ -1996,7 +1996,7 @@ class ApiController extends \Application\Master\GlobalActionController {
$load = $test->loadtotalantrian(); $load = $test->loadChart($post->id);
// print_r($load);die; // print_r($load);die;
if($load->code == 0){ if($load->code == 0){
......
...@@ -175,8 +175,8 @@ class Param extends Mapper { ...@@ -175,8 +175,8 @@ class Param extends Mapper {
$data = $this->_storage->loadterlayani(); $data = $this->_storage->loadterlayani();
return $data; return $data;
} }
public function loadtotalantrian(){ public function loadChart($id = null){
$data = $this->_storage->loadtotalantrian(); $data = $this->_storage->loadChart($id);
return $data; return $data;
} }
public function tampilpoli($id = null){ public function tampilpoli($id = null){
......
...@@ -514,11 +514,14 @@ class Mysql extends \Khansia\Db\Storage implements Skeleton { ...@@ -514,11 +514,14 @@ class Mysql extends \Khansia\Db\Storage implements Skeleton {
} }
return $result; return $result;
} }
public function loadtotalantrian(){ public function loadChart($id){
$result = new Result(); $result = new Result();
try { 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; // print_r($sql);die;
...@@ -794,7 +797,8 @@ class Mysql extends \Khansia\Db\Storage implements Skeleton { ...@@ -794,7 +797,8 @@ class Mysql extends \Khansia\Db\Storage implements Skeleton {
$result = new Result(); $result = new Result();
try { try {
$sql = " SELECT * FROM poli"; $sql = " SELECT * FROM poli";
......
<div class="container-fluid">
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="card o-hidden border-0 shadow-lg my-5">
<div class="card-body ">
<h1 class="h4 text-center text-gray-900 mb-4" style="font-size: 50px;font-weight: bold">Antrian Terlewat</h1>
<!-- <form class="form-inline">
<div class="form-group form-control-lg ">
<label >Pilih poli </label>
<select name="nama_poli" id="poli" class="form-control" >
<option disabled selected>Pilih </option>
</select>
</div>
<div class="form-group form-control-lg">
<label>Pilih dokter</label> <br>
<select id="dokter" name="nama_dokter" class="form-control">
<option disabled selected> Pilih </option>
</select>
</div>
</form> -->
<br>
<table class="table table-bordered" id="dataTable">
<thead >
<tr>
<th style="width: 70px">NO</th>
<th colspan="" class=" thLeftText">NO Antrian Pasien</th>
<th colspan="" class=" thLeftText">Nama Pasien</th>
<th colspan="" class=" thLeftText">Nama Dokter</th>
<th colspan="" class=" thLeftText">Nama Poli</th>
<th colspan="" class=" thLeftText">Status</th>
<th colspan="" class=" thLeftText">Action</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="card o-hidden border-0 shadow-lg my-5">
<div class="card-body ">
<h1 class="h4 text-center text-gray-900 mb-4" style="font-size: 50px;font-weight: bold">Antrian Unregister</h1>
<br>
<table class="table table-bordered" id="dataTable">
<thead >
<tr>
<th style="width: 70px">NO</th>
<th colspan="" class=" thLeftText">No Rekam Medis</th>
<th colspan="" class=" thLeftText">No Induk Kependudukan (NIK)</th>
<th colspan="" class=" thLeftText">Nama Pasien</th>
<th colspan="" class=" thLeftText">No Antrian</th>
<th colspan="" class=" thLeftText">Nama Poli</th>
<th colspan="" class=" thLeftText">Nama Dokter</th>
<th colspan="" class=" thLeftText">Action</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
...@@ -80,31 +80,35 @@ ...@@ -80,31 +80,35 @@
<!-- Content Row --> <!-- Content Row -->
<div class="row"> <div class="row justify-content-center">
<!-- Pie Chart --> <!-- Pie Chart -->
<div class="col-xl-4 col-lg-5"> <div class="col-xl-4 col-lg-5">
<div class="card shadow mb-4"> <div class="card shadow mb-4">
<!-- Card Header - Dropdown --> <!-- Card Header - Dropdown -->
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between"> <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> </div>
<!-- Card Body --> <!-- Card Body -->
<div class="card-body"> <div class="card-body">
<div class="chart-pie pt-4 pb-2"> <div class="chart-pie pt-4 pb-2">
<canvas id="myPieChart"></canvas> <canvas id="myPieChart"></canvas>
</div> </div>
<div class="mt-4 text-center small"> <div id="nama_dokter" 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> </div>
</div> </div>
</div> </div>
...@@ -116,7 +120,7 @@ ...@@ -116,7 +120,7 @@
>
</div> </div>
</div> </div>
......
<!-- breadcrumb start-->
<style>
.bg-login-image {
background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");
background-position: center;
background-size: cover;
}
</style>
<hr>
<hr>
<hr>
<hr>
<section class="breadcrumb_part breadcrumb_bg">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="breadcrumb_iner">
<div class="breadcrumb_iner_item">
<h2>Deskripsi </h2>
<h2>Poli</h2>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- breadcrumb start-->
<!-- feature_part start-->
<section class="doctor_part single_page_doctor_part" style="padding:50px;">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-8">
<div class="section_tittle text-center">
<h2> Poli Kami </h2>
</div>
</div>
</div>
<div class="row">
<div class="container-fluid DP">
</div>
<div class="container-fluid">
<div class=" row justify-content-center datapoli">
</div>
</div>
</div>
</div>
</section>
<!-- feature_part start-->
...@@ -12,20 +12,20 @@ const STATUS_MISSED = 60; ...@@ -12,20 +12,20 @@ const STATUS_MISSED = 60;
/* JS comes here */ /* JS comes here */
function textToAudio() { function textToAudio() {
let no_antrian = document.getElementById("no_antrian").innerHTML; let no_antrian = document.getElementById("no_antrian").innerHTML;
let voice = "nomor antrian " + no_antrian; let voice = "nomor antrian " + no_antrian;
console.log(voice) console.log(voice)
let speech = new SpeechSynthesisUtterance(); let speech = new SpeechSynthesisUtterance();
speech.lang = "id"; speech.lang = "id";
speech.text = voice; speech.text = voice;
speech.volume = 1; speech.volume = 1;
speech.rate = 0.70; speech.rate = 0.70;
speech.pitch = 1; speech.pitch = 1;
window.speechSynthesis.speak(speech); window.speechSynthesis.speak(speech);
} }
...@@ -34,18 +34,18 @@ function textToAudioRuang() { ...@@ -34,18 +34,18 @@ function textToAudioRuang() {
let ruang = document.getElementById("nama_ruang").innerHTML; let ruang = document.getElementById("nama_ruang").innerHTML;
var res = ruang.replace(".", " "); var res = ruang.replace(".", " ");
document.getElementById("nama_ruang").innerHTML = res; document.getElementById("nama_ruang").innerHTML = res;
let voice = "silahkan masuk ke " + res; let voice = "silahkan masuk ke " + res;
console.log(voice) console.log(voice)
let speech = new SpeechSynthesisUtterance(); let speech = new SpeechSynthesisUtterance();
speech.lang = "id"; speech.lang = "id";
speech.text = voice; speech.text = voice;
speech.volume = 1; speech.volume = 1;
speech.rate = 0.70; speech.rate = 0.70;
speech.pitch = 1; speech.pitch = 1;
window.speechSynthesis.speak(speech); window.speechSynthesis.speak(speech);
} }
...@@ -151,7 +151,7 @@ function loadantrian() { ...@@ -151,7 +151,7 @@ function loadantrian() {
if (result.code == 0) { if (result.code == 0) {
let data = result.data; let data = result.data;
console.log(data); console.log(data);
let counter = 1; let counter = 1;
for (x in data) { for (x in data) {
...@@ -186,7 +186,7 @@ function loadantrian() { ...@@ -186,7 +186,7 @@ function loadantrian() {
$('#dokter').on('change', function () { $('#dokter').on('change', function () {
loadantrian(); loadantrian();
tampilangka(); tampilangka();
}); });
...@@ -273,7 +273,7 @@ function tampilangka() { ...@@ -273,7 +273,7 @@ function tampilangka() {
$('#btnNext').on('click', function () { $('#btnNext').on('click', function () {
actionqueue(noantrian + 1, 20); actionqueue(noantrian + 1, 20);
loadantrian() loadantrian()
...@@ -281,19 +281,19 @@ $('#btnNext').on('click', function () { ...@@ -281,19 +281,19 @@ $('#btnNext').on('click', function () {
$('#btnCall').on('click', function () { $('#btnCall').on('click', function () {
actionqueue(noantrian, 30); actionqueue(noantrian, 30);
}); });
$('#btnDone').on('click', function () { $('#btnDone').on('click', function () {
actionqueue(noantrian, 50); actionqueue(noantrian, 50);
}); });
$('#btnMissed').on('click', function () { $('#btnMissed').on('click', function () {
actionqueue(noantrian, 60); actionqueue(noantrian, 60);
}); });
$('#btnServed').on('click', function () { $('#btnServed').on('click', function () {
actionqueue(noantrian, 40); actionqueue(noantrian, 40);
}); });
...@@ -321,7 +321,7 @@ function actionqueue(antrianno, status) { ...@@ -321,7 +321,7 @@ function actionqueue(antrianno, status) {
}); });
$('#no_antrian').html('-'); $('#no_antrian').html('-');
return false; return false;
} }
if (status == 20) { if (status == 20) {
...@@ -344,28 +344,30 @@ function actionqueue(antrianno, status) { ...@@ -344,28 +344,30 @@ function actionqueue(antrianno, status) {
} else if (status == 30) { } else if (status == 30) {
// SOound call // SOound call
var flush = new Audio('../../data/tone/a1.mp3'); var flush = new Audio('../../data/tone/a1.mp3');
setTimeout(function() { setTimeout(function () {
flush.play(); }, ) flush.play();
})
flush.onended = function() {
textToAudio() flush.onended = function () {
textToAudio()
setTimeout(function() {
textToAudioRuang() }, 3000) setTimeout(function () {
}; textToAudioRuang()
}, 3000)
swal({ };
swal({
title: "Call!", title: "Call!",
text: "Sedang Melakukan Panggilan", text: "Sedang Melakukan Panggilan",
type: "success", type: "success",
showConfirmButton: false, showConfirmButton: false,
timer: 14000 timer: 14000
}); });
$('#btnNext').prop('disabled', true); $('#btnNext').prop('disabled', true);
......
This diff is collapsed.
jumlahpasien();
function jumlahpasien() {
$.ajax({
type: 'POST',
dataType: 'json',
url: baseURL + '/api/loadjumlahpasien',
data: {
},
success: function (result) {
// console.log(result)
var data = result.data;
// console.log(data[0].count);
$("#jumlah_pasien").html(data[0].count);
// document.getElementById("jumlah_pasien") = ;
}
});
}
pasiendalamantrian();
function pasiendalamantrian() {
$.ajax({
type: 'POST',
dataType: 'json',
url: baseURL + '/api/loadpasiendalamantrian',
data: {
},
success: function (result) {
// console.log(data[0].count)
var data = result.data;
// console.log(data[0].count);
$("#pasien_antrian").html(data[0].count);
// document.getElementById("jumlah_pasien") = ;
}
});
}
pasienterlewat();
function pasienterlewat() {
$.ajax({
type: 'POST',
dataType: 'json',
url: baseURL + '/api/loadpasienterlewat',
success: function (result) {
// console.log(data)
var data = result.data;
// console.log(data[0].count);
$("#pasien_terlewat").html(data[0].count);
// document.getElementById("jumlah_pasien") = ;
}
});
}
jumlahterlayani()
function jumlahterlayani() {
$.ajax({
type: 'POST',
dataType: 'json',
url: baseURL + '/api/loadterlayani',
success: function (result) {
// console.log(data)
var data = result.data;
// console.log(data[0].count);
$("#jumlah_terlayani").html(data[0].count);
// document.getElementById("jumlah_pasien") = ;
}
});
}
\ No newline at end of file
Loadpasien();
function Loadpasien() {
// var iddokter = $('#dokter').val();
$.ajax({
type: 'POST',
dataType: 'json',
url: baseURL + '/api/loadantrianmiss',
data: {
// id: iddokter
},
success: function (result) {
console.log(result);
$('table.table-bordered > tbody').empty();
// console.log(result);
if (result.code == 0) {
let data = result.data;
// console.log(data);
let counter = 1;
for (x in data) {
var newRow = $("<tr>");
var cols = "";
// onClick="openmyprofile('+reg[x].userid+',\''+reg[x].named+'\')">
cols += '<td class="">' + counter + '</td>';
cols += '<td class="tdCenterText bgtd1 tdBorder-left">' + data[x].no_antrian + '</td>';
cols += '<td class="tdCenterText bgtd1 tdBorder-left">' + data[x].nama + '</td>';
cols += '<td class="tdCenterText bgtd1 tdBorder-left">' + data[x].nama_dokter + '</td>';
cols += '<td class="tdCenterText bgtd1 tdBorder-left">' + data[x].nama_poli + '</td>';
cols += '<td class="tdCenterText bgtd1 tdBorder-left">' + data[x].status_name + '</td>';
cols += '<td class="tdCenterText bgtd1 "> <div class="text-center"> <span class="btn btn-primary btn-xs" onClick="actionqueue(' + data[x].id_pasien + "," + data[x].id_dokter + ')">Update</span></div> </td>';
console.log(data[x].id_pasien);
newRow.append(cols);
$("table.table-bordered").append(newRow);
counter++;
// $('.loaddata').append('' + x + '<span>' + data[x].nama + '</span>');
}
} else {
bootbox.alert({ message: 'Data Antrian Kosong', centerVertical: true });
}
$('#dataTable').DataTable({
"scrollY": '500px',
"scrollX": true,
fixedHeader: true,
scrollCollapse: true,
paging: true,
columnDefs: [
{ width: 30, targets: 0 },
{ width: 50, targets: 1 },
{ width: 130, targets: 2 },
{ width: 130, targets: 3 },
{ width: 130, targets: 4 },
{ width: 130, targets: 5 },
{ width: 100, targets: 6 },
],
});
},
error: function (xhr) {
alert(xhr.status + '-' + xhr.statusText);
}
});
}
function actionqueue(idpasien, iddokter) {
$.ajax({
type: 'POST',
dataType: 'json',
url: baseURL + '/api/updateantrianmiss',
data: {
iddok: iddokter,
iidpasien: idpasien,
},
success: function (result) {
console.log()
if (result.code == 0) {
swal({
title: "",
text: "Data Berhasil Diupdate!",
icon: "succes",
button: "ok",
}, function () {
location.reload();
});
} else {
swal({
title: "",
text: "Data Gagal Diupdate!",
icon: "succes",
button: "ok",
});
}
}
});
}
Loadunregister();
function Loadunregister() {
// var iddokter = $('#dokter').val();
$.ajax({
type: 'POST',
dataType: 'json',
url: baseURL + '/api/loadantrianunregis',
// data: {
// id: iddokter
// },
success: function (result) {
// console.log(result.data);
$('table.table-bordered > tbody').empty();
// console.log(result);
if (result.code == 0) {
let data = result.data;
// console.log(data);
let counter = 1;
for (x in data) {
var newRow = $("<tr>");
var cols = "";
// onClick="openmyprofile('+reg[x].userid+',\''+reg[x].named+'\')">
cols += '<td class="">' + counter + '</td>';
cols += '<td class="tdCenterText bgtd1 tdBorder-left">' + data[x].no_rekam_medis + '</td>';
cols += '<td class="tdCenterText bgtd1 tdBorder-left">' + data[x].ktp + '</td>';
cols += '<td class="tdCenterText bgtd1 tdBorder-left">' + data[x].nama + '</td>';
cols += '<td class="tdCenterText bgtd1 tdBorder-left">' + data[x].no_antrian + '</td>';
cols += '<td class="tdCenterText bgtd1 tdBorder-left">' + data[x].nama_poli + '</td>';
cols += '<td class="tdCenterText bgtd1 tdBorder-left">' + data[x].nama_dokter + '</td>';
cols += '<td class="tdCenterText bgtd1 "> <div class="text-center"> <span class="btn btn-primary btn-xs" onClick="unregister(' + data[x].id_pasien + ')">Reset</span></div> </td>';
// console.log(data[x].id_pasien);
newRow.append(cols);
$("table.table-bordered").append(newRow);
counter++;
}
$('#dataTable').DataTable({
"scrollY": '500px',
"scrollX": true,
fixedHeader: true,
scrollCollapse: true,
paging: true,
columnDefs: [
{ width: 30, targets: 0 },
{ width: 130, targets: 1 },
{ width: 130, targets: 2 },
{ width: 120, targets: 3 },
{ width: 50, targets: 4 },
{ width: 100, targets: 5 },
{ width: 100, targets: 6 },
{ width: 100, targets: 7 },
],
});
} else {
bootbox.alert({ message: 'Data Antrian Kosong', centerVertical: true });
}
},
error: function (xhr) {
alert(xhr.status + '-' + xhr.statusText);
}
});
}
function unregister(id_pasien) {
$.ajax({
type: 'POST',
dataType: 'json',
url: baseURL + '/api/updateunregister',
data: {
id_pasien: id_pasien,
},
success: function (result) {
console.log()
if (result.code == 0) {
swal({
title: "",
text: "Data Berhasil Diupdate!",
icon: "succes",
button: "ok",
}, function () {
location.reload();
});
} else {
swal({
title: "",
text: "Data Gagal Diupdate!",
icon: "succes",
button: "ok",
});
}
}
});
}
\ No newline at end of file
...@@ -396,8 +396,7 @@ function loadedit(param) { ...@@ -396,8 +396,7 @@ function loadedit(param) {
success: function (result) { success: function (result) {
// console.log(result); // console.log(result);
// $('.loaddata').empty(); // $('.loaddata').empty();
// console.log(result);
// $('.loaddata').empty();
if (result.code == 0) { if (result.code == 0) {
......
loadpoli();
function loadpoli() {
// console.log(id)
//let $id_dokter = $('#dokter').val();
$.ajax({
type: 'POST',
dataType: 'json',
url: baseURL + '/api/tampilpoli',
data: {
id: id
},
success: function (result) {
// console.log(result);
//console.log(result.data);
let data = result.data;
let counter = 0;
//Poli Seluruh
for (poli in data) {
var cols = "";
y = '';
y += ` <div class="col-lg-4">
<div class="card" style="height:330px;width:300px; " >
<div class="card-body text-center " >
<h5 class="card-title "> <img style="width:230px; height:200px;" src="/tamplate/img/poli/`+ data[counter]['image_poli'] + `" ></h5>
<h4 class="card-text font-weight-bold">` + `Poli ` + data[counter]['nama_poli'] + `</h4>
<h5 class="card-text">`+ `Kode Poli : ` + data[counter]['kode_poli'] + `</h5>
<a class="card-text" href="datapoli?id=`+ data[counter]['id_poli'] + `">Deskripsi Poli Klik Disini! </a>
</div>
</div>
<br>
</div>`;
counter++;
$(".poli").append(y);
}
//DOKTER
let data1 = result.data;
let counter1 = 0;
for (datapoli in data1) {
// console.log(data[counter1])
x = '';
x += `
<div class="card-hide" style="height:330px;width:200px; " >
<div class="card-body text-center " >
<h5 class="card-title "> <img style="width:180px; height:200px; " src="/tamplate/img/doctor/`+ data1[counter1]['image_dokter'] + `" ></h5>
<h4 class="card-text font-weight-bold">`+ `Nama Dokter : ` + data1[counter1]['nama_dokter'] + `</h4>
<h5 class="card-text">`+ `Kode Dokter : ` + data1[counter1]['kode_dokter'] + `</h5>
</div>
</div>`;
counter1++;
$(".datapoli").append(x);
}
},
error: function (xhr) {
alert(xhr.status + '-' + xhr.statusText);
}
});
}
loaddatapoli()
function loaddatapoli() {
// console.log(id)
//let $id_dokter = $('#dokter').val();
$.ajax({
type: 'POST',
dataType: 'json',
url: baseURL + '/api/tampildatapoli',
data: {
id: id
},
success: function (result) {
let data2 = result.data;
let counter2 = 0;
z = '';
z += ` <div class="row justify-content-center">
<div class="col-xl-10 col-lg-12 col-md-9">
<div class="card " style="min-height :430px">
<div class="card-body">
<div class="row " style="min-height :400px">
<div class="col-lg-6 text-center mt-4 ">
<img style="width:300px; height:350px;" src="/tamplate/img/poli/`+ data2[counter2]['image_poli'] + `">
</div>
<div class="col-lg-6">
<div class="p-5">
<div class="text-center card-text font-weight-bold">
<h2 >` + `Poli ` + data2[counter2]['nama_poli'] + ` (` + data2[counter2]['kode_poli'] + `)` + ` </h2>
</div>
<hr>
<div class= "text-center card-text" >
<h4 >` + `Poli ` + data2[counter2]['deskripsi_poli'] + ` </h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<h2 class="text-center font-weight-bold">`+ `Dokter Poli ` + data2[counter2]['nama_poli'] + `</h2>
</div>
</div>
</div>
<br>
`;
counter2++;
$(".DP").append(z);
},
error: function (xhr) {
alert(xhr.status + '-' + xhr.statusText);
}
});
}
This diff is collapsed.
This diff is collapsed.
...@@ -2,58 +2,141 @@ ...@@ -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.defaultFontFamily = 'Nunito', '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
Chart.defaults.global.defaultFontColor = '#858796'; Chart.defaults.global.defaultFontColor = '#858796';
// Pie Chart Example // Pie Chart Exampl
// var ctx = document.getElementById("myPieChart");
loadpoli()
// var myPieChart = new Chart(ctx, { function loadpoli() {
// 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");
$.ajax({ $.ajax({
type: 'POST', type: 'POST',
dataType: 'json', 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) { success: function (result) {
console.log(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');
}
}
});
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment