<?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"><a href="task_list.php">Vaccine Master</a></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-6"> <table id="myTable center" class="table table-bordered order-list" > <thead> <tr> <th style="padding-right: 50px; margin: 2px 0px 50px 5px; width: 20%; "> Vaccine Name</th> <th style="padding-left: 10px; margin: 2px 0px 50px 5px; width: 20%; "> Company</th> <th style="padding-left: 10px; margin: 2px 0px 50px 5px; width: 30%; ">Description</th> </tr> </thead> <?php $row=null; if(isset($_REQUEST['flex_id'])){ $sql="select * from vaccine_master where 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:10%"> <input type="hidden" name="id" id="id" value="<?php echo $row['id']?>" /> <input type="text" style="width:100%" name="vaccine_name" value="<?php echo $row['vaccine_name']?>" id="vaccine_name" maxlength="50" class="form-control"/> </td> <td style="width:10%"> <input type="text" style="width:100%" name="vaccine_company" value="<?php echo $row['vaccine_company']?>" id="vaccine_company" maxlength="50" class="form-control"/> </td> <td style="width:10%"> <input type="text" name="vaccine_desc" value="<?php echo $row['vaccine_desc']?>" id="vaccine_desc" maxlength="100" 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 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> <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: 'vaccine_list_script.php', dataType: 'json', colModel : [ {display: 'Sr', name : 'count', width : w*.05, sortable : false, align: 'left'}, {display: 'Vaccine Name', name : 'vaccine_name', width : w*.20, sortable : true, align: 'left'}, {display: 'Company', name : 'vaccine_company', width : w*.30, sortable : true, align: 'left'}, {display: 'Description', name : 'vaccine_desc', width : w*.30, sortable : true, align: 'left'}, {display: '', name : 'link', width : w*.1, sortable : false, 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: 'Name', name : 'vaccine_name'}, {display: 'Company', name : 'vaccine_company'}, {display: 'Description', name : 'vaccine_desc'}, ], sortname: "vaccine_name", // 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_vaccine(id){ $.ajax({ url : 'delete_vaccine.php', data:{id:id}, type : 'POST', dataType:'json', success : function(data) { if(data=='SUCCESS') { BootstrapDialog.alert('Vaccine Deleted Successfully!'); $("#flex1").flexReload(); return; } }, error : function(data) { BootstrapDialog.alert('Error: Vaccine Not Deleted!'); return; } }); } function show_save_button(){ $("#save_button").show() $("#id").val(""); } function open_vaccine(id,access){ if(access=='V'){ $("#save_button").hide() }else if(access=='E') $("#save_button").show() $.ajax({ url : 'select_vaccine.php', data:{id:id}, type : 'POST', dataType:'json', success : function(data) { $("#id").val(data.id); $("#vaccine_name").val(data.vaccine_name); $('#vaccine_company').val(data.vaccine_company) $("#vaccine_desc").val(data.vaccine_desc); // $('#modal-add-ambulance-form').modal("show"); }, error : function(data) { BootstrapDialog.alert('Error Populating Task Details'); return; } }); } function pdf(){ window.open('vaccine_list_pdf.php','Vaccine List'); } function excel(){ window.open('vaccine_list_excel.php','Task List'); } $("#new_button").on("click", function() { $("id").val(""); }); </script> <?php include('techsyn_footer.php'); ?> </div> <!-- End of page-content --> </div> </div> </div> <script> function validate(){ var vaccine_name = $('#vaccine_name').val(); if(vaccine_name == ''){ BootstrapDialog.alert('Please Enter Vaccine Name.!!!'); return false; } var vaccine_company= $('#vaccine_company').val(); if(vaccine_company == ''){ BootstrapDialog.alert('Please Enter vaccine company.!!!'); return false; } var vaccine_description= $('#vaccine_desc').val(); if(vaccine_description == ''){ BootstrapDialog.alert('Please Enter vaccine Description.!!!'); 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_vaccine.php ', type : "POST", data : $("#task_form").serialize(), success : function(data) { // alert(data); BootstrapDialog.alert('Vaccine Saved Successfully.'); $("#flex1").flexReload(); return; }, error : function(data) { BootstrapDialog.alert('Error Saving vaccine'); 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>