EVOLUTION-NINJA
Edit File: customer_finalization.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="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="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> <div class="modal fade" id="edit_modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="ModalLabel">Customer Finalization</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 customer_id" name="customer_id"/> <div class="modal-body"> <div class="row"> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Name</label> <input type="text" class="form-control customer_name" name="customer_name" readonly required> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Alias Name</label> <input type="text" class="form-control customer_alias_name" name="customer_alias_name" required> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1"> Relation </label> <select class="form-control" name="relation"> <option value="D/O">D/O</option> <option value="W/O">W/O</option> <option value="S/O">S/O</option> </select> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1"> Relation Name </label> <input type="text" class="form-control relation_name" name="relation_name" required> </div> </div> </div> <div class="row"> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Phone</label> <input type="text" class="form-control customer_phone" name="customer_phone" readonly required> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Alternative Phone</label> <input type="text" class="form-control alt_phone" name="alt_phone" > </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Email</label> <input type="text" class="form-control customer_email" name="customer_email" readonly required> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Alternative Email</label> <input type="text" class="form-control alt_email" name="alt_email" > </div> </div> </div> <div class="row"> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">DOB</label> <input type="text" class="form-control dob" name="dob" required> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">DOE</label> <input type="text" class="form-control doe" name="doe" required> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Permanent Address</label> <input type="text" class="form-control address" name="address" readonly required> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1"><input type="checkbox" name="homepostalcheck" id="homepostalcheck"/> Same as above:</label> <label for="exampleInputUsername1">Common Address</label> <input type="text" class="form-control common_address" name="common_address" required> </div> </div> </div> <div class="row"> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Reference From</label> <input type="text" class="form-control ref_from" name="ref_from" readonly required> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Reference Type</label> <select name="ref_type" class="form-control ref_type" id="ref_type" readonly> <option value="">Select</option> <?php foreach($reference_type as $ref_type) { ?> <option value="<?php echo $ref_type->id;?>"><?php echo $ref_type->reference_type;?></option> <?php } ?> </select> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Authd Person</label> <input type="text" class="form-control auth_person" name="auth_person" required> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Authd Email</label> <input type="text" class="form-control auth_email" name="auth_email" required> </div> </div> </div> <div class="row"> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">Working</label> <input type="text" class="form-control working" name="working" required> </div> </div> <div class="col-sm-3"> <div class="form-group" > <label for="exampleInputUsername1">State</label> <input type="text" class="form-control state" name="state" required> </div> </div> </div> <div class="modal-footer2"> <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> <style type="text/css"> pre { background-color: transparent; border: 1px solid transparent; line-height: 1.6; text-align: justify; } .update_form label{ padding-top: 15px; padding-bottom: 5px; } .modal-footer2{ text-align: center !important; } .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"> $('.dob').datepicker({ changeMonth:true, changeYear:true, yearRange: "1940:c", // dateFormat: 'yy-mm-dd' dateFormat: 'dd-mm-yy' }); $('.doe').datepicker({ changeMonth:true, changeYear:true, yearRange: "1940:c", // dateFormat: 'yy-mm-dd' dateFormat: 'dd-mm-yy' }); function setBillingAddress() { if ($("#homepostalcheck").is(":checked")) { $('.common_address').val($('.address').val()); $('.common_address').attr('readonly', 'readonly'); } else { $('.common_address').removeAttr('readonly'); } } $('#homepostalcheck').click(function(){ setBillingAddress(); }) CallGrid(); function CallGrid() { jQuery("#list2").jqGrid({ url:"<?php echo site_url('get-customer-details-list')?>", mtype : "get", datatype: "json", colNames:['id','Name','Phone','Email','Entry Date','Reference Type','Refered By','Follow Up Status','Site Visiting Status','Approve ID','Approval','Action'], colModel:[ {name:'id',index:'id', width:100, hidden:true,editable:false,key:true}, {name:'name',index:'name', width:150, hidden:false,editable:false}, {name:'phone',index:'phone', width:150, hidden:false,editable:false}, {name:'email',index:'email', width:175, hidden:false,editable:false}, {name:'doe',index:'doe',width:150,hidden:false,editable:false}, {name:'reference_type',index:'reference_type',editable:false, width:100}, {name:'ref_from',index:'ref_from',editable:false, width:100}, {name:'followup_progress',index:'followup_progress',editable:false, width:100}, {name:'sitevisit_progress',index:'sitevisit_progress',editable:false, width:125}, {name:'approved_with_id',index:'approved_with_id',editable:false, width:150}, {name:'approval_status',index:'approval_status',width:125, search:false,editable:false,formatter: function (cellvalue, options, rowObject) { var retVal = ""; if(rowObject.approval_status == 'NOT_APPROVED') { var retVal = ' <button class="show_approve" onclick="approve('+rowObject.id+');">Approve</button> '; } else { var retVal = 'APPROVED!'; } return retVal; }}, {name:'',index:'',width:80, search:false,editable:false,formatter: function (cellvalue, options, rowObject) { var retVal = ""; var retVal = ' <a onclick="edit_details('+rowObject.id+');" href="javascript:void(0);"><i class="fa fa-pencil-square-o" style="color:blue;" 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:"Customer Finalization 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 }, ); } function approve(id) { $.ajax({ type : 'post', url : "<?php echo site_url('approve-customer-details');?>", data : {'id':id}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { swal({ title: "Are you sure?", text: "to Approve", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, Approve it!", closeOnConfirm: true, closeOnCancel: false }, function(isConfirm) { if (isConfirm) { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); $("#list2").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); } } }); } function edit_details(id) { $.ajax({ type : 'post', url : "<?php echo site_url('edit-customer-more-details');?>", data : {'id':id}, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { $('#edit_modal').modal('show'); $('.customer_id').val(response.message.id); $('.customer_name').val(response.message.name); $('.customer_phone').val(response.message.phone); $('.customer_email').val(response.message.email); $('.address').val(response.message.address); $('.remarks').val(response.message.remarks); $('.site_number').val(response.message.site_number); $('.ref_type').val(response.message.ref_type); $('.ref_from').val(response.message.ref_from); $('.progress_type').val(response.message.site_visiting_status); $('.description').val(response.message.site_visiting_description); $('.relation').val(response.message.relation); $('.customer_alias_name').val(response.message.alias_name); $('.relation_name').val(response.message.relation_name); $('.alt_phone').val(response.message.alt_phone); $('.alt_email').val(response.message.alt_email); $('.dob').val(response.message.dob); $('.doe').val(response.message.doe); $('.common_address').val(response.message.common_address); $('.auth_person').val(response.message.auth_person); $('.auth_email').val(response.message.auth_email); $('.working').val(response.message.working); $('.state').val(response.message.state); } } }); } $('.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("add-customer-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'); } } }); }); </script> <?php $this->load->view('includes/footer.php')?>