ESH/hygiene.php

<?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">Patient Visit</li><li class="active">Employees</li>
				</ul>
			</div>
			<!-- End of breadcrumb -->
              <div class="page-content">
             <div id="flexigridDiv" class="table-responsive">
			<div id="flexigridDiv" class="well-sm table-responsive" style="margin-right: 5px;margin-left: 5px;height:auto; width:100%">

				<form name="f1" method="post" id="flex_form_hygiene" action="">
					<div id="flex1" style="width: 100%"></div>
					<input type="hidden" name="flex_hygiene_id" id="flex_hygiene_id" />
				</form>
			</div>
			</div>
			</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: 'hygiene_script.php',
            dataType: 'json',
            colModel : [
                    {display: 'Sr', name : 'count', width : w*.05, sortable : false, align: 'left'},
					
					 {display: 'Hygiene Parameters', name : 'hygiene_parameter', width : w*.15, sortable : true, align: 'left'},
                    {display: 'Work Area Min Range	', name : 'work_area_min_range	', width : w*.14, sortable : true, align: 'left'},
                    {display: 'Work Area Max Range', name : 'work_area_max_range	', width : w*.14, sortable : true, align: 'left'},
					{display: 'Human Min Range', name : 'human_min_range	', width : w*.15, sortable : true, align: 'left'},
					{display: 'Human Max Range', name : 'human_max_range	', width : w*.15, sortable : true, align: 'left'},
				
					{display: '', name : '', 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',isdefault: true},
                    {display: 'Work Area Min Range', name : 'work_area_min_range' },
					{display: 'Work Area Max Range', name : 'work_area_max_range' },
				
					{display: 'Human Min Range', name : 'human_min_range'},
					{display: 'Human Max Range', name : 'human_max_range'},
				
					
            ],
            sortname: "hygiene_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 pdf(){
	window.open('pdf_hygiene_list.php');
}
function excel(){
	window.location = 'excel_hygiene_list.php';
}  

function add(){

	$(".save_button").show();
	$("#hygiene_id").val("");
	$("#hygieneParameter").val("");
	$("#workAreaMinRange").val("");
	$("#workAreaMaxRange").val("");
	$('#humanMinRange').val("");
	$('#humanMaxRange').val("");

	$('#modal-add-hygiene').modal("show");

}



function delete_hygiene(hygieneId){
	$("#flex_hygiene_id").val(hygieneId);
	
	BootstrapDialog.confirm('Are you sure to delete the Hygiene?', function(result){
            if(result) {
               $.ajax({
					url : 'delete_Hygiene.php',
					type : "POST",
					data : $("#flex_form_hygiene").serialize(),
					success : function(data) {
						if(data.indexOf("SUCCESS")!=-1){
							BootstrapDialog.alert('Hygiene Deleted Successfully.');
							$("#flex1").flexReload();
								
						}else{
							BootstrapDialog.alert('Error Deleting Hygiene');
						}
					return;
					},
					error : function(data) {
						BootstrapDialog.alert('Error Deleting Hygiene');
						return;
					}
			});
            }
        });
	
}
var hygiene_id = "";
function open_hygiene(hygieneId, action) {
		var id = "";
		if(action=="V"){
				$(".save_button").hide();

		}else{
				$(".save_button").show();
		}
		$.ajax({
			url : 'select_hygiene.php?hygieneId='+hygieneId+' ',
			type : 'POST',
			
			success : function(data) {
			//alert(data);
			data = $.parseJSON(data);
			//alert(data);
					
					
					
					$("#hygiene_id").val(data.hygiene_id);
					$("#hygieneParameter").val(data.hygiene_parameter);
					$("#workAreaMinRange").val(data.work_area_min_range);
					$("#workAreaMaxRange").val(data.work_area_max_range);
					$("#humanMinRange").val(data.human_min_range);
					$("#humanMaxRange").val(data.human_max_range);
				
					$('#modal-add-hygiene').modal("show");
			},
			error : function(data) {
				BootstrapDialog.alert('Error Populating Hygiene');
				return;
			}
		});
}



</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 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>
<?php  include('techsyn_footer.php'); ?>    
<?php  include('form/add_hygiene.php');?>