EVOLUTION-NINJA
Edit File: unit.php
<?php $this->load->view('includes/header.php')?> <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> <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"> Unit </li> </ol> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <button type="button" class="btn btn-primary add_unit">Add Unit</button> <div id ="jaytab" style="margin-top:3%" class="grid table-responsive"> <table id="list2"></table> <div id="pager2"></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="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 Unit</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form class="forms-sample add_unit"> <input type="hidden" class="form-control site_id" name="site_id"/> <div class="modal-body"> <div class="form-group" > <label for="exampleInputUsername1">Unit Name</label> <input type="text" class="form-control unit_name" name="unit_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="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 unit</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form class="forms-sample add_unit_form"> <!-- <input type="hidden" class="form-control site_id" name="site_id"/> --> <div class="modal-body"> <div class="form-group" > <label for="exampleInputUsername1">Name</label> <input type="text" class="form-control unit_name" name="unit_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="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 Unit</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form class="forms-sample update_unit"> <input type="hidden" class="form-control edit_unit_id" name="id"/> <div class="modal-body"> <div class="form-group" > <label for="exampleInputUsername1">Unit Name</label> <input type="text" class="form-control edit_unit_name" name="unit_name" required> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary update">Submit</button> </div> </form> </div> </div> </div> </div> <style type="text/css"> pre { background-color: transparent; border: 1px solid transparent; line-height: 1.6; text-align: justify; } .form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus { border-color: #FF0000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6); } </style> <script type="text/javascript"> $('.add_unit').click(function() { $('#add_modal').modal('show'); }); CallGrid(); function CallGrid() { jQuery("#list2").jqGrid({ url:"<?php echo site_url('get-unit-list')?>", mtype : "get", datatype: "json", colNames:['id','Unit Name','Action'], colModel:[ {name:'id',index:'id', width:100, hidden:true,editable:false,key:true}, {name:'unit_name',index:'unit_name', width:150, hidden:false,editable:false}, {name:'',index:'',width:80, search:false,editable:false,formatter: function (cellvalue, options, rowObject) { var retVal = ""; var retVal = ' <a onclick="edit_unit('+rowObject.id+');" href="javascript:void(0);"><i class="fa fa-pencil-square-o" style="color:blue;" aria-hidden="true"></i></a> <a onclick="delete_unit('+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:"#pager2", sortname:'id', viewrecords: true, gridview: true, autowidth: true, sortorder:"asc", shrinkToFit: true, loadonce:true, autoencode: true, caption:"Unit List", //Subgrid1... subGrid: false, }); $("#list2").jqGrid("setLabel", "rn", "SL"); $("#list2").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required $("#list2").jqGrid('navGrid','#pager2', {edit:false,add:false,del:false,search:false,refreshstate:"current"}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true, closeAfterDelete:true, closeAfterEdit:true }, ); } $('.add_unit_form').submit(function(e) { e.preventDefault(); $("#loading").show(); formdata = new FormData($(this)[0]); $(".submit").attr('disabled', 'disabled'); $(".submit").text("Updating..."); $.ajax({ type : 'post', url : '<?php echo site_url("Add-unit")?>', 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_unit_form')[0].reset(); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); //location.reload(); $("#list2").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'); } } }); }); function edit_unit(id) { $.ajax({ type : 'post', url : "<?php echo site_url('Edit-unit-details');?>", data : {'id':id}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { $('#edit_modal').modal('show'); $('.edit_unit_id').val(response.message.id); $('.edit_unit_name').val(response.message.unit_name); } } }); } $('.update_unit').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-unit-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_unit')[0].reset(); $(".update").text("Submit"); $(".update").removeAttr('disabled'); // location.reload(); $("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); } 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_unit(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-unit-details');?>", data : {'id':id}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); $("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); } } }); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); } </script> <?php $this->load->view('includes/footer.php')?>