<?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="#">Settings</li><li class="#">Medical Items</li><li class="active">Related</li> </ul> </div> <!-- End of breadcrumb --> <div> <form name="f1" method="post" action=""id="flex_form_related"> <div id="flex1" style="width:100%"> </div> <input type="hidden" name="flex_related_id" id="flex_related_id"/> </form> </div> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <script type="text/javascript"> $(function () { var w=screen.width*.90; var h =$(".main-content").height()+100; $("#flex1").flexigrid({ url: 'related_script.php', dataType: 'json', colModel: [ {display: 'Sr', name: 'count', width: w*.04, sortable: false, align: 'left'}, {display: 'Health Advice', name: 'health_advice', width: w*.2, sortable: true, align: 'left'}, {display: 'Health Category', name: 'health_cat', width: w*.2, sortable: true, align: 'left'}, {display: '', name: '', width: w*.3, 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: 'Health Advice', name: 'health_advice', isdefault: true}, {display: 'Health Category', name: 'health_cat'} ], sortname: "related_id", sortorder: "asc", usepager: true, //pagination useRp: true, rp: 50, //records per page showTableToggleBtn: false, //toggle button for the whole table resizable: true, //width: w, height: h, singleSelect: true }); }); function add(){ $(".save_button").show(); $("#health_advice").val(""); $("#health_cat").val(""); $("#related_it").val(""); $('#modal-add-related').modal("show"); } function pdf(){ window.open('pdf_related.php'); } function excel(){ window.location = 'excel_related.php'; } function delete_related(relatedId){ $("#flex_related_id").val(relatedId); BootstrapDialog.confirm('Are you sure to delete the Related?', function(result){ if(result) { $.ajax({ url : 'delete_related.php', type : "POST", data : $("#flex_form_related").serialize(), success : function(data) { if(data.indexOf("SUCCESS")!=-1){ BootstrapDialog.alert('Related Deleted Successfully.'); $("#flex1").flexReload(); }else{ BootstrapDialog.alert('Error Deleting Related '); } return; }, error : function(data) { BootstrapDialog.alert('Error Deleting Related'); return; } }); } }); } function save_related(){ $.ajax({ url : 'save_related.php ', type : "POST", data : $("#related_form").serialize(), success : function(data) { BootstrapDialog.alert('Related Saved Successfully.'); $("#flex1").flexReload(); return; }, error : function(data) { BootstrapDialog.alert('Error Saving Related'); return; } }); $('.close').click(); } var related_id = ""; function open_related(relatedId, action) { var related_id = ""; if(action=="V"){ $(".save_button").hide(); }else{ $(".save_button").show(); } $.ajax({ url : 'select_related.php?relatedId='+relatedId+' ', type : 'POST', success : function(data) { //alert(data); var data = $.parseJSON(data); //alert(data); $("#related_id").val(data.related_id); $("#health_advice").val(data.health_advice); $("#health_cat").val(data.health_cat); $('#modal-add-related').modal("show"); }, error : function(data) { BootstrapDialog.alert('Error Populating Related'); return; } }); } </script> <?php include('techsyn_footer.php'); ?> <?php include('form/add_related.php');?>