EVOLUTION-NINJA
Edit File: maintenance_list.php
<?php echo view('includes/header');?> <section class="content-header"> <h1> Maintenance List </h1> </section> <!--- section 1 ----><br><br> <section class="content"> <div id="menu1" class="tab-panecol-sm-12 col-md-12 "> <div id = "jaytab3" style="margin-top:3%;margin-left: -28px;" class="col-sm-12 grid"> <div class="grid_div"></div><table id="list3"></table> <div id="pager3"></div> <div id="dialogSelectRow3" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> </div> </section> <!--- section 2 ----> <!-- Modal --> <div class="modal fade" id="edit_modal" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Update Maintenance details</h4> </div> <div class="modal-body"> <form id="land_owner" class="form-inline update_form"> <input type="hidden" class="form-control col-sm-8 id" name="id" required="required"> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Project</label> <input type="text" class="form-control col-sm-8 project_list" readonly name="project_name" required="required"> <input type="hidden" class="form-control col-sm-8 project_id" readonly name="project_id" required="required"> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Site No</label> <input type="text" class="form-control col-sm-4 site" readonly name="site" style="width:21%!important;" required="required"> <label class="col-sm-2" style="padding-left:4px; font-size: 12px;">Dimension</label> <input type="text" class="form-control col-sm-4 dimension" readonly name="dimension" id="dimension"style="width:22% !important;" required="required"> </div> </div> <!-- row 1----> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Per Sq Ft</label> <input type="text" class="form-control col-sm-8 per_sq_ft" name="per_sq_ft" id="per_sq_ft" readonly required="required"> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4 col-md-4">No of Years</label> <input type="text" class="form-control col-sm-8 no_of_yrs" readonly id="no_of_yrs" name="no_of_yrs" > </div> </div> <!-- row 2----> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4 ">Maintenance Amount</label> <input type="text" class="form-control col-sm-8 main_amount" name="main_amount" id="main_amount" required="required"> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4 col-md-4">Client Name</label> <input type="text" class="form-control col-sm-4 client_name" name="client_name" readonly id="client_name" > </div> </div> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Payment Mode</label> <select class="form-control maintenance_payment_type" style="" name="maintenance_payment_type" id="sel1" > <option value="">Select</option> <option value="Cheque">Cheque</option> <option value="Cash">Cash</option> <option value="DD">DD</option> <option value="Online Payment">NEFT / RTGS</option> <option value="Paytm Payment"> UPI</option> <option value="UPI Payment">Credit / Debit Card</option> </select> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4 col-md-4">Note</label> <input type="text" class="form-control col-sm-4" name="note"> </div> </div> <div id="maintenance_check_div"></div> <div id="maintenance_onlinepayment_div"></div> <div id="maintenance_dd_div"></div> <div id="maintenance_cash_div"></div> <div id="maintenance_paytm_div"></div> <div id="maintenance_upi_div"></div> <div class="row land_owner_a" ></div> <div class="col-sm-4 col-md-4" ></div> <div class="col-sm-4 col-md-4"> <button type="submit" id ="btn1" class="btn btn-primary center-block submit">Submit</button> </div> <div class="col-sm-4 col-md-4"></div> </form> </div> </div> </div> </div> <style type="text/css"> .content-wrapper, .right-side { //min-height:900px !important; } a { color: inherit; } </style> <script> $(".maintenance_payment_type").change(function(){ var value = $(".maintenance_payment_type option:selected").val(); if(value == "Cheque") { var check_content = ''; check_content += '<div class="row land_owner_a">'; check_content += '<div class="form-group col-sm-12 col-md-6">'; check_content += '<label class="col-sm-4">Cheque No</label>'; check_content += '<input type="text" class="form-control col-sm-8" name="check_no1" >'; check_content += '</div>'; check_content += '<div class="form-group col-sm-12 col-md-6">'; check_content += '<label class="col-sm-4">Cheque Date</label>'; check_content += '<input type="rext" class="form-control col-sm-8 date_picker" name="check_date1" max="" >'; check_content += '</div>'; check_content += '</div>'; check_content += '<div class="row land_owner_a">'; check_content += '<div class="form-group col-sm-12 col-md-6">'; check_content += '<label class="col-sm-4">Bank Name</label>'; check_content += '<input type="text" class="form-control col-sm-8" name="bank_name1" >'; check_content += '</div>'; check_content += '</div>'; $("#maintenance_onlinepayment_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_upi_div").empty(); $("#maintenance_check_div").html(check_content); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else if(value == "Online Payment") { var payment_content = ''; payment_content += '<div class="row land_owner_a">'; payment_content += '<div class="form-group col-sm-12 col-md-6">'; payment_content += '<label class="col-sm-4">UTR No</label>'; payment_content += '<input type="text" class="form-control col-sm-8" name="vtr_no1">'; payment_content += '</div>'; payment_content += '<div class="form-group col-sm-12 col-md-6">'; payment_content += '<label class="col-sm-4">Date</label>'; payment_content += '<input type="text" class="form-control col-sm-8 date_picker" name="online_date1" max="">'; payment_content += '</div>'; payment_content += '</div>'; $("#maintenance_check_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_upi_div").empty(); $("#maintenance_onlinepayment_div").html(payment_content); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else if(value == "DD") { var dd_content = ''; dd_content += '<div class="row land_owner_a">'; dd_content += '<div class="form-group col-sm-12 col-md-6">'; dd_content += '<label class="col-sm-4">DD No</label>'; dd_content += '<input type="text" class="form-control col-sm-8" name="dd_no1" >'; dd_content += '</div>'; dd_content += '<div class="form-group col-sm-12 col-md-6">'; dd_content += '<label class="col-sm-4">DD Date</label>'; dd_content += '<input type="rext" class="form-control col-sm-8 date_picker" name="dd_date1" max="" >'; dd_content += '</div>'; dd_content += '</div>'; dd_content += '<div class="row land_owner_a">'; dd_content += '<div class="form-group col-sm-12 col-md-6">'; dd_content += '<label class="col-sm-4">Bank Name</label>'; dd_content += '<input type="text" class="form-control col-sm-8" name="dd_bank1" >'; dd_content += '</div>'; dd_content += '</div>'; $("#maintenance_check_div").empty(); $("#maintenance_onlinepayment_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_upi_div").empty(); $("#maintenance_dd_div").html(dd_content); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else if(value == "Paytm Payment") { var paytm_content = ''; paytm_content += '<div class="row land_owner_a">'; paytm_content += '<div class="form-group col-sm-12 col-md-6">'; paytm_content += '<label class="col-sm-4">Ref No</label>'; paytm_content += '<input type="text" class="form-control col-sm-8" name="ref_no">'; paytm_content += '</div>'; paytm_content += '<div class="form-group col-sm-12 col-md-6">'; paytm_content += '<label class="col-sm-4">Date</label>'; paytm_content += '<input type="text" class="form-control col-sm-8 date_picker" name="paytm_date" max="">'; paytm_content += '</div>'; paytm_content += '</div>'; $("#maintenance_check_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_onlinepayment_div").empty(); $("#maintenance_paytm_div").html(paytm_content); $("#maintenance_upi_div").empty(); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else if(value == "UPI Payment") { var upi_content = ''; upi_content += '<div class="row land_owner_a">'; upi_content += '<div class="form-group col-sm-12 col-md-6">'; upi_content += '<label class="col-sm-4">Ref No</label>'; upi_content += '<input type="text" class="form-control col-sm-8" name="upi_ref_no">'; upi_content += '</div>'; upi_content += '<div class="form-group col-sm-12 col-md-6">'; upi_content += '<label class="col-sm-4">Date</label>'; upi_content += '<input type="text" class="form-control col-sm-8 date_picker" name="upi_date" max="">'; upi_content += '</div>'; upi_content += '</div>'; $("#maintenance_check_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_onlinepayment_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_upi_div").html(upi_content).fadeIn('slow'); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else if(value == 'Cash') { $("#maintenance_check_div").empty(); $("#maintenance_onlinepayment_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_swipe_div").empty(); $("#maintenance_upi_div").empty(); var cash_content = ''; cash_content += '<div class="row land_owner_a">'; cash_content += '<div class="form-group col-sm-12 col-md-6">'; cash_content += '<label class="col-sm-4">Payment Date</label>'; cash_content += '<input type="rext" class="form-control col-sm-8 date_picker" name="cash_payment_date" required="required">'; cash_content += '</div>'; cash_content += '</div>'; $("#maintenance_check_div").html(cash_content).fadeIn('slow'); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else { $("#maintenance_check_div").empty(); $("#maintenance_onlinepayment_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_upi_div").empty(); } }); </script> <!-- <script> $('#no_of_yrs').focusout(function(e){ e.preventDefault(); var per_sqft = $('#per_sq_ft').val(); var no_of_years = $('#no_of_yrs').val(); var site_dimension =$('#dimension').val(); var maintenance = (parseFloat(site_dimension)*parseFloat(no_of_years)*parseFloat(per_sqft)); $('#main_amount').val(maintenance); }); </script> --> <!-- This is the Javascript file of jqGrid --> <script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <!-- This is the localization file of the grid controlling messages, labels, etc. <!-- We support more than 40 localizations --> <script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script> <!-- A link to a jQuery UI ThemeRoller theme, more than 22 built-in and many more custom --> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" /> <!-- The link to the CSS that the grid needs --> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/jqgrid/css/ui.jqgrid.css'); ?>" /> <script src="<?php echo base_url('public/assets/js/jquery-ui.js'); ?>" type="text/javascript"></script> <style type="text/css"> .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); } #FrmGrid_list2 { width: 100% !important; } .ui-jqdialog .ui-jqdialog-titlebar { height: 29px !important; background-color: #001a00; color: white; padding-left: 10px; } .fm-button { height: 21px !important; padding: 1px; margin-right: 10px !important; height: 21px !important; width: 50%; margin-top: -7px !important; } .ui-jqdialog-content td.navButton { padding-top: 12px !important; } .ui-jqgrid .ui-jqgrid-titlebar { height: 27px !important; background:#AF0100 !important; color:white !important; } .ui-jqgrid-bdiv { height: 232px !important; } .ui-widget-overlay { z-index:0 !important; } .ui-widget-header { background: #1e7ad7 !important; } .ui-jqgrid-hdiv ui-state-default { width: 873px !important; cursor: default!important } ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: bold; color: black; } .ui-jqgrid .ui-jqgrid-bdiv { overflow-y: scroll; //overflow-x: hidden; } #ui-datepicker-div { z-index: 9999 !important; } /*.ui-jqgrid-htable { font-size: 9px; }*/ .ui-jqgrid-htable { font-size:11px; } #jqgh_list3_client_name,#jqgh_list3_main_amount,#jqgh_list3_no_of_yrs{ height: 40px; } #btn1{ margin-top: -20px!important; } /*#submit{ padding-bottom: 20px !important; }*/ </style> <script src="<?php echo base_url('public/assets/js/jquery.table2excel.js');?>"></script> <style> /*#ui-datepicker-div { z-index: 9999 !important; } .ui-jqgrid-htable { font-size: 9px; } #submit{ padding-bottom: 20px !important; }*/ </style> <script type="text/javascript"> $(document).ready(function (){ //alert(customer_name); jQuery("#list3").jqGrid({ url:"<?php echo site_url('get-maintainance-list')?>", mtype : "post", datatype: "json", colNames:['SI','Project','Client<br>Name','Site No','Dimension','Per Sq Ft','Maintenance<br>Amount','Num of<br>Years','Receipt','Edit','Delete'], colModel:[ /*{name:'id',index:'id', width:50, hidden:true,editable:false,key:true}, {name:'project_name',index:'project_name', width:100, editable:false}, {name:'client_name',index:'client_name', width:100, editable:false}, {name:'site',index:'site', width:100, editable:false}, {name:'dimension',index:'dimension', width:175, editable:false}, {name:'per_sq_ft',index:'per_sq_ft', width:100, editable:false}, {name:'main_amount',index:'main_amount', width:100, editable:false}, {name:'no_of_yrs',index:'no_of_yrs', width:100, editable:false},*/ {name:'id',index:'id', width:50, hidden:true,editable:false,key:true}, {name:'project_name',index:'project_name', width:100, editable:false}, {name:'client_name',index:'client_name', width:50, editable:false}, {name:'site',index:'site', width:50, editable:false}, {name:'dimension',index:'dimension', width:50, editable:false}, {name:'per_sq_ft',index:'per_sq_ft', width:40, editable:false}, {name:'main_amount',index:'main_amount', width:60, editable:false}, {name:'no_of_yrs',index:'no_of_yrs', width:50, editable:false}, {name:' ',index:' ',editable:false,align: "center",editrules:{required: true}, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) { return ' onclick="fun_preview($(this))" '; },formatter:function (cellvalue, options, rowObject) { return "<input type='button' value='Generate' \>"; }}, {name:' ',index:' ',editable:false,align: "center",editrules:{required: true}, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) { return ' onclick="fun($(this))" '; },formatter:function (cellvalue, options, rowObject) { return "<input type='button' value='EDIT' onclick='some_function' data-toggle='modal' data-target='#edit_modal' \>"; }}, {name:'delete',index:'delete',align: "center",editable:false,editrules:{required: true}, width:100,cellattr: function (rowId, tv, rawObject, cm, rdata) { return ' onclick="fun_delete($(this))" '; },formatter:function (cellvalue, options, rowObject) { return "<input type='button' value='DELETE' \>"; }}, ], rowNum:100, rowTotal: 10000, rowList : [100,1000,2000,4000,8000,16000], rownumbers: true, rownumWidth: 40, pager:"#pager3", sortname:'id', viewrecords: true, gridview: true, autowidth: true, sortorder:"asc", shrinkToFit: false, emptyrecords: 'No records to display', // multiselect: true, // multiboxonly: true, loadonce:true, caption:" Maintenance List", }); $("#list3").jqGrid("setLabel", "rn", "SL"); $("#list3").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required $("#list3").jqGrid('navGrid','#pager3', {edit:true,add:false,del:false,search:true,refreshstate:"current"}, { }, { }, { }, { sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], closeOnEscape: true, multipleSearch: true, closeAfterSearch: true } ); $("#list3").navButtonAdd('#pager3', { caption:"Change Status", buttonicon:"ui-icon-pencil", onClickButton: change_status, position: "last", title:"", cursor: "pointer", id:"client_edit_new" } ); $("#list3").navButtonAdd('#pager3', { caption:"Print", buttonicon:"ui-icon-print", onClickButton:print_page, position: "last", title:"", cursor: "pointer", id:"client_delete_new" } ); $("#list3").navButtonAdd('#pager3', { caption:"Export", buttonicon:"", onClickButton: export_page, position: "last", title:"", cursor: "pointer", id:"client_delete" } ); }); function fun(rowId) { var id = rowId.closest('tr').attr('id'); $.ajax({ type : 'post', url : '<?php echo site_url("edit-maintenance")?>', data : {id:id}, success:function(response) { // response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { $(".id").val(response.details.id); $(".project_list").val(response.details.project_name); $(".project_id").val(response.details.project_id); $(".site").val(response.details.site); $(".dimension").val(response.details.dimension); $(".per_sq_ft").val(response.details.per_sq_ft); $(".main_amount").val(response.details.main_amount); var maintainance_amounts = response.details.main_amount; x=maintainance_amounts.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $(".main_amount").val(res); $(".no_of_yrs").val(response.details.no_of_yrs); $(".client_name").val(response.details.client_name); $('.maintenance_payment_type').val(response.details.payment_mode); $('input[name=note]').val(response.details.note); var value = response.details.payment_mode; if(value == "Cheque") { /*var cheque_date = response.details.check_date; var c_date =cheque_date.split('-'); var cheque_dates = c_date[2]+'-'+c_date[1]+'-'+c_date[0];*/ var check_content = ''; check_content += '<div class="row land_owner_a">'; check_content += '<div class="form-group col-sm-12 col-md-6">'; check_content += '<label class="col-sm-4">Cheque No</label>'; check_content += '<input type="text" class="form-control col-sm-8" name="check_no1" value="'+response.details.check_no+'" >'; check_content += '</div>'; check_content += '<div class="form-group col-sm-12 col-md-6">'; check_content += '<label class="col-sm-4">Cheque Date</label>'; check_content += '<input type="rext" class="form-control col-sm-8 date_picker" name="check_date1" value="'+response.details.check_date+'" max="" >'; check_content += '</div>'; check_content += '</div>'; check_content += '<div class="row land_owner_a">'; check_content += '<div class="form-group col-sm-12 col-md-6">'; check_content += '<label class="col-sm-4">Bank Name</label>'; check_content += '<input type="text" class="form-control col-sm-8" name="bank_name1" value="'+response.details.check_bank+'" >'; check_content += '</div>'; check_content += '</div>'; $("#maintenance_onlinepayment_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_upi_div").empty(); $("#maintenance_check_div").html(check_content); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else if(value == "Online Payment") { /* var vtr_date = response.details.vtr_date; var v_date = vtr_date.split('-'); var vtr_dates = v_date[2]+'-'+v_date[1]+'-'+v_date[0];*/ var payment_content = ''; payment_content += '<div class="row land_owner_a">'; payment_content += '<div class="form-group col-sm-12 col-md-6">'; payment_content += '<label class="col-sm-4">UTR No</label>'; payment_content += '<input type="text" class="form-control col-sm-8" name="vtr_no1" value="'+response.details.vtr_no+'">'; payment_content += '</div>'; payment_content += '<div class="form-group col-sm-12 col-md-6">'; payment_content += '<label class="col-sm-4">Date</label>'; payment_content += '<input type="text" class="form-control col-sm-8 date_picker" name="online_date1" max="" value="'+response.details.vtr_date+'">'; payment_content += '</div>'; payment_content += '</div>'; $("#maintenance_check_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_upi_div").empty(); $("#maintenance_onlinepayment_div").html(payment_content).fadeIn('slow'); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else if(value == "DD") { /* var dd_dates = response.details.dd_date; var d_date = dd_dates.split('-'); var dd_date = d_date[2]+'-'+d_date[1]+'-'+d_date[0];*/ var dd_content = ''; dd_content += '<div class="row land_owner_a">'; dd_content += '<div class="form-group col-sm-12 col-md-6">'; dd_content += '<label class="col-sm-4">DD No</label>'; dd_content += '<input type="text" class="form-control col-sm-8" name="dd_no1" value="'+response.details.dd_no+'">'; dd_content += '</div>'; dd_content += '<div class="form-group col-sm-12 col-md-6">'; dd_content += '<label class="col-sm-4">DD Date</label>'; dd_content += '<input type="rext" class="form-control col-sm-8 date_picker" name="dd_date1" max="" value="'+response.details.dd_date+'">'; dd_content += '</div>'; dd_content += '</div>'; dd_content += '<div class="row land_owner_a">'; dd_content += '<div class="form-group col-sm-12 col-md-6">'; dd_content += '<label class="col-sm-4">Bank Name</label>'; dd_content += '<input type="text" class="form-control col-sm-8" name="dd_bank1" value="'+response.details.dd_bank+'">'; dd_content += '</div>'; dd_content += '</div>'; $("#maintenance_check_div").empty(); $("#maintenance_onlinepayment_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_upi_div").empty(); $("#maintenance_dd_div").html(dd_content).fadeIn('slow'); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else if(value == "Paytm Payment") { /*var paytm_dates = response.details.paytm_date; var p_date = paytm_dates.split('-'); var paytm_date = p_date[2]+'-'+p_date[1]+'-'+p_date[0];*/ var paytm_content = ''; paytm_content += '<div class="row land_owner_a">'; paytm_content += '<div class="form-group col-sm-12 col-md-6">'; paytm_content += '<label class="col-sm-4">Ref No</label>'; paytm_content += '<input type="text" class="form-control col-sm-8" name="ref_no" value="'+response.details.paytm_ref_no+'">'; paytm_content += '</div>'; paytm_content += '<div class="form-group col-sm-12 col-md-6">'; paytm_content += '<label class="col-sm-4">Date</label>'; paytm_content += '<input type="text" class="form-control col-sm-8 date_picker" name="paytm_date" max="" value="'+response.details.paytm_date+'">'; paytm_content += '</div>'; paytm_content += '</div>'; $("#maintenance_check_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_onlinepayment_div").empty(); $("#maintenance_paytm_div").html(paytm_content).fadeIn('slow'); $("#maintenance_upi_div").empty(); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else if(value == "UPI Payment") { /* var upi_dates = response.details.upi_date; var u_date = upi_dates.split('-'); var upi_date = u_date[2]+'-'+u_date[1]+'-'+u_date[0];*/ var upi_content = ''; upi_content += '<div class="row land_owner_a">'; upi_content += '<div class="form-group col-sm-12 col-md-6">'; upi_content += '<label class="col-sm-4">Ref No</label>'; upi_content += '<input type="text" class="form-control col-sm-8" name="upi_ref_no" value="'+response.details.upi_ref_no+'">'; upi_content += '</div>'; upi_content += '<div class="form-group col-sm-12 col-md-6">'; upi_content += '<label class="col-sm-4">Date</label>'; upi_content += '<input type="text" class="form-control col-sm-8 date_picker" name="upi_date" max="" value="'+response.details.upi_date+'">'; upi_content += '</div>'; upi_content += '</div>'; $("#maintenance_check_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_onlinepayment_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_upi_div").html(upi_content).fadeIn('slow'); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else if(value == "Cash") { var cash_content = ''; cash_content += '<div class="row land_owner_a">'; cash_content += '<div class="form-group col-sm-12 col-md-6">'; cash_content += '<label class="col-sm-4">Payment Date</label>'; cash_content += '<input type="text" class="form-control col-sm-8 date_picker" name="cash_payment_date" value="'+response.details.cash_payment_date+'" >'; cash_content += '</div>'; cash_content += '</div>'; $("#maintenance_onlinepayment_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_upi_div").empty(); $("#maintenance_check_div").html(cash_content); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else { $("#maintenance_check_div").empty(); $("#maintenance_onlinepayment_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_upi_div").empty(); } $("#edit_modal").modal("show"); $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); } } }); } $(document).on('focusout','.main_amount',function(){ var value=$(this).val(); var res=value.toString().split("."); //Comma-fies the first part res[0] = res[0].replace(/(\d)(?=(\d\d)+\d$)/g, "$1,"); var total_res=res.join("."); $('.main_amount').val(total_res); }); function fun_delete(rowId) { var id = rowId.closest('tr').attr('id'); var id=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(); // test.attr('disabled', 'disabled'); // test.text("Deleting..."); $.ajax({ type : 'post', url : '<?php echo site_url("delete-maintenance")?>', data : {id:id}, success:function(response) { // response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { toastr["success"]("Deleted successfully"); //$("#list3").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); } } }); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); } $('.update_form').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $(".submit").attr('disabled', 'disabled'); $(".submit").text("Updating..."); $.ajax({ type : 'post', url : '<?php echo site_url("update-maintainance")?>', data : formdata, contentType: false, processData: false, success:function(response){ // response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { $("#edit_modal").modal("hide"); $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid'); toastr["success"](response.message); $('.update_form')[0].reset(); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } else { toastr["error"](response.message); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } } }); }); function fun_preview(rowId) { var id = rowId.closest('tr').attr('id'); //alert(id); var maintenance_id=id; $.ajax({ url:"<?php echo site_url('preview-maintenance-details')?>/"+ maintenance_id, type:"POST", //data:{project_id:project_id}, success:function(response) { //alert(response); window.location.href="<?php echo site_url('preview-maintenance-details')?>/"+ maintenance_id; } }); } </script> <?php echo view('includes/footer');?>