993 lines
37 KiB
PHP
993 lines
37 KiB
PHP
<?php include('techsyn_header.php');
|
||
?>
|
||
|
||
<link rel="stylesheet" href="css/wizard.css">
|
||
<script src="js/Chart.min.js"></script>
|
||
<style type="text/css">
|
||
.hidden-radio {
|
||
position: absolute;
|
||
top: 11px;
|
||
left: 27px;
|
||
width: 60px;
|
||
height: 60px;
|
||
border-radius: 100%;
|
||
background: #fff;
|
||
opacity: 0;
|
||
cursor: pointer;
|
||
}
|
||
</style>
|
||
|
||
<?php if ($_SESSION['RoleId'] == 7) {
|
||
echo "<script>window.location.replace('emp_details.php')</script>";
|
||
} ?>
|
||
<script src="js/Chart.min.js"></script>
|
||
|
||
<!-- Main Content Container for side bar and body-->
|
||
<div class="main-container ace-save-state" id="main-container">
|
||
<script type="text/javascript">
|
||
try {
|
||
ace.settings.loadState('main-container')
|
||
} catch (e) {}
|
||
</script>
|
||
<?php include('techsyn_sidebar.php'); ?>
|
||
|
||
|
||
|
||
<!--breadcrumb-->
|
||
|
||
<div class="main-content">
|
||
<div class="main-content-inner">
|
||
<div class="breadcrumbs ace-save-state" id="breadcrumbs">
|
||
<ul class="breadcrumb">
|
||
<li><i class="ace-icon fa fa-home home-icon"></i> <a href="#">Home</a></li>
|
||
<li class="active">Dashboard</li>
|
||
</ul>
|
||
</div>
|
||
<!-- End of breadcrumb -->
|
||
|
||
|
||
<div class="content">
|
||
<!-- Start new dashboard view -->
|
||
<div class="container-fluid">
|
||
|
||
<form id="doctor_form">
|
||
<div class="row" style="margin-top: 10px;">
|
||
|
||
<!-- -->
|
||
|
||
|
||
|
||
|
||
<div class="col-12 col-sm-6 col-md-3">
|
||
<div class="info-box choice" data-toggle="wizard-radio" rel="tooltip" title="" data-original-title="Injury">
|
||
<span class="info-box-icon bg-red "><input type="radio" name="task" class="hidden-radio" value="injury"><i class="fa fa-heartbeat"></i></span>
|
||
<!-- <div class="icon bg-red">
|
||
<span class="bg-red"><i class="ace-icon fa fa-heartbeat"></i></span>
|
||
</div> -->
|
||
<div class="info-box-content"><br>
|
||
<span class="info-box-text">Injury - Accident On Duty</span>
|
||
<span class="info-box-number">
|
||
<?php echo getTodayInjuryPendingCosultationCount(); ?>/
|
||
<?php echo getTodayInjuryCount(); ?>
|
||
<small> Cases</small>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col-12 col-sm-6 col-md-3">
|
||
<div class="info-box mb-3 choice" onclick="location.href=register_user_list.php">
|
||
<span class="info-box-icon bg-aqua "><input type="radio" name="task" class="hidden-radio" value="pme" onclick="location.href=register_user_list.php"><i class="fa fa-stethoscope"></i></span>
|
||
|
||
<div class="info-box-content">
|
||
<br> <span class="info-box-text"> Inspections </span> <span class="info-box-number">
|
||
<?= getPending_doctor_HealthSurvellianceCount(); ?>/
|
||
<?= getTodayHealthSurvellianceCount();
|
||
+getHealthSurvellianceCount(); ?>
|
||
<small>Cases</small>
|
||
</span>
|
||
</div>
|
||
<!-- /.info-box-content -->
|
||
</div>
|
||
<!-- /.info-box -->
|
||
</div> <!-- /.row -->
|
||
<div class="col-12 col-sm-6 col-md-3">
|
||
<div class="info-box mb-3 choice" onclick="location.href=pending_hazard_form.php">
|
||
<span class="info-box-icon bg-aqua"><input type="radio" name="task" class="hidden-radio" value="hira" onclick="location.href=pending_hazard_form.php"><i class="fa fa-stethoscope"></i></span>
|
||
|
||
<div class="info-box-content">
|
||
<br>
|
||
<span class="info-box-text"> HIRA Pending Consultant </span>
|
||
<span class="info-box-number">
|
||
<?= getPendingHIRAFormCount(); ?>
|
||
<?= getTodayHIRAFormCount(); ?>
|
||
|
||
<small>Cases</small>
|
||
</span>
|
||
</div>
|
||
<!-- /.info-box-content -->
|
||
</div>
|
||
<!-- /.info-box -->
|
||
</div>
|
||
|
||
<div class="col-12 col-sm-6 col-md-3">
|
||
<div class="info-box mb-3 choice">
|
||
<span class="info-box-icon bg-red">
|
||
<input type="radio" name="task" class="hidden-radio" value="indent">
|
||
<i class="fa fa-shopping-cart"></i>
|
||
</span>
|
||
|
||
<div class="info-box-content">
|
||
<br> <span class="info-box-text"> Indent </span> <span class="info-box-number">
|
||
<!-- <?php echo getPending_indent(); ?>/ -->
|
||
<?php echo getTodayapproval_indent(); ?>
|
||
<small>Indent</small>
|
||
</span>
|
||
</div>
|
||
|
||
<!-- /.info-box-content -->
|
||
</div>
|
||
<!-- /.info-box -->
|
||
</div>
|
||
<!-- <div class="col-12 col-sm-6 col-md-3">
|
||
<div class="info-box mb-3 choice">
|
||
<span class="info-box-icon bg-yellow">
|
||
<input type="radio" name="task" class="hidden-radio" value="appointment">
|
||
<i class=" fa fa-calendar-o"></i>
|
||
</span>
|
||
|
||
<div class="info-box-content">
|
||
<br> <span class="info-box-text"> Appointments </span> <span class="info-box-number">
|
||
<?php echo getTodayappointment_details_pending_Count(); ?>/
|
||
<?php echo getTodayappointment_detailsCount(); ?>
|
||
<small>Cases</small>
|
||
</span>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div> -->
|
||
<!-- <div class="col-12 col-sm-6 col-md-3">
|
||
<div class="info-box mb-3 choice">
|
||
<span class="info-box-icon bg-red">
|
||
<input type="radio" name="task" class="hidden-radio" value="checklist">
|
||
<i class="fa fa-shopping-cart"></i>
|
||
</span>
|
||
|
||
<div class="info-box-content">
|
||
<br> <span class="info-box-text">Checklist </span> <span class="info-box-number">
|
||
<?php echo getPending_inventory_checklist_status(); ?>/
|
||
<?php echo getTodayapproval_inventory_checklist_status(); ?>
|
||
<small>Cases</small>
|
||
</span>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div> -->
|
||
|
||
<!-- <div class="col-12 col-sm-6 col-md-3" style="margin-left: -10px">
|
||
<div class="info-box mb-3 choice">
|
||
<span class="info-box-icon bg-green ">
|
||
<input type="radio" name="task" class="hidden-radio" value="dlf">
|
||
<i class="fa fa-car"></i>
|
||
</span>
|
||
|
||
<div class="info-box-content">
|
||
<br> <span class="info-box-text"> DLME
|
||
</span> <span class="info-box-number">
|
||
<?php echo getPending_dlf(); ?>/
|
||
<?php echo getTodayapproval('dlf'); ?>
|
||
<small>Cases</small>
|
||
</span>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div> -->
|
||
</form>
|
||
|
||
|
||
|
||
</div>
|
||
<!-- Charts start here -->
|
||
|
||
<div class="row">
|
||
<div class="col-sm-6 wizard-card container-fluid" style="margin: 20px 17px 0px 13px; padding:20px 0 20px 25px">
|
||
<div class="box box-success ">
|
||
<div class="box-header box-header-flat">
|
||
<h5 class="box-title lighter">
|
||
<a role="button" data-toggle="collapse" href="#collapse_check55" aria-expanded="false" aria-controls="collapseOne">
|
||
Follow-up Due - Illness/Injury
|
||
</a>
|
||
|
||
</h5>
|
||
</div>
|
||
<div id="collapse_check55" class="panel-collapse collapse">
|
||
|
||
<?php include 'injury_pending.php'; ?>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<!-- End new dashboard view -->
|
||
|
||
</div> <!-- /.content -->
|
||
</div> <!-- /.main-content-inner -->
|
||
</div> <!-- /.main-content -->
|
||
</div> <!-- /.main-container ace-save-state -->
|
||
|
||
<?php include('techsyn_footer.php'); ?>
|
||
|
||
<script>
|
||
$(document).ready(function() {
|
||
|
||
$(".choice").on("click", function() {
|
||
|
||
var v = $(this).closest("div").find("input[name='task']").attr("checked", "checked");
|
||
|
||
task = $(this).closest("div").find("input[name='task']").val()
|
||
|
||
$("#doctor_form").attr('method', 'POST');
|
||
if (task == 'opd') {
|
||
|
||
$("#doctor_form").attr('action', 'pending_patient_list.php');
|
||
|
||
} else if (task == 'followup') {
|
||
|
||
$("#doctor_form").attr('action', 'followup_list.php');
|
||
|
||
} else if (task == 'hazard') {
|
||
$("#doctor_form").attr('action', 'hazard_risk_assesment_form.php');
|
||
}else if (task == 'pre_employment') {
|
||
$("#doctor_form").attr('action', 'add_select_patient.php');
|
||
} else if (task == 'direct-opd') {
|
||
$("#doctor_form").attr('action', 'add_select_patient.php');
|
||
} else if (task == 'injury') {
|
||
|
||
$("#doctor_form").attr('action', 'appointment_list.php');
|
||
|
||
} else if (task == 'visitor_opd') {
|
||
|
||
$("#doctor_form").attr('action', 'visitor_details.php');
|
||
|
||
} else if (task == 'pme') {
|
||
|
||
$("#doctor_form").attr('action', 'medical_examination_list.php');
|
||
|
||
} else if (task == 'sickness') {
|
||
|
||
$("#doctor_form").attr('action', 'pending_fitness_list.php');
|
||
|
||
} else if (task == 'hira') {
|
||
|
||
$("#doctor_form").attr('action', 'pending_hazard_form.php');
|
||
|
||
}else if (task == 'ffi') {
|
||
|
||
$("#doctor_form").attr('action', 'pending_infection_list.php');
|
||
|
||
} else if (task == 'chs') {
|
||
|
||
$("#doctor_form").attr('action', 'pending_chs_list.php');
|
||
|
||
} else if (task == 'khs') {
|
||
|
||
$("#doctor_form").attr('action', 'pending_chs_list.php');
|
||
|
||
} else if (task == 'indent') {
|
||
|
||
$("#doctor_form").attr('action', 'view_approved_indents.php');
|
||
|
||
} else if (v.val() == 'appointment') {
|
||
$("#doctor_form").attr('action', 'patient_appointment.php');
|
||
|
||
} else if (task == "checklist") {
|
||
|
||
$("#doctor_form").attr('action', 'pending_checklist.php');
|
||
|
||
} else if (task == 'dlf') {
|
||
|
||
$("#doctor_form").attr('action', 'pending_dlf_list.php');
|
||
|
||
}
|
||
|
||
|
||
|
||
$("#doctor_form").submit();
|
||
|
||
|
||
|
||
});
|
||
|
||
});
|
||
</script>
|
||
<script>
|
||
$(document).ready(function() {
|
||
$(".choice").on("click", function() {
|
||
var v = $(this).closest("div").find("input[name='task']").attr("checked", "checked");
|
||
if (v.val() == 'visitor_opd') {
|
||
$("#reception_form").attr('action', 'visitor_add_select_patient.php');
|
||
} else {
|
||
$("#reception_form").attr('action', 'add_select_patient.php');
|
||
}
|
||
$("#reception_form").attr('method', 'POST');
|
||
|
||
$("#reception_form").submit();
|
||
|
||
});
|
||
|
||
|
||
// $.ajax({
|
||
// type: 'POST',
|
||
// url: 'covid_case_weekly_trends.php',
|
||
// data: $("#reception_form").serialize(),
|
||
// dataType: 'json',
|
||
// success: function(data) {
|
||
|
||
// if (data != null) {
|
||
// var labels = [];
|
||
// var percentage_bmi_total_array = [];
|
||
// var total_emp = 0;
|
||
// var total_emp_sum = 0;
|
||
// var bmi_total_sum = 0;
|
||
// var percentage_bmi_total = 0.0;
|
||
// // @var confirm_case - get the total confirm case
|
||
// // @var quarantine_case - get the total quarantine case
|
||
// // @var discharge - get the total discharge patient
|
||
// var confirm_case = 0;
|
||
// var quarantine_case = 0;
|
||
// var discharge = 0;
|
||
|
||
// if (Object.keys(data).length > 0) {
|
||
// for (var i = 0; i < Object.keys(data).length; i++) {
|
||
// total_emp = parseInt(data[i].week);
|
||
// total_emp_sum = total_emp_sum + total_emp;
|
||
// confirm_case += parseInt(data[i].confirm_case);
|
||
// quarantine_case += parseInt(data[i].quarantine_case);
|
||
// discharge += parseInt(data[i].discharge);
|
||
|
||
|
||
// var bmi_total = parseInt(data[i].todays_case);
|
||
// bmi_total_sum += bmi_total;
|
||
// var j = 0;
|
||
|
||
// labels[i] = 'Week:' + data[i].week;
|
||
// if (total_emp != 0 && total_emp != null) {
|
||
// percentage_bmi_total = (bmi_total / data[i].total_active) * 100;
|
||
|
||
// // if(data[i].confirm_case == ''){
|
||
// // percentage_bmi_total_array.push([0, data[i].quarantine_case, data[i].discharge]);
|
||
// // } else if(data[i].quarantine_case == ''){
|
||
// // percentage_bmi_total_array.push([data[i].confirm_case, 0, data[i].discharge]);
|
||
// // }else {
|
||
// // }
|
||
// percentage_bmi_total_array.push([data[i].confirm_case, data[i]
|
||
// .quarantine_case, data[i].discharge
|
||
// ]);
|
||
|
||
// } else {
|
||
// percentage_bmi_total = "Not Available";
|
||
// }
|
||
// }
|
||
// }
|
||
|
||
// var total_percentage = "";
|
||
// if (total_emp_sum == 0) {
|
||
// total_percentage = "Not Available";
|
||
// } else {
|
||
// total_percentage = (bmi_total_sum / total_emp_sum) * 100;
|
||
// }
|
||
|
||
// var content1 =
|
||
// "<canvas id=\"chart3\" style=\"display: block; width: 500px; height: 250px;\" class=\"chartjs-render-monitor\"></canvas>";
|
||
|
||
|
||
|
||
// $("#covid_weekly_report").html(content1);
|
||
// var header = "Covid Case Weekly Trends";
|
||
// percentage_bmi_total_array[Object.keys(data).length] = ['Confirmed Case',
|
||
// 'Quarantine Case', 'Discharged'
|
||
// ]
|
||
// // console.log('array length in weekly trends: '+percentage_bmi_total_array[Object.keys(data).length]+'lenth '+Object.keys(data).length);
|
||
// prepareChart('line', percentage_bmi_total_array, labels, header);
|
||
// }
|
||
// },
|
||
// error: function(data) {}
|
||
// });
|
||
|
||
});
|
||
|
||
function getMedicalDate() {
|
||
var start_date = $("#startDate").val();
|
||
var end_date = $("#endDate").val();
|
||
var pat_cat = $("#pat_cat").val();
|
||
|
||
document.querySelector("#collapse_check6").innerHTML = '<canvas id="medicalExamChart"></canvas>';
|
||
$.ajax({
|
||
type: 'post',
|
||
url: 'chart_medical_exam_datewise.php',
|
||
data: {
|
||
start_date: start_date,
|
||
end_date: end_date,
|
||
pat_cat: pat_cat
|
||
},
|
||
dataType: 'json',
|
||
success: function(Mdata) {
|
||
|
||
var ctx = document.getElementById('medicalExamChart').getContext('2d');
|
||
var chartData = Mdata['checkup_data'];
|
||
var xaxis = Mdata['medical_exam_name']
|
||
|
||
var colors = [];
|
||
for (var i = 0; i < chartData.length; i++) {
|
||
colors.push("#" + Math.floor(Math.random() * 16777215).toString(16));
|
||
}
|
||
const dataset = [];
|
||
// for (var i = 0; i < chartData.length; i++) {
|
||
dataset.push({
|
||
label: "count",
|
||
data: chartData,
|
||
borderColor: colors,
|
||
backgroundColor: colors,
|
||
fill: false,
|
||
});
|
||
// }
|
||
|
||
const data = {
|
||
labels: xaxis,
|
||
datasets: dataset
|
||
}
|
||
var myChart = new Chart(ctx, {
|
||
type: 'horizontalBar',
|
||
data: data,
|
||
options: {
|
||
legend: {
|
||
display: false
|
||
},
|
||
scales: {
|
||
xAxes: [{
|
||
ticks: {
|
||
beginAtZero: true,
|
||
precision: 0,
|
||
}
|
||
}]
|
||
}
|
||
}
|
||
});
|
||
|
||
},
|
||
error: function(date) {
|
||
|
||
}
|
||
})
|
||
}
|
||
|
||
function getInjuryData() {
|
||
var start_date = $("#startDateInjury").val();
|
||
var end_date = $("#endDateInjury").val();
|
||
|
||
document.querySelector("#collapse_check7").innerHTML = '<canvas id="chart_monthly_injury"></canvas>';
|
||
$.ajax({
|
||
type: 'post',
|
||
url: 'chart_injury_datewise.php',
|
||
data: {
|
||
start_date: start_date,
|
||
end_date: end_date
|
||
},
|
||
dataType: 'json',
|
||
success: function(Mdata) {
|
||
var ctx = document.getElementById('chart_monthly_injury').getContext('2d');
|
||
var chartData = Mdata['injury_data'];
|
||
var xaxis = Mdata['injury_class_name']
|
||
|
||
|
||
var colors = [];
|
||
for (var i = 0; i < chartData.length; i++) {
|
||
colors.push("#" + Math.floor(Math.random() * 16777215).toString(16));
|
||
}
|
||
var dataset = [];
|
||
// for (var i = 0; i < chartData.length; i++) {
|
||
dataset.push({
|
||
label: "count",
|
||
data: chartData,
|
||
borderColor: colors,
|
||
backgroundColor: colors,
|
||
fill: false,
|
||
});
|
||
// }
|
||
|
||
var data = {
|
||
labels: xaxis,
|
||
datasets: dataset
|
||
}
|
||
var myChart = new Chart(ctx, {
|
||
type: 'horizontalBar',
|
||
data: data,
|
||
options: {
|
||
legend: {
|
||
display: false
|
||
},
|
||
scales: {
|
||
xAxes: [{
|
||
ticks: {
|
||
beginAtZero: true,
|
||
precision: 0,
|
||
}
|
||
}]
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
},
|
||
error: function(date) {
|
||
|
||
}
|
||
})
|
||
}
|
||
|
||
function getDatesBetween(startDate, endDate) {
|
||
const currentDate = new Date(startDate.getTime());
|
||
const dates = [];
|
||
while (currentDate <= endDate) {
|
||
|
||
let d = new Date(currentDate);
|
||
let day = d.getDate();
|
||
let month = d.getMonth() + 1;
|
||
month = ("0" + month).slice(-2);
|
||
let year = d.getFullYear();
|
||
day = ("0" + day).slice(-2);
|
||
dates.push(year + "-" + month + "-" + day);
|
||
currentDate.setDate(currentDate.getDate() + 1);
|
||
}
|
||
return dates;
|
||
}
|
||
|
||
function gettrainingData() {
|
||
training_date();
|
||
var training_id = $("#training_id").val();
|
||
|
||
var startDatetraining = $("#trainingDate1").val();
|
||
var startDatetraining = startDatetraining.split("-").reverse().join("-");
|
||
var date1 = new Date(startDatetraining);
|
||
|
||
|
||
var endDatetraining = $("#trainingDate2").val();
|
||
var endDatetraining = endDatetraining.split("-").reverse().join("-");
|
||
var date2 = new Date(endDatetraining);
|
||
|
||
|
||
let allDates = getDatesBetween(date1, date2);
|
||
|
||
// alert(allDates);
|
||
document.querySelector("#collapse_training").innerHTML = '<canvas id="chart_monthly_training"></canvas>';
|
||
$.ajax({
|
||
type: 'post',
|
||
url: 'chart_training_datewise.php',
|
||
data: {
|
||
allDates: allDates,
|
||
training_id: training_id,
|
||
},
|
||
dataType: 'json',
|
||
success: function(Mdata) {
|
||
var ctx = document.getElementById('chart_monthly_training').getContext('2d');
|
||
var chartData = Mdata['count'];
|
||
var xaxis = Mdata['date']
|
||
|
||
|
||
var colors = [];
|
||
for (var i = 0; i < chartData.length; i++) {
|
||
colors.push("#" + Math.floor(Math.random() * 16777215).toString(16));
|
||
}
|
||
var dataset = [];
|
||
// for (var i = 0; i < chartData.length; i++) {
|
||
dataset.push({
|
||
label: "count",
|
||
data: chartData,
|
||
borderColor: colors,
|
||
backgroundColor: colors,
|
||
fill: false,
|
||
});
|
||
// }
|
||
|
||
var data = {
|
||
labels: xaxis,
|
||
datasets: dataset
|
||
}
|
||
var myChart = new Chart(ctx, {
|
||
type: 'horizontalBar',
|
||
data: data,
|
||
options: {
|
||
legend: {
|
||
display: false
|
||
},
|
||
scales: {
|
||
xAxes: [{
|
||
ticks: {
|
||
beginAtZero: true,
|
||
precision: 0,
|
||
}
|
||
}]
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
},
|
||
error: function(date) {
|
||
|
||
}
|
||
})
|
||
}
|
||
|
||
function getExcel() {
|
||
|
||
$("#exceldata").attr('method', 'POST');
|
||
$("#exceldata").attr('target', '_blank');
|
||
$("#exceldata").attr('action', 'medical_examination_excel.php');
|
||
$("#exceldata").submit();
|
||
}
|
||
|
||
function gettrainingExcel() {
|
||
|
||
$("#exceltrainingdata").attr('method', 'POST');
|
||
$("#exceltrainingdata").attr('target', '_blank');
|
||
$("#exceltrainingdata").attr('action', 'training_report_excel.php');
|
||
$("#exceltrainingdata").submit();
|
||
}
|
||
|
||
|
||
function getInjuryExcel() {
|
||
|
||
$("#excelinjurydata").attr('method', 'POST');
|
||
$("#excelinjurydata").attr('target', '_blank');
|
||
$("#excelinjurydata").attr('action', 'injury_type_excel.php');
|
||
$("#excelinjurydata").submit();
|
||
}
|
||
|
||
function printDashboard() {
|
||
html2canvas(document.getElementById("dashboard"), {
|
||
onrendered: function(canvas) {
|
||
var img = canvas.toDataURL(); //image data of canvas
|
||
// var doc = new jsPDF('p','pt','a2');
|
||
var doc = new jsPDF('l', 'mm', [300, 350]);
|
||
doc.addImage(img, 10, 10);
|
||
doc.save('graph.pdf');
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
|
||
<script>
|
||
function prepareChart(chartType, chartData, labels, header) {
|
||
|
||
var color = Chart.helpers.color;
|
||
Chart.defaults.global.pointHitDetectionRadius = 1;
|
||
var customTooltips = function(tooltip) {
|
||
|
||
// Tooltip Element
|
||
var tooltipEl = document.getElementById('chartjs-tooltip');
|
||
|
||
if (!tooltipEl) {
|
||
tooltipEl = document.createElement('div');
|
||
tooltipEl.id = 'chartjs-tooltip';
|
||
tooltipEl.innerHTML = '<table></table>';
|
||
this._chart.canvas.parentNode.appendChild(tooltipEl);
|
||
}
|
||
|
||
|
||
// Hide if no tooltip
|
||
if (tooltip.opacity === 0) {
|
||
tooltipEl.style.opacity = 0;
|
||
return;
|
||
}
|
||
|
||
|
||
// Set caret Position
|
||
tooltipEl.classList.remove('above', 'below', 'no-transform');
|
||
if (tooltip.yAlign) {
|
||
tooltipEl.classList.add(tooltip.yAlign);
|
||
} else {
|
||
tooltipEl.classList.add('no-transform');
|
||
}
|
||
|
||
|
||
function getBody(bodyItem) {
|
||
return bodyItem.lines;
|
||
}
|
||
|
||
|
||
// Set Text
|
||
if (tooltip.body) {
|
||
var titleLines = tooltip.title || [];
|
||
var bodyLines = tooltip.body.map(getBody);
|
||
var innerHtml = '<thead>';
|
||
|
||
titleLines.forEach(function(title) {
|
||
innerHtml += '<tr><th>' + title + '</th></tr>';
|
||
});
|
||
|
||
innerHtml += '</thead><tbody>';
|
||
|
||
bodyLines.forEach(function(body, i) {
|
||
var colors = tooltip.labelColors[i];
|
||
var style = 'background:' + colors.backgroundColor;
|
||
style += '; border-color:' + colors.borderColor;
|
||
style += '; border-width: 2px';
|
||
var span = '<span class="chartjs-tooltip-key" style="' + style + '"></span>';
|
||
innerHtml += '<tr><td>' + span + body + '</td></tr>';
|
||
});
|
||
|
||
innerHtml += '</tbody>';
|
||
var tableRoot = tooltipEl.querySelector('table');
|
||
tableRoot.innerHTML = innerHtml;
|
||
}
|
||
|
||
var positionY = this._chart.canvas.offsetTop;
|
||
var positionX = this._chart.canvas.offsetLeft;
|
||
|
||
// Display, position, and set styles for font
|
||
tooltipEl.style.opacity = 1;
|
||
tooltipEl.style.left = positionX + tooltip.caretX + 'px';
|
||
tooltipEl.style.top = positionY + tooltip.caretY + 'px';
|
||
tooltipEl.style.fontFamily = tooltip._bodyFontFamily;
|
||
tooltipEl.style.fontSize = tooltip.bodyFontSize + 'px';
|
||
tooltipEl.style.fontStyle = tooltip._bodyFontStyle;
|
||
tooltipEl.style.padding = tooltip.yPadding + 'px ' + tooltip.xPadding + 'px';
|
||
|
||
};
|
||
|
||
|
||
if (chartType == 'bar') {
|
||
var data = chartData;
|
||
var barChartData = {
|
||
labels: labels,
|
||
datasets: [{
|
||
label: header,
|
||
backgroundColor: window.chartColors.green,
|
||
borderColor: window.chartColors.white,
|
||
borderWidth: 1,
|
||
data: chartData,
|
||
hoverOffset: 4
|
||
}]
|
||
};
|
||
} else if (chartType == 'doughnut') {
|
||
var data = chartData;
|
||
var barChartData = {
|
||
labels: labels,
|
||
datasets: [{
|
||
label: header,
|
||
backgroundColor: [
|
||
'rgb(255, 99, 132)',
|
||
'rgb(54, 162, 235)',
|
||
'rgb(255, 205, 86)',
|
||
'#003f5c',
|
||
'58508d',
|
||
'#2f4b7c',
|
||
'#665191',
|
||
'#a05195',
|
||
'#d45087',
|
||
'#f95d6a',
|
||
'#ff7c43',
|
||
'#ffa600',
|
||
],
|
||
borderColor: window.chartColors.white,
|
||
borderWidth: 1,
|
||
data: chartData,
|
||
hoverOffset: 4
|
||
}]
|
||
};
|
||
} else if (chartType == 'line') {
|
||
var data = chartData;
|
||
console.log('chart data: ' + chartData[0]);
|
||
// get the dataset label names count
|
||
var dataset_labels_count = chartData[(chartData.length) - 1].length;
|
||
var lc_data = [];
|
||
var lc_label = [];
|
||
var j = 0;
|
||
for (var i = 0; i < chartData.length; i++) {
|
||
for (var j = 0; j < dataset_labels_count; j++) {
|
||
lc_label[j] = chartData[i][j];
|
||
}
|
||
}
|
||
|
||
// for (var i = 0; i < dataset_labels_count; i++) {
|
||
// for(var j = 0; j < chartData.length; j++){
|
||
// console.log("chart Data: "+chartData[j][i]);
|
||
// lc_data[i][j] = chartData[j][i];
|
||
// }
|
||
// }
|
||
|
||
for (var i = 0; i < data.length - 1; i++) {
|
||
for (var j = 0; j < i; j++) {
|
||
const tmp = data[i][j];
|
||
data[i][j] = data[j][i];
|
||
data[j][i] = tmp;
|
||
}
|
||
}
|
||
|
||
console.log('labels: ' + lc_label);
|
||
console.log('data: ' + data[1]);
|
||
|
||
const background_color = [
|
||
'rgb(255, 99, 132)',
|
||
'rgb(54, 162, 235)',
|
||
'rgb(255, 205, 86)',
|
||
'#003f5c',
|
||
'58508d',
|
||
'#2f4b7c',
|
||
'#665191',
|
||
'#a05195',
|
||
'#d45087',
|
||
'#f95d6a',
|
||
'#ff7c43',
|
||
'#ffa600',
|
||
];
|
||
|
||
var datasets_array = []
|
||
for (var j = 0; j < dataset_labels_count; j++) {
|
||
datasets_array.push({
|
||
label: lc_label[j],
|
||
data: data[j],
|
||
borderColor: background_color[j]
|
||
});
|
||
}
|
||
|
||
var barChartData = {
|
||
labels: labels,
|
||
datasets: datasets_array
|
||
};
|
||
}
|
||
|
||
|
||
if (chartType == 'line') {
|
||
var ctx1 = document.getElementById("chart3").getContext("2d");
|
||
chart = new Chart(ctx1, {
|
||
type: chartType,
|
||
data: barChartData,
|
||
options: {
|
||
title: {
|
||
display: true,
|
||
text: header,
|
||
},
|
||
tooltip: {
|
||
callbacks: {
|
||
label: function(context) {
|
||
var label = context.dataset.label || '';
|
||
|
||
if (label) {
|
||
label += ': ';
|
||
}
|
||
if (context.parsed.y !== null) {
|
||
label += new Intl.NumberFormat('en-US', {
|
||
style: 'percent',
|
||
currency: 'USD'
|
||
}).format(context.parsed.y);
|
||
}
|
||
return label;
|
||
}
|
||
},
|
||
enabled: true,
|
||
mode: 'index',
|
||
position: 'nearest',
|
||
custom: customTooltips
|
||
},
|
||
legend: {
|
||
display: true,
|
||
position: 'bottom',
|
||
},
|
||
scales: {
|
||
yAxes: [{
|
||
ticks: {
|
||
precision: 0,
|
||
// Include a dollar sign in the ticks
|
||
callback: function(value, index, values) {
|
||
return value + '';
|
||
}
|
||
}
|
||
}]
|
||
}
|
||
}
|
||
});
|
||
} else {
|
||
var ctx1 = document.getElementById("chart3").getContext("2d");
|
||
chart = new Chart(ctx1, {
|
||
type: chartType,
|
||
data: barChartData,
|
||
options: {
|
||
title: {
|
||
display: true,
|
||
text: header,
|
||
},
|
||
tooltip: {
|
||
callbacks: {
|
||
label: function(context) {
|
||
var label = context.dataset.label || '';
|
||
|
||
if (label) {
|
||
label += ': ';
|
||
}
|
||
if (context.parsed.y !== null) {
|
||
label += new Intl.NumberFormat('en-US', {
|
||
style: 'percent',
|
||
currency: 'USD'
|
||
}).format(context.parsed.y);
|
||
}
|
||
return label;
|
||
}
|
||
},
|
||
enabled: true,
|
||
mode: 'index',
|
||
position: 'nearest',
|
||
custom: customTooltips
|
||
},
|
||
legend: {
|
||
display: true,
|
||
position: 'bottom',
|
||
},
|
||
scales: {
|
||
yAxes: [{
|
||
ticks: {
|
||
precision: 0,
|
||
// Include a dollar sign in the ticks
|
||
callback: function(value, index, values) {
|
||
return value + '%';
|
||
}
|
||
}
|
||
}]
|
||
}
|
||
}
|
||
});
|
||
}
|
||
// chart.destroy();
|
||
}
|
||
|
||
function training_date() {
|
||
var training = $('#training_id').val();
|
||
$.ajax({
|
||
url: 'select_assign_training.php',
|
||
data: {
|
||
training: training
|
||
},
|
||
type: 'POST',
|
||
dataType: 'json',
|
||
success: function(data) {
|
||
|
||
|
||
|
||
|
||
|
||
$("#trainingDate1").val(data.from_date);
|
||
document.getElementById("trainingDate1").setAttribute("max", data.to_date);
|
||
document.getElementById("trainingDate1").setAttribute("min", data.from_date);
|
||
|
||
$("#trainingDate2").val(data.to_date);
|
||
document.getElementById("trainingDate2").setAttribute("max", data.to_date);
|
||
document.getElementById("trainingDate2").setAttribute("min", data.from_date);
|
||
},
|
||
error: function(data) {
|
||
BootstrapDialog.alert('Error Populating Reports Details');
|
||
return;
|
||
}
|
||
});
|
||
|
||
|
||
}
|
||
|
||
// window.onload = gettrainingData();
|
||
</script>
|
||
<!-- <script src="jspdf.min.js"></script> -->
|
||
<!-- <script src="html2canvas.min.js"></script> -->
|