<?php include('techsyn_header.php'); ?> <!-- 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 class="active">Hygiene</li><li class="active">Employee Hygiene Checkup</li> </ul> </div> <!-- End of breadcrumb --> <div id="flexigridDiv" class="page-content"> <form name="f1" method="post" id="flex_form_emp_hygiene" action=""> <div id="flex1" style="width: 100%"></div> <input type="hidden" name="flex_emp_hyg_id" id="flex_emp_hyg_id" /> </form> </div> </div> <!-- /.page-content --> </div> </div> <!-- /.main-content --> <script type="text/javascript"> //alert("screen.height:"+screen.height+",navbar.heigh:"+$("#navbar").height()+",breadcrumbs.height:"+$(".breadcrumbs").height()); $(function() { var w=screen.width*.90; var h =0; h =(window.innerHeight-($("#navbar").height()+$(".breadcrumbs").height()))*.75; //alert(h); $("#flex1").flexigrid({ url: 'emp_leve_hyg_script.php', dataType: 'json', colModel : [ {display: 'Sr', name : 'count', width : w*.05, sortable : false, align: 'left'}, {display: 'Employee Name', name : 'emp_id', width : w*.15, sortable : true, align: 'left'}, {display: 'Hygiene Parameter ', name : 'hyg_check_id ', width : w*.15, sortable : true, align: 'left'}, {display: 'Reference Range ', name : 'hyg_check_id ', width : w*.15, sortable : true, align: 'left'}, {display: 'Current Value', name : 'hyg_check_id ', width : w*.15, sortable : true, align: 'left'}, {display: 'Checkup Date', name : 'checkup_date ', width : w*.15, sortable : true, align: 'left'}, {display: '', name : 'link', width : w*.15, sortable : false, align: 'left'} ], buttons : [ {name: 'Add', bclass: 'add', onpress : add}, {separator: true}, {name: 'PDF', bclass: 'print', onpress : pdf}, {separator: true}, {name: 'Excel', bclass: 'print_excel', onpress : excel}, {separator: true} ], searchitems : [ {display: 'Hygiene Parameter', name : 'hygiene_parameter'}, {display: 'Current Value', name : 'hyg_param_val' }, {display: 'Checkup Date(DD-MM-YYYY)', name : 'checkup_date' }, ], sortname: "hyg_check_id", sortorder: "asc", 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 emp_level_hyg_check_pdf(Id){ window.open('emp_level_hyg_check_pdf.php?Id='+Id+''); } function pdf(){ window.open('pdf_emp_level_hyg_check.php'); } function excel(){ window.location = 'excel_emp_level_hyg_check.php'; } var hygiene_parameter_list=[]; getHygieneParameterList(); function getHygieneParameterList(){ $.ajax({ url : 'get_hygiene_parameter.php', type : "POST", success : function(data) { data = $.parseJSON(data); if(data!=null) hygiene_parameter_list=data; }, error:function(data){ } }); } function add(){ var currentDate = new Date(); var today = currentDate.getDate() + '/' + (currentDate.getMonth() + 1) + '/' + currentDate.getFullYear(); $("#CheckupDate").val(today); $(".save_button").show(); $("#hygieneParameterTable").find("tr:gt(0)").remove(); $("#emp_hyg_id").val(""); $("#empName").val(""); $("#empName").trigger("chosen:updated"); $("#parameterRow").val("0"); var tbl = document.getElementById("hygieneParameterTable"); // hygiene_parameter=new array(); var optionContent='<?php $query = "select * from hygiene "; $result = @mysqli_query($conn,$query ); while ( $rows_hygiene = mysqli_fetch_array ( $result ) ) { $hygieneParameter = getTableFieldValue ( 'hygiene', 'hygiene_parameter', 'hygiene_id', $rows_hygiene ['hygiene_id'] ); ?> <option value="<?php echo $rows_hygiene['hygiene_id']?>"><?php echo $hygieneParameter.' ('.$rows_hygiene['human_min_range'].'-'.$rows_hygiene['human_max_range'].') '?></option><?php } ?>' var lastRow = tbl.rows.length; var newRow = tbl.insertRow(lastRow); var count =parseInt($("#parameterRow").val()); var content=" <td>"+(count+1)+"</td><td><select class=\"chosen-select form-control\" name=\"hygieneParameter"+count+"\" data-placeholder=\"Select Hygiene Parameter\" " +" id=\"hygieneParameter"+count+"\" autofocus=\"autofocus\" required><option></option>" + optionContent+" </select><input type=\"hidden\" name=\"outOfRange"+count+"\" id=\"outOfRange"+count+"\"></td> <td> <input type=\"text\" class=\"form-control\" " +" style=\"height:30px\" name=\"currentValue"+count+"\" id=\"currentValue"+count+" placeholder=\"Current Value\" onchange=\"checkRangeOfParameter(this.value,$('#hygieneParameter"+count+"').val(),"+count+")\" required /></td><td></td>" $(newRow).append(content); $(newRow).attr("id", "hygieneParameterTableRow" + count); $(newRow).attr("class", "active"); $('#hygieneParameter'+count).chosen({allow_single_deselect:true}); $('#hygieneParameter'+count).next().css({'width': '100%'}); $("#parameterRow").val(++count); $('#modal-add-emp-hygiene').modal("show"); } function checkRangeOfParameter(parameterValue,hygieneParmeterId,count){ for(var i=0;i<hygiene_parameter_list.length;i++){ if(hygiene_parameter_list[i].hygiene_id==hygieneParmeterId){ if(parseFloat(parameterValue)>=parseFloat(hygiene_parameter_list[i].human_min_range) && parseFloat(parameterValue)<=parseFloat(hygiene_parameter_list[i].human_max_range)){ $("#outOfRange"+count).val("N"); }else{ $("#outOfRange"+count).val("Y"); } } } } function delete_emp_level_hyg_check(empHygId){ $("#flex_emp_hyg_id").val(empHygId); BootstrapDialog.confirm('Are you sure to delete the Hygiene?', function(result){ if(result) { $.ajax({ url : 'delete_emp_level_hyg.php', type : "POST", data : $("#flex_form_emp_hygiene").serialize(), success : function(data) { if(data.indexOf("SUCCESS")!=-1){ BootstrapDialog.alert('Employee Level Hygiene Deleted Successfully.'); $("#flex1").flexReload(); }else{ BootstrapDialog.alert('Error Deleting Employee Level Hygiene'); } return; }, error : function(data) { BootstrapDialog.alert('Error Deleting Employee Level Hygiene'); return; } }); } }); } function addRowForHygieneParameter(){ // //$("#hygieneParameterTable").find("tr:gt(0)").remove(); /* if(tbl.rows.length>2){ for(var i=2;i<tbl.rows.length;i++) myTable.deleteRow(i); }*/ var tbl = document.getElementById("hygieneParameterTable"); var optionContent='<?php $query = "select * from hygiene "; $result = @mysqli_query($conn,$query ); while ( $rows_hygiene = mysqli_fetch_array ( $result ) ) { $hygieneParameter = getTableFieldValue ( 'hygiene', 'hygiene_parameter', 'hygiene_id', $rows_hygiene ['hygiene_id'] ); ?> <option value="<?php echo $rows_hygiene['hygiene_id']?>"><?php echo $hygieneParameter.' ('.$rows_hygiene['human_min_range'].'-'.$rows_hygiene['human_max_range'].') '?></option><?php } ?>' var lastRow = tbl.rows.length; var newRow = tbl.insertRow(lastRow); var count =parseInt($("#parameterRow").val()); var content=" <td>"+(count+1)+"</td><td><select class=\"chosen-select form-control\" name=\"hygieneParameter"+count+"\" data-placeholder=\"Select Hygiene Parameter\" " +" id=\"hygieneParameter"+count+"\" autofocus=\"autofocus\" required><option></option>" + optionContent+" </select><input type=\"hidden\" name=\"outOfRange"+count+"\" id=\"outOfRange"+count+"\" ><input type=\"hidden\" name=\"outOfRange"+count+"\" id=\"outOfRange"+count+"\"></td> <td> <input type=\"text\" class=\"form-control\" " +" style=\"height:30px\" name=\"currentValue"+count+"\" id=\"currentValue"+count+"\" onchange=\"checkRangeOfParameter(this.value,$('#hygieneParameter"+count+"').val(),"+count+")\" placeholder=\"Current Value\" required /></td>" +"<td><a href=\"#\" onclick=\"deleteParameterRow("+count+")\"><i class=\"ace-icon fa fa-trash-o bigger-130\"></i></a></td>" $(newRow).append(content); $(newRow).attr("id", "hygieneParameterTableRow" + count); $('#hygieneParameter'+count).chosen({allow_single_deselect:true}); $('#hygieneParameter'+count).next().css({'width': '100%'}); $("#parameterRow").val(++count); } var item_id; function deleteParameterRow(count){ item_id =$('#parameter_record_id'+count).val(); //alert('#parameter_record_id'+count); del_hyg_param(item_id); $('#hygieneParameterTableRow'+count).remove(); $("#parameterRow").val(count); } function del_hyg_param(item_id){ $.ajax({ url : 'del_work_area_param.php', type : "POST", data:{'item_id':item_id}, success : function(data) { if(data.indexOf("SUCCESS")!=-1){ }else{ //BootstrapDialog.alert('Error Deleting Employee Level Hygiene'); } return; }, error : function(data) { //BootstrapDialog.alert('Error Deleting Employee Level Hygiene'); return; } }); } function printForForm(){ var w = window.open(); var printContent= $("#modal-add-emp-hygiene").html(); w.document.write('<html><head><title>Copy Printed</title></head><body>' + printContent + '</body></html>'); w.window.print(); } function get_hygiene_parameter_name(hygieneParameter) { $.ajax({ url : 'get_hygiene_parameter_name.php?hygieneParameter='+hygieneParameter+' ', type : 'POST', success : function(data) { //alert(data); var data = $.parseJSON(data); //alert(data); $("#hygieneParameter").text(data.hygiene_parameter); }, error : function(data) { BootstrapDialog.alert('Error Populating Role'); return; } }); } var hyg_check_id = ""; function view_emp_level_hyg_check(hyg_check_id, action) { $.ajax({ url : 'select_emp_hygiene.php?hyg_check_id='+hyg_check_id+' ', type : 'POST', success : function(data) { data = $.parseJSON(data); //alert(data); /* for(var i=0;i<data.parameter.length;i++){ $("#emp_hyg_id").val(data.emp_hyg_id); var emp_name =data.fname+" "+data.lname; $("#empName1").text(emp_name); $("#minRange").text(data.emp_min_range); $("#maxRange").text(data.emp_max_range); $("#CheckupDate1").text(myDateFormater(data.checkup_date)); var hygieneParameter = data.parameter[0].hyg_parameter_id; get_hygiene_parameter_name(hygieneParameter); $("#currentValue").text(data.parameter[0].hyg_param_val); */ $("#emp_hyg_id").val(data.emp_hyg_id); var emp_name =data.fname+" "+data.lname; $("#empName1").text(emp_name); var checkupdate = new Date(data.checkup_date); var date = checkupdate.getDate(); var month = checkupdate.getMonth() + 1; // Since getMonth() returns month from 0-11 not 1-12 var year = checkupdate.getFullYear(); var hour = checkupdate.getFullYear(); var hours = checkupdate.getHours(); var minutes = checkupdate.getMinutes(); var ampm = hours >= 12 ? 'pm' : 'am'; hours = hours % 12; hours = hours ? hours : 12; // the hour '0' should be '12' minutes = minutes < 10 ? '0'+minutes : minutes; var dateStr = date + "/" + month + "/" + year+ " " + hours+ ":" + minutes+ " " + ampm; $("#CheckupDate1").text(dateStr); if(data.department_ids!=null){ var department_ids = data.department_ids; dataarray=department_ids.split(","); $("#department").val(dataarray); } $("#hygieneParameterTable1").find("tr:gt(0)").remove(); $("#parameterRow").val(0); var content=""; var tbl = document.getElementById("hygieneParameterTable1"); var optionContent='<?php $query = "select * from hygiene "; $result = @mysqli_query($conn,$query ); while ( $rows_hygiene = mysqli_fetch_array ( $result ) ) { $hygieneParameter = getTableFieldValue ( 'hygiene', 'hygiene_parameter', 'hygiene_id', $rows_hygiene ['hygiene_id'] ); ?> <option value="<?php echo $rows_hygiene['hygiene_id']?>"><?php echo $hygieneParameter.' ('.$rows_hygiene['human_min_range'].'-'.$rows_hygiene['human_max_range'].') '?></option><?php } ?>' var emp_id=data.emp_id; select_hyg_param(emp_id); for(var i=0;i<data.parameter.length;i++){ var lastRow = tbl.rows.length; var newRow = tbl.insertRow(lastRow); var count =parseInt($("#parameterRow").val()); content=" <td>"+(count+1)+"</td><td><input type=\"hidden\" name=\"parameter_record_id"+count+"\" id=\"parameter_record_id"+count+"\" value="+data.parameter[i].id+"><div name=\"hygieneParameter1"+count+"\" " +" id=\"hygieneParameter1"+count+"\" >"+data.parameter[i].hygiene_parameter+" ("+data.parameter[i].human_min_range+"-"+data.parameter[i].human_max_range+")" +" </div><input type=\"hidden\" name=\"outOfRange"+count+"\" id=\"outOfRange"+count+"\" value="+data.parameter[i].out_of_range+"></td> <td> <div " +" style=\"height:30px\" name=\"currentValueView"+count+"\" id=\"currentValueView"+count+"\" >"+data.parameter[i].hyg_param_val+"</div></td>" view_emp_history(emp_id); $(newRow).append(content); $(newRow).attr("id", "hygieneParameterTableRow" + count); $('#hygieneParameter'+count).chosen({allow_single_deselect:true}); $('#hygieneParameter'+count).next().css({'width': '100%'}); $('#hygieneParameter'+count).val(data.parameter[i].hyg_parameter_id); $('#hygieneParameter'+count).trigger("chosen:updated") $("#parameterRow").val(++count); } $('#modal-add-emp-hygiene_view').modal("show"); }, error : function(data) { BootstrapDialog.alert('Error Populating Hygiene'); return; } }); } function view_emp_history(emp_id) { $.ajax({ url : 'select_view_emp_history.php?emp_id='+emp_id+' ', type : 'POST', success : function(data) { //alert(data); var data = $.parseJSON(data); //alert(data); $("#empHistoyTable1").find("tr:gt(0)").remove(); $("#empHistoryRow").val(0); var content1=""; var tbl1 = document.getElementById("empHistoyTable1"); for(var i=0;i<data.length;i++){ //alert(data.length) var lastRow1 = tbl1.rows.length; var newRow1 = tbl1.insertRow(lastRow1); var count1 =parseInt($("#empHistoryRow").val()); var checkupdatehistory = new Date(data[i].checkup_date); var date = checkupdatehistory.getDate(); var month = checkupdatehistory.getMonth() + 1; // Since getMonth() returns month from 0-11 not 1-12 var year = checkupdatehistory.getFullYear(); var hour = checkupdatehistory.getFullYear(); var hours = checkupdatehistory.getHours(); var minutes = checkupdatehistory.getMinutes(); var ampm = hours >= 12 ? 'pm' : 'am'; hours = hours % 12; hours = hours ? hours : 12; // the hour '0' should be '12' minutes = minutes < 10 ? '0'+minutes : minutes; var dateStr = date + "/" + month + "/" + year+ " " + hours+ ":" + minutes+ " " + ampm; //$("#checkup_date_history").text(dateStr); content1=" <td>"+(count1+1)+"</td><td><div name=\"checkup_date_history"+count1+"\" " +" id=\"checkup_date_history"+count1+"\" >"+dateStr +" </div></td><td><div name=\"hygiene_parameter_history"+count1+"\" " +" id=\"hygiene_parameter_history"+count1+"\" >"+data[i].hygiene_parameter+" ("+data[i].human_min_range+"-"+data[i].human_max_range+")" +" </div></td> ><td><div name=\"current_value_history"+count1+"\" " +" id=\"current_value_history"+count1+"\" >"+data[i].hyg_param_val +" </div></td>" $(newRow1).append(content1); $(newRow1).attr("id", "empHistoytableRow" + count1); $("#empHistoryRow").val(++count1); } }, error : function(data) { BootstrapDialog.alert('Error Populating Role'); return; } }); } /*function getTreatmentText($appointment_id) { $sql = "select t.item_id, item_name, for_days, dosage from treatment t, tbl_items i where t.item_id=i.item_id and t.appointment_id='" . $appointment_id . "'"; $res = @mysqli_query($conn,$sql); $returnStr = ""; while ($rows = @mysqli_fetch_array($res)) { extract($rows); $returnStr .= $rows['item_name'] . " " . $rows['dosage'] . " for " . $rows['for_days'] . " days" . "<br>"; } return $returnStr; } */ var hyg_check_id = ""; function open_emp_level_hyg_check(hyg_check_id, action) { var id = ""; if(action=="V"){ $(".save_button").hide(); }else{ $(".save_button").show(); } $.ajax({ url : 'select_emp_hygiene.php?hyg_check_id='+hyg_check_id+' ', type : 'POST', success : function(data) { data = $.parseJSON(data); //alert(data); $("#hyg_check_id").val(data.hyg_check_id); $("#empName").val(data.emp_id); $("#empName").trigger("chosen:updated"); $('#CheckupDate').val(myDateFormater1(data.checkup_date)); if(data.department_ids!=null){ var department_ids = data.department_ids; dataarray=department_ids.split(","); $("#department").val(dataarray); } $("#hygieneParameterTable").find("tr:gt(0)").remove(); $("#parameterRow").val(0); var content=""; var tbl = document.getElementById("hygieneParameterTable"); var optionContent='<?php $query = "select * from hygiene "; $result = @mysqli_query($conn,$query ); while ( $rows_hygiene = mysqli_fetch_array ( $result ) ) { $hygieneParameter = getTableFieldValue ( 'hygiene', 'hygiene_parameter', 'hygiene_id', $rows_hygiene ['hygiene_id'] ); ?> <option value="<?php echo $rows_hygiene['hygiene_id']?>"><?php echo $hygieneParameter.' ('.$rows_hygiene['human_min_range'].'-'.$rows_hygiene['human_max_range'].') '?></option><?php } ?>' for(var i=0;i<data.parameter.length;i++){ var lastRow = tbl.rows.length; var newRow = tbl.insertRow(lastRow); var count =parseInt($("#parameterRow").val()); content=" <td>"+(count+1)+"</td><td><input type=\"hidden\" name=\"parameter_record_id"+count+"\" id=\"parameter_record_id"+count+"\" value="+data.parameter[i].id+"><select class=\"chosen-select form-control\" name=\"hygieneParameter"+count+"\" data-placeholder=\"Select Hygiene Parameter\" " +" id=\"hygieneParameter"+count+"\" autofocus=\"autofocus\" required><option ></option>" + optionContent+" </select><input type=\"hidden\" name=\"outOfRange"+count+"\" id=\"outOfRange"+count+"\" value="+data.parameter[i].out_of_range+"></td> <td> <input type=\"text\" class=\"form-control\" " +" style=\"height:30px\" name=\"currentValue"+count+"\" id=\"currentValue"+count+"\" onchange=\"checkRangeOfParameter(this.value,$('#hygieneParameter"+count+"').val(),"+count+")\" value="+data.parameter[i].hyg_param_val+" /></td>" if(count>0) content+="<td><a href=\"#\" onclick=\"deleteParameterRow("+count+")\"><i class=\"ace-icon fa fa-trash-o bigger-130\"></i></a></td>" else content+="<td></td>" $(newRow).append(content); $(newRow).attr("id", "hygieneParameterTableRow" + count); $('#hygieneParameter'+count).chosen({allow_single_deselect:true}); $('#hygieneParameter'+count).next().css({'width': '100%'}); $('#hygieneParameter'+count).val(data.parameter[i].hyg_para_id); $('#hygieneParameter'+count).trigger("chosen:updated") $("#parameterRow").val(++count); } $('#modal-add-emp-hygiene').modal("show"); }, error : function(data) { BootstrapDialog.alert('Error Populating Hygiene'); return; } }); } function myDateFormater1(myDate){ var d=new Date(myDate); var m=d.getMonth()+1; var y=d.getFullYear(); var date=d.getDate(); var hours = d.getHours(); var minutes = d.getMinutes(); var ampm = hours >= 12 ? 'pm' : 'am'; hours = hours % 12; hours = hours ? hours : 12; // the hour '0' should be '12' minutes = minutes < 10 ? '0'+minutes : minutes; // alert(date+"/"+m+"/"+y); return date+"/"+m+"/"+y+ " " + hours+ ":" + minutes+ " " + ampm; } /* $('#CheckupDate').datepicker({ autoclose:true, format: 'dd/mm/yyyy', startDate: '1d/1m/1970y', todayHighlight: true, }).next().on(ace.click_event, function(){ $(this).prev().focus(); }); */ </script> <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 src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> <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/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> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.27/moment-timezone-utils.js" /> <?php include('techsyn_footer.php'); ?> <?php include('form/add_emp_level_checkup.php');?> <?php include('form/add_hygiene_view.php');?>