<?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> <i class="ace-icon fa fa-home home-icon"></i> <a href="#">Home</a> </li> <li class="active">OXYGEN CYLINDER QUESTIONNAIRE Master</li> </ul> </div> <!-- End of breadcrumb --> <div class="page-content"> <div class="box box-primary center" style="padding: 10px; margin: 2px 0px 50px 5px; width: 99.5%; " > <form id="task_form" method="post"> <!-- box-body--> <div class="box-body"> <div class="row" > <div class="col-sm-3" ></div> <div class="col-sm-4"> <table id="myTable" class="table table-bordered order-list" style="width:100%; padding:50px; " > <thead> <tr> <th style="padding-right: 100px; margin: 2px 0px 50px 5px; width: 90%; "> Questions </th> <th style="padding-right: 100px; margin: 2px 0px 50px 5px; width: 90%; "> Question in Local Language </th> </tr> </thead> <?php $row=null; if(isset($_REQUEST['flex_id'])){ $sql="select * from oxygen_cylinder_questionnaire where question_id='".$_REQUEST['flex_id']."'"; $result = @mysqli_query($conn,$sql); $num_rows=@mysqli_num_rows($result); $row=@mysqli_fetch_array($result); } do{ ?> <tbody> <tr id="main-form"> <td style="width:40%"> <input type="hidden" name="question_id" id="question_id" value="<?php echo $row['question_id']?>" /> <input type="text" style="width:100%" name="question" value="<?php echo $row['question']?>" id="question" maxlength="255" class="form-control"/> </td> <td style="width:40%"> <input type="text" style="width:100%" name="question_local" value="<?php echo $row['question_local']?>" id="question_local" maxlength="255" class="form-control"/> </td> </tr> <?php }while($row=@mysqli_fetch_array($result))//end of while ?> </tbody> <tfoot> <tr> </tr> </tfoot> </table> </div> </div> </div> <!-- End box-body--> <!--box-footer--> <div class="box-footer" style="text-align: center;"> <button class="btn btn-success new_button" id="new_button" type="reset" onclick="show_save_button();"> <i class="ace-icon fa fa-plus-square-o bigger-110"></i> New </button> <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> <button class="btn btn-warning" type="reset"> <i class="ace-icon fa fa-undo bigger-110"></i> Reset </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 ><input type="hidden" name="f1" method="post" id="flex_id" action="bio_medical_waste_generation_excel.php"> <div id="flex1" style="width:100%"> <input type="hidden" name="flex_id" id="flex_id"/> </div> </form> <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: 'oxygen_cylinder_questionnaire_script.php', dataType: 'json', colModel : [ {display: 'Sr', name : 'count', width : w*.03, sortable : false, align: 'left'}, {display: '', name : 'link', width : w*.15, sortable : false, align: 'left'}, {display: 'Question', name : 'question', width : w*.30, sortable : true, align: 'left'}, {display: 'Question in Local Language', name : 'question_local', width : w*.40, 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: 'Question', name : 'question'}, {display: 'Question Local', name : 'question_local'}, ], sortname: "question_id", // sortorder: "type_description", 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 delete_cylinder(question_id){ $.ajax({ url : 'delete_cylinder_questionnaire.php', data:{question_id:question_id}, type : 'POST', dataType:'json', success : function(data) { if(data=='SUCCESS') { BootstrapDialog.alert('Question Deleted Successfully!'); $("#flex1").flexReload(); return; } }, error : function(data) { BootstrapDialog.alert('Error: Questions Not Deleted!'); return; } }); } function show_save_button(){ $("#save_button").show() $("#question_id").val(""); } function open_cylinder(question_id,access){ if(access=='V'){ $("#save_button").hide() }else if(access=='E') $("#save_button").show() $.ajax({ url : 'select_cylinder_questionnaire.php', data:{question_id:question_id}, type : 'POST', dataType:'json', success : function(data) { $("#question_id").val(data.question_id); $("#question").val(data.question); $("#question_local").val(data.question_local); // $('#modal-add-ambulance-form').modal("show"); }, error : function(data) { BootstrapDialog.alert('Error Populating Question Details'); return; } }); } function pdf(){ window.open('cylinder_questionaire_pdf.php','QUESTIONS List'); } function excel(){ window.open('cylinder_questionaire_excel.php','questions List'); } $("#new_button").on("click", function() { $("question_id").val(""); }); </script> <?php include('techsyn_footer.php'); ?> </div> <!-- End of page-content --> </div> </div> </div> <script> function validate(){ var question = $('#question').val(); if(question == ''){ BootstrapDialog.alert('Please Enter Question.!!!'); return false; } save(); } </script> <style> #modal-add-vaccine{ overflow-y:scroll; } </style> <?php include('techsyn_footer.php'); ?> <script type="text/javascript"> function save(){ $.ajax({ url : 'save_cylinder_questionnaire.php ', type : "POST", data : $("#task_form").serialize(), success : function(data) { // alert(data); BootstrapDialog.alert('Question Saved Successfully.'); $("#flex1").flexReload(); return; }, error : function(data) { BootstrapDialog.alert('Error Saving Questions'); return; } }); $('.close').click(); // location.href="procurement_list.php"; } $('.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>