ESH/wah_next.php
2024-10-23 18:28:06 +05:30

1342 lines
38 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php include('techsyn_header.php');
mysqli_query($conn, 'SET character_set_results=utf8');
error_log($_REQUEST['patient_id']);
error_log('abcde');
// print_r($_REQUEST['patient_id']);
?>
<!-- Main Content Container for side bar and body-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<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');
$user = $_SESSION['user_id'];
?>
<!--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="#">Initial Medical Examination for Work At Height (WAH)</li>
</ul>
<?php $sql_patient_physical_parameters = "select * from work_at_height_details_new where patient_id='" . $_REQUEST['patient_id'] . "'";
$result_patient_physical_parameters = mysqli_query($conn, $sql_patient_physical_parameters);
$row_patient_physical_parameters = mysqli_fetch_assoc($result_patient_physical_parameters);
@extract($row_patient_physical_parameters);
error_log("status");
error_log($row_patient_physical_parameters['status']);
?>
</div>
<!-- End of breadcrumb -->
<div class="page-content">
<div class="box box-primary" style="padding: 10px; margin: 2px 0px 50px 5px; width: 99.5%; ">
<form enctype="multipart/form-data" id="question_form" method="post">
<label style=" padding-right: 20px; margin-left: 15px;" for="comm_date">Screening Date</label>
<div>
<input style="width: 20%;margin-left: 10px;" id="comm_date" type="text" style="height: 30px" class="form-control datetimepicker" name="comm_date" value="<?php echo $screen_date ?>" />
</div>
<!-- box-body-->
<div class="box-body">
<!-- <div class="row" >
<div class="col-sm-12"> -->
<div class="row">
<div class="col-sm-12">
<center>
<b style="font-weight: 800">GENERAL HEALTH CHECK-UP</b>
</center>
<table style="width: 100%" class="table-bordered">
<th height="30px">
<center>
Height
<p>(in CMS)</p>
</center>
</th>
<th height="30px">
<center>
Weight
<p>(in KGS)</p>
</center>
</th>
<th height="30px">
<center>BMI</center>
</th>
<th height="30px">
<center>
BP
<p>(in mmhg)</p>
</center>
</th>
<th height="30px">
<center>
Pulse
<p>(per min)</p>
</center>
</th>
<!-- <th height="30px"><center>Pulse</center></th>
<th height="30px"><center>Blood Pressure</center></th>
<th height="30px"><center>SpO2</center></th> -->
<tr>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="number" name="height" id="height" onchange="calculateBMI()" value="<?php echo $height ?>" onchange="colorValidation(this.id, this.value, 100, 250)" ; />
<input type="hidden" name="patient_id" id="patient_id" value="<?php echo $_REQUEST['patient_id']; ?>">
</td>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="number" name="weight" id="weight" onchange="calculateBMI()" value="<?php echo $weight ?>" onchange="colorValidation(this.id, this.value, 30, 120)" ; />
</td>
<td><input readonly style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="number" name="bmi" id="bmi" value="<?php echo $bmi ?>" onchange="colorValidation(this.id, this.value, 19, 25)" ; />
</td>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="bp" id="bp" value="<?php echo $bp ?>" onchange="colorValidation(this.id, this.value, 65, 80)" ; />
</td>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="pulse" id="pulse" value="<?php echo $pulse ?>" onchange="colorValidation(this.id, this.value, 65, 80)" ; />
</td>
</tr>
</table>
<input type="hidden" name="count_items" id="count_items" value="<?php echo $i ?>" />
</div>
</div>
<br>
<div class="row">
<div class="col-sm-12">
<div class="table-responsive">
<center>
<b style="font-weight: 800">History of Addiction</b>
</center>
<table style="width: 100%" class="table-bordered">
<th height="30px">
<center>
Alcohol
</center>
</th>
<th height="30px">
<center>
Smoking
</center>
</th>
<th height="30px">
<center>
Tobacco
</center>
</th>
<tr>
<td style="width: 30%">
<select style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" name="alcohol<?php echo $i ?>" value="<?php echo $alcohol ?>" id="alcohol<?php echo $i ?>" class="form-control">
<option value='1' <?php if (strcmp($alcohol, '1') == 0) {
echo "selected";
} ?>>Yes</option>
<option value='0' <?php if (strcmp($alcohol, '0') == 0) {
echo "selected";
} ?>>No</option>
</select>
</td>
<td style="width: 30%">
<select style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" name="smoking<?php echo $i ?>" value="<?php echo $smoking ?>" id="smoking<?php echo $i ?>" class="form-control">
<option value='1' <?php if (strcmp($smoking, '1') == 0) {
echo "selected";
} ?>>Yes</option>
<option value='0' <?php if (strcmp($smoking, '0') == 0) {
echo "selected";
} ?>>No</option>
</select>
</td>
<td style="width: 30%">
<select style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" name="tobacco<?php echo $i ?>" value="<?php echo $tobacco ?>" id="tobacco<?php echo $i ?>" class="form-control">
<option value='1' <?php if (strcmp($tobacco, '1') == 0) {
echo "selected";
} ?>>Yes</option>
<option value='0' <?php if (strcmp($tobacco, '0') == 0) {
echo "selected";
} ?>>No</option>
</select>
</td>
</tr>
</table>
</div>
</div>
</div>
<br>
<br>
<div class="row">
<div class="col-sm-12">
<table style="width: 100%" class="table-bordered">
<th height="30px">
<center>
Chronic Disease
</center>
</th>
<th height="30px">
<center>
Ptosis</center>
</th>
<th height="30px">
<center>
Diplopia
</center>
</th>
<th height="30px">
<center>
Nystagmus
</center>
</th>
<!-- <th height="30px"><center>Pulse</center></th>
<th height="30px"><center>Blood Pressure</center></th>
<th height="30px"><center>SpO2</center></th> -->
<tr>
<td>
<select style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" name="chronic_disease<?php echo $i ?>" value="<?php echo $chronic_disease ?>" id="chronic_disease<?php echo $i ?>" class="form-control">
<option value="NIL" <?php if (strcmp($chronic_disease, 'NIL') == 0) {
echo "selected";
} ?>>NIL</option>
<option value="DM" <?php if (strcmp($chronic_disease, 'DM') == 0) {
echo "selected";
} ?>>DM</option>
<option value="HTN" <?php if (strcmp($chronic_disease, 'HTN') == 0) {
echo "selected";
} ?>>HTN</option>
<option value="ASTHMA" <?php if (strcmp($chronic_disease, 'ASTHMA') == 0) {
echo "selected";
} ?>>Asthma</option>
<option value="EPILEPSY" <?php if (strcmp($chronic_disease, 'EPILEPSY') == 0) {
echo "selected";
} ?>>Epilepsy</option>
</select>
</td>
<td>
<select style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" name="ptosis<?php echo $i ?>" value="<?php echo $ptosis ?>" id="ptosis<?php echo $i ?>" class="form-control">
<option value='1' <?php if (strcmp($ptosis, '1') == 0) {
echo "selected";
} ?>>Yes</option>
<option value='0' <?php if (strcmp($ptosis, '0') == 0) {
echo "selected";
} ?>>No</option>
</select>
</td>
<td>
<select style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" name="diplopia<?php echo $i ?>" value="<?php echo $diplopia ?>" id="diplopia<?php echo $i ?>" class="form-control">
<option value='1' <?php if (strcmp($diplopia, '1') == 0) {
echo "selected";
} ?>>Yes</option>
<option value='0' <?php if (strcmp($diplopia, '0') == 0) {
echo "selected";
} ?>>No</option>
</select>
</td>
<td>
<select style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" name="nystagmus<?php echo $i ?>" value="<?php echo $nystagmus ?>" id="nystagmus<?php echo $i ?>" class="form-control">
<option value='1' <?php if (strcmp($nystagmus, '1') == 0) {
echo "selected";
} ?>>Yes</option>
<option value='0' <?php if (strcmp($nystagmus, '0') == 0) {
echo "selected";
} ?>>No</option>
</select>
</td>
</tr>
</table>
<input type="hidden" name="count_items" id="count_items" value="<?php echo $i ?>" />
</div>
</div>
<br>
<br>
<div class="row">
<div class="col-sm-12">
<table style="width: 100%" class="table-bordered">
<th height="30px">
<center>
RBS
</center>
</th>
<th height="30px">
<center>
Tandem walking
</center>
</th>
<th height="30px">
<center>
Rombergs sign
</center>
</th>
<!-- <th height="30px"><center>Pulse</center></th>
<th height="30px"><center>Blood Pressure</center></th>
<th height="30px"><center>SpO2</center></th> -->
<tr>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="rbs" id="rbs" value="<?php echo $rbs ?>" onchange="colorValidation(this.id, this.value, 100, 250)" ; />
</td>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="tandem" id="tandem" value="<?php echo $tandem ?>" onchange="colorValidation(this.id, this.value, 100, 250)" ; />
</td>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="romberg_sign" id="romberg_sign" value="<?php echo $romberg_sign ?>" onchange="colorValidation(this.id, this.value, 100, 250)" ; />
</td>
</tr>
</table>
<input type="hidden" name="count_items" id="count_items" value="<?php echo $i ?>" />
</div>
</div>
<br>
<br>
<div class="row">
<div class="col-sm-12">
<center>
<b style="font-weight: 800">ENT Exam.</b>
</center>
<table style="width: 100%" class="table-bordered">
<th height="30px">
<center>
Vertigo
</center>
</th>
<th height="30px">
<center>
Tinnitus
</center>
</th>
<th height="30px">
<center>History of WAH:</p>
</center>
</th>
<!-- <th height="30px"><center>Pulse</center></th>
<th height="30px"><center>Blood Pressure</center></th>
<th height="30px"><center>SpO2</center></th> -->
<tr>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="vertigo" id="vertigo" value="<?php echo $vertigo ?>" onchange="colorValidation(this.id, this.value, 100, 250)" ; />
</td>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="tinnitus" id="tinnitus" value="<?php echo $tinnitus ?>" onchange="colorValidation(this.id, this.value, 30, 120)" ; />
</td>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="history_of_wah" id="history_of_wah" value="<?php echo $history_of_wah ?>" onchange="colorValidation(this.id, this.value, 19, 25)" ; />
</td>
</tr>
</table>
<input type="hidden" name="count_items" id="count_items" value="<?php echo $i ?>" />
</div>
</div>
<br>
<br>
<div class="row">
<div class="col-sm-12">
<table style="width: 100%" class="table-bordered">
<th height="30px">
<center>Co-ordination test</p>
</center>
</th>
<th>
<center>Remarks</center>
</th>
<!-- <th height="30px"><center>Pulse</center></th>
<th height="30px"><center>Blood Pressure</center></th>
<th height="30px"><center>SpO2</center></th> -->
<tr>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="coordination" id="coordination" value="<?php echo $coordination ?>" onchange="colorValidation(this.id, this.value, 19, 25)" ; />
</td>
<td>
<input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="remarks" id="remarks">
</td>
</tr>
</table>
<input type="hidden" name="count_items" id="count_items" value="<?php echo $i ?>" />
</div>
</div>
<br>
<br>
<div class="row">
<div class="col-sm-12">
<!-- <center>
<b style="font-weight: 800">GENERAL HEALTH CHECK-UP</b>
</center> -->
<table style="width: 100%" class="table-bordered">
<th height="30px">
<center>
Medical Test:
</center>
</th>
<th height="30px">
<center>
Height bar Test:
</center>
</th>
<th height="30px">
<center>Ref No:</p>
</center>
</th>
<th height="30px">
<center>
BP
<p>(After Height Bar Test)</p>
</center>
</th>
<th height="30px">
<center>Pulse <p>(After Height Bar Test)</p>
</center>
</th>
<!-- <th height="30px"><center>Pulse</center></th>
<th height="30px"><center>Blood Pressure</center></th>
<th height="30px"><center>SpO2</center></th> -->
<tr>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="medical_test" id="medical_test" value="<?php echo $medical_test ?>" onchange="colorValidation(this.id, this.value, 100, 250)" ; />
</td>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="height_bar_test" id="height_bar_test" value="<?php echo $height_bar_test ?>" onchange="colorValidation(this.id, this.value, 30, 120)" ; />
</td>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="ref_no" id="ref_no" value="<?php echo $ref_no ?>" onchange="colorValidation(this.id, this.value, 19, 25)" ; />
</td>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="bp_after" id="bp_after" value="<?php echo $bp_after ?>" onchange="colorValidation(this.id, this.value, 30, 120)" ; />
</td>
<td><input style="margin-top: 20px; margin-bottom: 20px; margin-left: 15px; width: 80%;" type="text" name="pulse_after" id="pulse_after" value="<?php echo $pulse_after ?>" onchange="colorValidation(this.id, this.value, 19, 25)" ; />
</td>
</tr>
</table>
<input type="hidden" name="count_items" id="count_items" value="<?php echo $i ?>" />
</div>
</div>
</div> <!-- End box-body-->
<!--box-footer-->
<br>
<br>
<div class="box-footer" style="text-align: center;">
<button class="btn btn-warning" id="next_button" onclick='wahBack()'>
<i class="ace-icon fa fa-backward"></i> BACK
</button>
&nbsp; &nbsp; &nbsp;
<button class="btn btn-info save_button" id="save_button" type="button" onclick="validate();">
<i class="ace-icon fa fa-floppy-o bigger-110"></i>
Save
</button>
&nbsp; &nbsp; &nbsp;
<!-- <button class="btn btn-warning" type="reset">
<i class="ace-icon fa fa-undo bigger-110"></i>
Reset
</button>
&nbsp; &nbsp; &nbsp; -->
<button class="btn btn-success" id="generate_pdf" onclick='printpdf()'>
<i class="ace-icon fa fa-print"></i> Print Pdf
</button>
<!-- <button class="btn btn-success" id="forward_button"
onclick="save_medical_examination(this.id)">
<i class="ace-icon fa fa-save"></i>Save & Forward
</button> -->
</div>
<!--End box-footer-->
</form>
</div>
<!-- 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>
<!--breadcrumb-->
<div class="main-content">
<div class="main-content-inner">
<!-- End of breadcrumb -->
<!--
<div class="page-content" style="
margin-top: -47px;">
<div id="flexigridDiv" class="table-responsive">
<form name="f1" method="post" id="flex_appointment_form" action="bio_medical_waste_generation_excel.php">
<div id="flex1" style="width:100%">
<input type="hidden" name="flex_ambulance_id" id="flex_ambulance_id"/>
</div> -->
<form name="export_form" method="post" id="export_form" action="">
<input type="hidden" name="pdf_actions" id="pdf_actions" value="bio_medical_waste_generation_pdf.php" />
<input type="hidden" name="excel_actions" id="excel_actions" value="bio_medical_waste_generation_excel.php" />
<input type="hidden" name="pdf_action" id="pdf_action" value="biowaste_pdf.php" />
<input type="hidden" name="excel_action" id="excel_action" value="excel_ambulance.php" />
</form>
</div>
</div>
</div><!-- /.page-content -->
</div>
</div><!-- /.main-content -->
<script type="text/javascript">
// $(function() {
// var w=screen.width*.90;
// var h =0;
// h =(window.innerHeight-($("#navbar").height()+$(".breadcrumbs").height()))*.75;
// $("#flex1").flexigrid({
// url: 'covid_question_script.php',
// dataType: 'json',
// colModel : [
// {display: '', name : 'link', width : w*.10, sortable : false, align: 'left'},
// {display: 'Sr', name : 'count', width : w*.05, sortable : false, align: 'left'},
// {display: 'Staff Name', name : 'staff_name', width : w*.15, sortable : true, align: 'left'},
// {display: 'Questions in hindi', name : 'question_hindi', width : w*.15, sortable : true, align: 'left'},
// {display: 'Question/Answers', name : 'answer_status', width : w*.15, sortable : true, align: 'left'},
// {display: 'Score', name : 'score', width : w*.15, sortable : true, align: 'left'}
// ],
// buttons : [
// // {name: 'Add', bclass: 'add', onpress : add},
// //{separator: true},
// //{name: 'PDFReport', bclass: 'print', onpress : pdfReport},
// // {separator: true},
// {name: 'PDF', bclass: 'print', onpress : pdf},
// {separator: true},
// {name: 'Excel', bclass: 'print_excel', onpress : excel},
// {separator: true}
// ],
// searchitems : [
// //{display: 'Appointment Id', name : 'appointment_id',isdefault: true},
// {display: 'Comm Date (dd/mm/yyyy)', name : 'comm_date'},
// {display: 'Comm Date Between (dd/mm/yyyy-dd/mm/yyyy)', name : 'comm_date_between'},
// ],
// sortname: "comm_date",
// sortorder: "desc",
// usepager: true,//pagination
// //title:"Employee OPD",
// useRp: true,
// rp: 50,//records per page
// showTableToggleBtn: false,//toggle button for the whole table
// resizable: true,
// // width: w,
// height: h,
// singleSelect: true
// });
// });
// function open_frequency(flex_ambulance_id,action){
// if(action=="V"){
// //$(".save_button").hide()
// location.href="ambulance_details.php?flex_ambulance_id="+flex_ambulance_id+"";
// $(".save_button").hide()
// }else{
// location.href="ambulance_details.php?flex_ambulance_id="+flex_ambulance_id+"";
// }
// }
function delete_covid(question_id) {
$.ajax({
url: 'delete_covid_question.php',
data: {
question_id: question_id
},
type: 'POST',
dataType: 'json',
success: function(data) {
if (data == 'SUCCESS') {
BootstrapDialog.alert('Deleted Covid Questions Successfully');
$("#flex1").flexReload();
return;
}
},
error: function(data) {
BootstrapDialog.alert('Error Deleting Covid Questions Successfully');
return;
}
});
}
function show_save_button() {
$("#save_button").show()
}
function printpdf() {
var patient_id = $("#patient_id").val();
$("#question_form").attr('method', 'POST');
$("#question_form").attr('action', 'wah_pdf.php');
$("#question_form").attr('target', "_blank");
$("#question_form").submit();
}
function total_score(value, count) {
var ans = $('#answer_status' + count).val();
if (ans === 'y') {
$('#score' + count).val(value);
} else {
$('#score' + count).val('0');
}
var counter = $("#count_items").val();
var tot = "";
for (var i = 0; i < counter; i++) {
tot = Number(tot) + Number($("#score" + i).val());
}
$('#total').val(tot);
}
function getBMI(height, weight) {
//var height=$("#"+heightField).val();
//var weight=$("#"+WeightField).val();
if (height != null && height != '' && weight != null && weight != '') {
height = parseFloat(height);
weight = parseFloat(weight);
if (height != 0.0)
var bmi = (weight / (height / 100 * height / 100));
return bmi.toFixed(1);
}
return "";
}
function calculateBMI() {
var height = $("#height").val();
var weight = $("#weight").val();
$("#bmi").val(getBMI(height, weight));
}
function covidScreeningNext() {
save();
window.open('covid_screening_next.php');
}
function pdf() {
window.open('communication_details_pdf.php');
}
function excel() {
window.open('excel_communication.php');
}
function myDateFormat(date) {
var d = new Date(date);
var day = d.getDate();
var m = d.getMonth() + 1;
var y = d.getFullYear();
return day + "-" + m + "-" + y;
}
</script>
<?php include('techsyn_footer.php'); ?>
</div>
<!-- End of page-content -->
</div>
</div>
</div>
<script>
function wahBack() {
save();
var patient_id = $("#patient_id").val();
$("#question_form").attr('method', 'POST');
$("#question_form").attr('action', 'wah_questionaire.php');
$("#question_form").submit();
}
function validate() {
save();
}
</script>
<style>
#modal-add-ailment {
overflow-y: scroll;
}
</style>
<?php include('techsyn_footer.php'); ?>
<script type="text/javascript">
$('.select2').select2()
jQuery(function($) {
var myTable =
$('#dynamic-table')
.DataTable({
bAutoWidth: false,
"aoColumns": [{
"bSortable": false
},
null, null, null, null, null,
{
"bSortable": false
}
],
"aaSorting": [],
select: {
style: 'multi'
}
});
var defaultCopyAction = myTable.button(1).action();
myTable.button(1).action(function(e, dt, button, config) {
defaultCopyAction(e, dt, button, config);
$('.dt-button-info').addClass('gritter-item-wrapper gritter-info gritter-center white');
});
var defaultColvisAction = myTable.button(0).action();
myTable.button(0).action(function(e, dt, button, config) {
defaultColvisAction(e, dt, button, config);
if ($('.dt-button-collection > .dropdown-menu').length == 0) {
$('.dt-button-collection')
.wrapInner('<ul class="dropdown-menu dropdown-light dropdown-caret dropdown-caret" />')
.find('a').attr('href', '#').wrap("<li />")
}
$('.dt-button-collection').appendTo('.tableTools-container .dt-buttons')
});
setTimeout(function() {
$($('.tableTools-container')).find('a.dt-button').each(function() {
var div = $(this).find(' > div').first();
if (div.length == 1) div.tooltip({
container: 'body',
title: div.parent().text()
});
else $(this).tooltip({
container: 'body',
title: $(this).text()
});
});
}, 500);
myTable.on('select', function(e, dt, type, index) {
if (type === 'row') {
$(myTable.row(index).node()).find('input:checkbox').prop('checked', true);
}
});
myTable.on('deselect', function(e, dt, type, index) {
if (type === 'row') {
$(myTable.row(index).node()).find('input:checkbox').prop('checked', false);
}
});
$('th input[type=checkbox], td input[type=checkbox]').prop('checked', false);
$('#dynamic-table > thead > tr > th input[type=checkbox], #dynamic-table_wrapper input[type=checkbox]').eq(0).on('click', function() {
var th_checked = this.checked;
$('#dynamic-table').find('tbody > tr').each(function() {
var row = this;
if (th_checked) myTable.row(row).select();
else myTable.row(row).deselect();
});
});
$('#dynamic-table').on('click', 'td input[type=checkbox]', function() {
var row = $(this).closest('tr').get(0);
if (this.checked) myTable.row(row).deselect();
else myTable.row(row).select();
});
$(document).on('click', '#dynamic-table .dropdown-toggle', function(e) {
e.stopImmediatePropagation();
e.stopPropagation();
e.preventDefault();
});
var active_class = 'active';
$('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function() {
var th_checked = this.checked;
$(this).closest('table').find('tbody > tr').each(function() {
var row = this;
if (th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
});
});
$('#simple-table').on('click', 'td input[type=checkbox]', function() {
var $row = $(this).closest('tr');
if ($row.is('.detail-row ')) return;
if (this.checked) $row.addClass(active_class);
else $row.removeClass(active_class);
});
$('[data-rel="tooltip"]').tooltip({
placement: tooltip_placement
});
function tooltip_placement(context, source) {
var $source = $(source);
var $parent = $source.closest('table')
var off1 = $parent.offset();
var w1 = $parent.width();
var off2 = $source.offset();
if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
return 'left';
}
/***************/
$('.show-details-btn').on('click', function(e) {
e.preventDefault();
$(this).closest('tr').next().toggleClass('open');
$(this).find(ace.vars['.icon']).toggleClass('fa-angle-double-down').toggleClass('fa-angle-double-up');
});
/***************/
})
function save() {
$.ajax({
url: 'save_wah_next.php',
type: "POST",
data: $("#question_form").serialize(),
success: function(data) {
// alert(data);
BootstrapDialog.alert('Saved Successfully.');
$("#flex1").flexReload();
return;
},
error: function(data) {
BootstrapDialog.alert('Error Saving Covid Questions');
return;
}
});
$('.close').click();
}
$('.date-picker').datepicker({
autoclose: true,
format: 'dd/mm/yyyy'
}).next().on(ace.click_event, function() {
$(this).prev().focus();
});
</script>
<!-- bootstrap & fontawesome -->
<link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />
<!-- page specific plugin styles -->
<link rel="stylesheet" href="assets/css/jquery-ui.custom.min.css" />
<link rel="stylesheet" href="assets/css/chosen.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-datepicker3.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-timepicker.min.css" />
<link rel="stylesheet" href="assets/css/daterangepicker.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-colorpicker.min.css" />
<script type="text/javascript" src="js/typeahead.bundle.js"></script>
<script src="assets/js/jquery-ui.custom.min.js"></script>
<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="assets/js/chosen.jquery.min.js"></script>
<script src="assets/js/spinbox.min.js"></script>
<script src="assets/js/bootstrap-datepicker.min.js"></script>
<script src="assets/js/bootstrap-timepicker.min.js"></script>
<script src="assets/js/jquery.dataTables.min.js"></script>
<script src="assets/js/jquery.dataTables.bootstrap.min.js"></script>
<script src="assets/js/dataTables.buttons.min.js"></script>
<script src="assets/js/buttons.flash.min.js"></script>
<script src="assets/js/buttons.html5.min.js"></script>
<script src="assets/js/buttons.print.min.js"></script>
<script src="assets/js/buttons.colVis.min.js"></script>
<script src="assets/js/dataTables.select.min.js"></script>
<script src="assets/js/moment.min.js"></script>
<script src="assets/js/daterangepicker.min.js"></script>
<script src="assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="assets/js/bootstrap-colorpicker.min.js"></script>
<script src="assets/js/jquery.knob.min.js"></script>
<script src="assets/js/autosize.min.js"></script>
<script src="assets/js/jquery.inputlimiter.min.js"></script>
<script src="assets/js/jquery.maskedinput.min.js"></script>
<script src="assets/js/bootstrap-tag.min.js"></script>
<script src="assets/js/ace-elements.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var counter = $("#count_items").val();
//alert (counter);
$("#addrow").on("click", function() {
var newRow = $("<tr>");
var task_frequency_option = $("#task_frequency0").html();
var ohc_type_option = $("#ohc_type0").html();
console.log("task_frequency_option" + task_frequency_option);
var cols = "";
cols += '<td><input type="text" class="form-control" id="frequency_name' + counter + '" name="frequency_name' + counter + '"/></td>';
cols += '<td><input type="text" class="form-control" id="frequency_code' + counter + '" name="frequency_code' + counter + '"/></td>';
cols += '<td align="center"><a href="#" class="btn-lg" data-toggle="tooltip" id="deletebtn" title="Delete"><span class="glyphicon glyphicon-trash"></span></a></td>';
newRow.append(cols);
$("#myTable").append(newRow);
/*$('#item_id'+counter).chosen({allow_single_deselect:true});
$('#item_id'+counter).next().css({'width': $('#item_id'+counter).parent().width()});*/
counter++;
$('.select2').select2()
$("#count_items").val(counter);
$('.date-picker').datepicker({
autoclose: true,
todayHighlight: true
})
});
$("#myTable").on("click", "#deletebtn", function(event) {
$(this).closest("tr").remove();
counter -= 1
$("#count_items").val(counter);
});
});
</script>
<script type="text/javascript">
jQuery(function($) {
$('#id-disable-check').on('click', function() {
var inp = $('#form-input-readonly').get(0);
if (inp.hasAttribute('disabled')) {
inp.setAttribute('readonly', 'true');
inp.removeAttribute('disabled');
inp.value = "This text field is readonly!";
} else {
inp.setAttribute('disabled', 'disabled');
inp.removeAttribute('readonly');
inp.value = "This text field is disabled!";
}
});
if (!ace.vars['touch']) {
$('.chosen-select').chosen({
allow_single_deselect: true
});
$(window)
.off('resize.chosen')
.on('resize.chosen', function() {
$('.chosen-select').each(function() {
var $this = $(this);
$this.next().css({
'width': $this.parent().width()
});
})
}).trigger('resize.chosen');
//resize chosen on sidebar collapse/expand
$(document).on('settings.ace.chosen', function(e, event_name, event_val) {
if (event_name != 'sidebar_collapsed') return;
$('.chosen-select').each(function() {
var $this = $(this);
$this.next().css({
'width': $this.parent().width()
});
})
});
$('#chosen-multiple-style .btn').on('click', function(e) {
var target = $(this).find('input[type=radio]');
var which = parseInt(target.val());
if (which == 2) $('#form-field-select-4').addClass('tag-input-style');
else $('#form-field-select-4').removeClass('tag-input-style');
});
}
$('[data-rel=tooltip]').tooltip({
container: 'body'
});
$('[data-rel=popover]').popover({
container: 'body'
});
autosize($('textarea[class*=autosize]'));
$('textarea.limited').inputlimiter({
remText: '%n character%s remaining...',
limitText: 'max allowed : %n.'
});
//"jQuery UI Slider"
//range slider tooltip example
$("#slider-range").css('height', '200px').slider({
orientation: "vertical",
range: true,
min: 0,
max: 100,
values: [17, 67],
slide: function(event, ui) {
var val = ui.values[$(ui.handle).index() - 1] + "";
if (!ui.handle.firstChild) {
$("<div class='tooltip right in' style='display:none;left:16px;top:-6px;'><div class='tooltip-arrow'></div><div class='tooltip-inner'></div></div>")
.prependTo(ui.handle);
}
$(ui.handle.firstChild).show().children().eq(1).text(val);
}
}).find('span.ui-slider-handle').on('blur', function() {
$(this.firstChild).hide();
});
$("#slider-range-max").slider({
range: "max",
min: 1,
max: 10,
value: 2
});
$("#slider-eq > span").css({
width: '90%',
'float': 'left',
margin: '15px'
}).each(function() {
// read initial values from markup and remove that
var value = parseInt($(this).text(), 10);
$(this).empty().slider({
value: value,
range: "min",
animate: true
});
});
$("#slider-eq > span.ui-slider-purple").slider('disable'); //disable third item
$('#id-input-file-1 , #id-input-file-2').ace_file_input({
no_file: 'No File ...',
btn_choose: 'Choose',
btn_change: 'Change',
droppable: false,
onchange: null,
thumbnail: false //| true | large
//whitelist:'gif|png|jpg|jpeg'
//blacklist:'exe|php'
//onchange:''
//
});
//pre-show a file name, for example a previously selected file
//$('#id-input-file-1').ace_file_input('show_file_list', ['myfile.txt'])
//datepicker plugin
//link
$('.date-picker').datepicker({
autoclose: true,
todayHighlight: true
})
//show datepicker when clicking on the icon
.next().on(ace.click_event, function() {
$(this).prev().focus();
});
if (!ace.vars['old_ie']) $('.datetimepicker').datetimepicker({
format: 'DD/MM/YYYY h:mm A', //use this option to display seconds
defaultDate: new Date(),
maxDate: new Date(),
icons: {
time: 'fa fa-clock-o',
date: 'fa fa-calendar',
up: 'fa fa-chevron-up',
down: 'fa fa-chevron-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'fa fa-arrows',
clear: 'fa fa-trash',
close: 'fa fa-times'
}
}).next().on(ace.click_event, function() {
$(this).prev().focus();
});
//chosen plugin inside a modal will have a zero width because the select element is originally hidden
//and its width cannot be determined.
//so we set the width after modal is show
$('#modal-form').on('shown.bs.modal', function() {
if (!ace.vars['touch']) {
$(this).find('.chosen-container').each(function() {
$(this).find('a:first-child').css('width', '210px');
$(this).find('.chosen-drop').css('width', '210px');
$(this).find('.chosen-search input').css('width', '200px');
});
}
})
/**
//or you can activate the chosen plugin after modal is shown
//this way select element becomes visible with dimensions and chosen works as expected
$('#modal-form').on('shown', function () {
$(this).find('.modal-chosen').chosen();
})
*/
$(document).one('ajaxloadstart.page', function(e) {
autosize.destroy('textarea[class*=autosize]')
$('.limiterBox,.autosizejs').remove();
$('.daterangepicker.dropdown-menu,.colorpicker.dropdown-menu,.bootstrap-datetimepicker-widget.dropdown-menu').remove();
});
});
</script>