253 lines
9.3 KiB
PHP
253 lines
9.3 KiB
PHP
<div style="font-family: Lucida Bright Demibold;">
|
|
<?php
|
|
|
|
?>
|
|
<style>
|
|
.button-36 {
|
|
/* background-image: linear-gradient(92.88deg, #455EB5 9.16%, #5643CC 43.89%, #673FD7 64.72%); */
|
|
border-radius: 8px;
|
|
border-style: none;
|
|
box-sizing: border-box;
|
|
color: #FFFFFF;
|
|
cursor: pointer;
|
|
flex-shrink: 0;
|
|
font-family: "Inter UI", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
height: 4rem;
|
|
padding: 0 1.6rem;
|
|
text-align: center;
|
|
text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
|
|
transition: all .5s;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
touch-action: manipulation;
|
|
}
|
|
|
|
.button-36:hover {
|
|
box-shadow: rgba(80, 63, 205, 0.5) 0 1px 30px;
|
|
transition-duration: .1s;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.button-36 {
|
|
padding: 0 2.6rem;
|
|
}
|
|
}
|
|
</style>
|
|
<?php
|
|
|
|
if ($_REQUEST['health_index_year'] == '') {
|
|
$_REQUEST['health_index_year'] = date('Y');
|
|
}
|
|
$sixLevel = "Excellent health";
|
|
$sixDescription = "Follow health related prevention and maintain health";
|
|
|
|
$fiveLevel = "Good health";
|
|
$fiveDescription = "Follow health related prevention";
|
|
|
|
$fourLevel = "Average health";
|
|
$fourDescription = "Follow up healthy lifestyle";
|
|
|
|
$threeLevel = "Below average health";
|
|
$threeDescription = "Needs lifestyle changes";
|
|
|
|
$secondLevel = "Poor health";
|
|
$secondDescription = "Need urgent improvement";
|
|
|
|
$fisrtLevel = "Very poor health";
|
|
$fisrtDescription = "Need very urgent modifications";
|
|
|
|
$firstColor = '#ff0000';
|
|
$secondColor = '#ff5733';
|
|
$thirdColor = '#f4b183';
|
|
$fourthColor = '#9dc3e6';
|
|
$fifthColor = '#92d050';
|
|
$sixthColor = '#00b050';
|
|
include "health_index_table.php";
|
|
|
|
?>
|
|
<center>
|
|
|
|
<div>
|
|
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
|
|
<table width="20%" class="table table-bordered">
|
|
<tr>
|
|
<!-- <td>
|
|
<label for="health_index_date_from">From:</label>
|
|
<input type="date" class="form-control" id="health_index_date_from" name="health_index_date_from" value="<?php echo $_REQUEST['health_index_date_from'] ?>">
|
|
</td>
|
|
<td>
|
|
<label for="health_index_date_to">To:</label>
|
|
<input type="date" class="form-control" id="health_index_date_to" name="health_index_date_to" value="<?php echo $_REQUEST['health_index_date_to'] ?>">
|
|
</td> -->
|
|
|
|
<td>
|
|
<label for="health_index_year">Year Wise</label>
|
|
<input type="number" class="form-control" id="health_index_year" name="health_index_year" min="1900" max="2100" step="1" value="<?php echo $_REQUEST['health_index_year'] ?>">
|
|
<script>
|
|
document.getElementById('health_index_year').addEventListener('input', function() {
|
|
let value = this.value;
|
|
if (value.length > 4) {
|
|
this.value = value.slice(0, 4);
|
|
}
|
|
});
|
|
</script>
|
|
</td>
|
|
<td>
|
|
<button type="submit" class="btn btn-primary">GO</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
|
|
|
|
|
|
|
|
</center>
|
|
|
|
|
|
<div sy class="row">
|
|
|
|
<center>
|
|
|
|
<form method="post" name="show_data_form" id="show_data_form">
|
|
<input type="hidden" name="color_ids" id="color_ids">
|
|
|
|
</form>
|
|
<h3 style="color: blue; font-size: 25px; font-family: 'Times New Roman', Times, serif">What type of data do you want to see? Please choose one of the following options</h3>
|
|
<button style="background-color: <?php echo $firstColor ?>;" onclick="colorStore(this.value)" value="1" id="1_Health_id" class="button-36"><?php echo $fisrtLevel; ?></button>
|
|
<button style="background-color: <?php echo $secondColor ?>;" onclick="colorStore(this.value)" value="2" id="2_Health_id" class="button-36"><?php echo $secondLevel; ?></button>
|
|
<button style="background-color: <?php echo $thirdColor ?>;" onclick="colorStore(this.value)" value="3" id="3_Health_id" class="button-36"><?php echo $threeLevel; ?></button>
|
|
<button style="background-color: <?php echo $fourthColor ?>;" onclick="colorStore(this.value)" value="4" id="4_Health_id" class="button-36"><?php echo $fourLevel; ?></button>
|
|
<button style="background-color: <?php echo $fifthColor ?>;" onclick="colorStore(this.value)" value="5" id="5_Health_id" class="button-36"><?php echo $fiveLevel; ?></button>
|
|
<button style="background-color: <?php echo $sixthColor ?>;" onclick="colorStore(this.value)" value="6" id="6_Health_id" class="button-36"><?php echo $sixLevel; ?></button>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<center>
|
|
<!-- Button trigger modal -->
|
|
<button type="button" class="button-36" style="background-color: #6495ED;" data-toggle="modal" data-target="#health_index_model">
|
|
Click To View Health Index Data
|
|
</button>
|
|
</center>
|
|
|
|
|
|
</center>
|
|
<br>
|
|
<br>
|
|
<?php
|
|
$year = $_REQUEST['health_index_year'];
|
|
?>
|
|
<div class="col-lg-6">
|
|
<h2 style="padding-top: 20px; padding-bottom: 20px; background-color: black; color: white; text-align: center; font-family: Lucida Bright Demibold;">Health Index of Overall Organization - <?php echo $year ?></h2>
|
|
<?php
|
|
include "health_index_totalcount.php";
|
|
|
|
// echo implode(",", $ThirdCheckupId);
|
|
?>
|
|
|
|
|
|
<script>
|
|
function colorStore(color) {
|
|
// console.log(color + " COLOR");
|
|
var FirstCheckupId = '<?php echo implode(",", $FirstCheckupId) ?>';
|
|
var SecondCheckupId = '<?php echo implode(",", $SecondCheckupId) ?>';
|
|
var ThirdCheckupId = '<?php echo implode(",", $ThirdCheckupId) ?>';
|
|
var FourthCheckupId = '<?php echo implode(",", $FourthCheckupId) ?>';
|
|
var FiveCheckupId = '<?php echo implode(",", $FiveCheckupId) ?>';
|
|
var SixCheckupId = '<?php echo implode(",", $SixCheckupId) ?>';
|
|
|
|
console.log(FourthCheckupId);
|
|
|
|
if (color == 1) {
|
|
|
|
$("#color_ids").val(FirstCheckupId);
|
|
|
|
}
|
|
if (color == 2) {
|
|
$("#color_ids").val(SecondCheckupId);
|
|
}
|
|
if (color == 3) {
|
|
$("#color_ids").val(ThirdCheckupId);
|
|
}
|
|
if (color == 4) {
|
|
$("#color_ids").val(FourthCheckupId);
|
|
}
|
|
if (color == 5) {
|
|
$("#color_ids").val(FiveCheckupId);
|
|
}
|
|
if (color == 6) {
|
|
$("#color_ids").val(SixCheckupId);
|
|
}
|
|
|
|
// $("#color_ids").val(color);
|
|
if ($("#color_ids").val() != "") {
|
|
$("#show_data_form").attr('target', '_blank');
|
|
$("#show_data_form").attr('method', 'POST');
|
|
$("#show_data_form").attr('action', 'approved_medical_examination.php');
|
|
$("#show_data_form").submit();
|
|
}
|
|
|
|
}
|
|
</script>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
|
|
<?php
|
|
// echo print_r($Gender_Array);
|
|
?>
|
|
|
|
<h2 style="padding-top: 20px; padding-bottom: 20px; background-color: black; color: white; text-align: center;font-family: Lucida Bright Demibold;">Health Index Trend </h2>
|
|
<?php
|
|
|
|
include("health_index_trend.php");
|
|
|
|
?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<center>
|
|
|
|
</center>
|
|
|
|
<div class="col-lg-6" style="font-family: Lucida Bright Demibold;">
|
|
|
|
<?php
|
|
|
|
include("health_index_trend_count.php");
|
|
|
|
?>
|
|
</div>
|
|
|
|
<div class="col-lg-6" style="font-family: Lucida Bright Demibold; background-color: white;" >
|
|
<?php
|
|
include "health_index_totalcount_data.php";
|
|
?>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
<center>
|
|
<br>
|
|
<h2 style="padding-top: 20px; padding-bottom: 20px; background-color: black; color: white; font-family: Lucida Bright Demibold;">Health Index Trend - <?php echo $year ?></h2>
|
|
<br>
|
|
</center>
|
|
|
|
|
|
|
|
<div class="col-lg-12">
|
|
<?php
|
|
include("age_wise_health_index_trend.php");
|
|
?>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<?php
|
|
include("gender_age_department_distribution.php");
|
|
?>
|