EVOLUTION-NINJA
Edit File: package_master.php
<?php $this->load->view('includes/header'); ?> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/grid_style.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/jqgrid/css/ui.jqgrid-bootstrap-ui.css'); ?>" /> <script type="text/ecmascript" src="<?php echo base_url('assets/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('assets/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script> <script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script> <!----------------------------- Left MENU END ---------------------------------------------------> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <div class="content-header"> <div class="container-fluid"> <div class="row mb-2"> <div class="col-sm-6"> </div> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="#">Accounts</a></li> <li class="breadcrumb-item"><a href="#">Masters</a></li> <li class="breadcrumb-item"><a href="#">Civil</a></li> <li class="breadcrumb-item"> Package Master </li> </ol> </div> </div> </div> </div> <form class="forms-sample add_package_form"> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <button type="button" class="btn btn-primary add_package_name">Add Package Name</button> <!-- <input type="text" name="package_name" class="form-control package_name"> --> </div> </div> </div> </form> <div class="modal fade" id="add_modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="ModalLabel">Add Package Name</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form class="forms-sample add_packagename_form"> <!-- <input type="hidden" class="form-control site_id" name="site_id"/> --> <div class="modal-body"> <div class="form-group" > <label for="exampleInputUsername1">Package Name</label> <input type="text" class="form-control package_name" name="package_name" required> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary submit">Submit</button> </div> </form> </div> </div> </div> <div class="row"> <div class="col-md-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <div id ="jaytab" style="margin-top:3%" class="grid table-responsive"> <table id="list1"></table> <div id="pager1"></div> <div id="dialogSelectRow" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="edit_modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="ModalLabel">Edit Package</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form class="forms-sample update_form"> <input type="hidden" class="form-control package_id" name="package_id"/> <div class="modal-body"> <div class="row"> <div class="col-sm-12"> <div class="form-group" > <label for="exampleInputUsername1">Package Name<span style="color:red">*</span></label> <input type="text" class="form-control package_name" name="package_name" pattern="[A-Za-z\s]{1,40}" required> </div> </div> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary submit">Submit</button> <button type="button" class="btn btn-light" data-dismiss="modal">Close</button> </div> </form> </div> </div> </div> </div> <!--class="content-wrapper"--> <script type="text/javascript"> $('.add_package_name').click(function() { $('#add_modal').modal('show'); }); $('.add_packagename_form').submit(function(e) { e.preventDefault(); $("#loading").show(); formdata = new FormData($(this)[0]); $(".submit").attr('disabled', 'disabled'); $(".submit").text("Submitting..."); $.ajax({ type : 'post', url : '<?php echo site_url("insert-package")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { $("#add_modal").modal("hide"); toastr["success"](response.message); $('.add_packagename_form')[0].reset(); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); //location.reload(); $("#list1").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); } else if(response.result == 2) { toastr["error"](response.message); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } else { toastr["error"](response.message); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } } }); }); CallGrid(); function CallGrid() { jQuery("#list1").jqGrid({ url:"<?php echo site_url('get-package-list')?>", mtype : "get", datatype: "json", colNames:['SL','Package Name','Action'], colModel:[ {name:'id',index:'id', width:100, hidden:true,editable:false,key:true}, {name:'package_name',index:'package_name', width:100, hidden:false,editable:false}, {name:'',index:'',width:80, search:false,editable:false,formatter: function (cellvalue, options, rowObject) { var retVal = ""; var retVal = ' <a onclick="edit_package('+rowObject.id+');" href="javascript:void(0);"><i class="fa fa-pencil-square-o" style="color:blue;" aria-hidden="true"></i></a> <a onclick="delete_package('+rowObject.id+')"; href="javascript:void(0);"><i class="fa fa-trash" style="color:red;" aria-hidden="true"></i></a>'; return retVal; }}, ], rowNum:20, rowTotal: 2000, rowList : [20,30], rownumbers: true, //rownumWidth: 60, pager:"#pager1", sortname:'id', viewrecords: true, gridview: true, autowidth: true, sortorder:"asc", shrinkToFit: true, loadonce:true, autoencode: true, caption:"Package List", //Subgrid1... subGrid: false, }); } function edit_package(id) { $.ajax({ type : 'post', url : "<?php echo site_url('edit-package');?>", data : {'package_id':id}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { $('#edit_modal').modal('show'); $('.package_id').val(response.message.id); $('.package_name').val(response.message.package_name); } } }); } $('.update_form').submit(function(e) { e.preventDefault(); $("#loading").show(); formdata = new FormData($(this)[0]); $(".update").attr('disabled', 'disabled'); $(".update").text("Updating..."); $.ajax({ type : 'post', url : '<?php echo site_url('update-package-details')?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { $("#edit_modal").modal("hide"); toastr["success"](response.message); $('.update_form')[0].reset(); $(".update").text("Submit"); $(".update").removeAttr('disabled'); location.reload(); } else if(response.result == 2) { toastr["error"](response.message); $(".update").text("Submit"); $(".update").removeAttr('disabled'); } else { toastr["error"](response.message); $(".update").text("Submit"); $(".update").removeAttr('disabled'); } } }); }); function delete_package(id) { swal({ title: "Are you sure?", text: "You will not be able to recover this data !", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!", cancelButtonText: "No, cancel plz!", closeOnConfirm: false, closeOnCancel: false }, function(isConfirm){ if (isConfirm) { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); $.ajax({ type : 'post', url : "<?php echo site_url('delete-package');?>", data : {'package_id':id}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); $("#list1").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); } } }); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); } </script> <style type="text/css"> form{ padding-top: 30px; } </style> <?php $this->load->view('includes/footer.php')?>