114 lines
3.7 KiB
PHP
114 lines
3.7 KiB
PHP
|
<div class="cardDushant" style="background-color: white;">
|
||
|
|
|
||
|
|
<div id="medicalTableLoadingIcon" style="display: none;">
|
||
|
|
<img src="assets/images/loading-spinner.gif" alt="Loading..." />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<table class="table table-bordered table-hover" id="medicalTable" width='100%' >
|
||
|
|
<thead class="thin-border-bottom">
|
||
|
|
<tr>
|
||
|
|
<th><i class="ace-icon fa fa-caret-right blue"></i>Date</th>
|
||
|
|
<th><i class="ace-icon fa fa-caret-right blue"></i>Name</th>
|
||
|
|
<th><i class="ace-icon fa fa-caret-right blue"></i>Emp Code</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
// medical examination pending
|
||
|
|
$(document).ready(function() {
|
||
|
|
|
||
|
|
|
||
|
|
loadMedicalTable();
|
||
|
|
|
||
|
|
|
||
|
|
function loadMedicalTable() {
|
||
|
|
$('#medicalTableLoadingIcon').show();
|
||
|
|
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
url: 'heath_index_all_data_script.php',
|
||
|
|
type: 'GET',
|
||
|
|
data: {
|
||
|
|
"year" : "<?php echo $year ?>"
|
||
|
|
},
|
||
|
|
dataType: 'json',
|
||
|
|
success: function(response) {
|
||
|
|
displayMedicalTable(response);
|
||
|
|
$('#medicalTableLoadingIcon').hide();
|
||
|
|
},
|
||
|
|
error: function(xhr, status, error) {
|
||
|
|
console.error(error);
|
||
|
|
$('#medicalTableLoadingIcon').hide();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function displayMedicalTable(response) {
|
||
|
|
var data = response.data;
|
||
|
|
console.log(data);
|
||
|
|
|
||
|
|
var tableBody = $('#medicalTable tbody');
|
||
|
|
tableBody.empty();
|
||
|
|
var checkup_ids_red = ""
|
||
|
|
var checkup_ids_yellow = ""
|
||
|
|
var checkup_ids_green = ""
|
||
|
|
|
||
|
|
data.forEach(function(item) {
|
||
|
|
var row ='';
|
||
|
|
var tr ='';
|
||
|
|
var color = item.color;
|
||
|
|
console.log(item);
|
||
|
|
if (color > '0' && color <= '1') {
|
||
|
|
tr = '<tr style="background-color: #ff0000;">';
|
||
|
|
checkup_ids_red += item.checkup_id + ' , ';
|
||
|
|
} else if (color > 1 && color <= 2) {
|
||
|
|
tr = '<tr style="background-color: #ff5733;">';
|
||
|
|
checkup_ids_yellow += item.checkup_id + ' , ';
|
||
|
|
} else if (color > 2 && color <= 3) {
|
||
|
|
tr = '<tr style="background-color: #f4b183;">';
|
||
|
|
checkup_ids_green += item.checkup_id + ' , ';
|
||
|
|
} else if (color > 3 && color <= 4) {
|
||
|
|
tr = '<tr style="background-color: #9dc3e6;">';
|
||
|
|
checkup_ids_green += item.checkup_id + ' , ';
|
||
|
|
} else if (color > 4 && color <= 5) {
|
||
|
|
tr = '<tr style="background-color: #92d050;">';
|
||
|
|
checkup_ids_green += item.checkup_id + ' , ';
|
||
|
|
} else if (color > 5 && color <= 7) {
|
||
|
|
tr = '<tr style="background-color: #00b050;">';
|
||
|
|
checkup_ids_green += item.checkup_id + ' , ';
|
||
|
|
} else {
|
||
|
|
tr = '<tr>';
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
row = tr +
|
||
|
|
'<td>' + item.date + '</td>' +
|
||
|
|
'<td>' + item.name + '</td>' +
|
||
|
|
'<td>' + item.emp_code + '</td>' +
|
||
|
|
'</tr>';
|
||
|
|
tableBody.append(row);
|
||
|
|
});
|
||
|
|
|
||
|
|
// console.log("RED " + checkup_ids_red);
|
||
|
|
// console.log("YELLOW " + checkup_ids_yellow);
|
||
|
|
// console.log("GREEN " + checkup_ids_green);
|
||
|
|
|
||
|
|
$("#id_red").val(checkup_ids_red);
|
||
|
|
$("#id_yellow").val(checkup_ids_yellow);
|
||
|
|
$("#id_green").val(checkup_ids_green);
|
||
|
|
|
||
|
|
var dataTable = $('#medicalTable').DataTable();
|
||
|
|
var dataTableContainer = dataTable.table().container();
|
||
|
|
$(dataTableContainer).addClass('table-background-white');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|