EVOLUTION-NINJA
Edit File: maintenance_form.php
<?php echo view('includes/header');?> <link href="<?php echo base_url('public/assets/admin_dashboard/css/jquery-ui.css');?>" rel="stylesheet"> <script src="<?php echo base_url('public/assets/js/jquery-ui.js');?>"></script> <section class="content-header"> <h1> Maintenance form </h1> </section> <!--- section 1 ----> <section class="content"> <div class="col-sm-12 col-md-11"> <form id="land_owner" class="form-inline maintenance_form"> <input type="hidden" class="form-control col-sm-8 booking_id" name="booking_id" required="required"> <input type="hidden" class="form-control col-sm-8 detail_id" name="detail_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> <select class="form-control col-sm-8 project_list" name="project_id" id="project_list"> <option value="0">Select</option> <?php foreach($projects as $val) { ?> <option value="<?php echo $val->project_id;?>"><?php echo $val->project_name;?></option> <?php } ?> </select> </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_number" id="site_number" name="site_number" style="width:21%!important;" required="required"> --> <select class="form-control col-sm-4 site_number" name="site_number" style="width:21%!important;" id="site_number" required="required"> </select> <label class="col-sm-2" style="padding-left:4px; font-size: 12px;">Dimension</label> <input type="text" class="form-control col-sm-4 site_dimension" readonly name="site_dimension" id="site_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 col-md-4">Per Sq Ft</label> <input type="text" class="form-control col-sm-4 per_sqft" name="per_sqft" id="per_sqft" 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-4 no_of_years" name="no_of_years" id="no_of_years" readonly required="required"> </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 col-md-4">Maintenance Amount</label> <input type="text" class="form-control col-sm-4 Maintenance" name="maintainance_amount" required="required" id="maintainance_amount" > </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="0">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> <option value="Swipe">Swipe</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 d="maintenance_swipe_div"></div> <div id="maintenance_paytm_div"></div> <div id="maintenance_upi_div"></div> <div class="row land_owner_a"> <div class="col-sm-4 col-md-4"></div> <div class="col-sm-4 col-md-4"> <button type="submit" class="btn btn-primary center-block submit submit_button">Submit</button> </div> <!-- <div class="col-sm-4 col-md-3"> <button type="button" class="btn btn-primary center-block submit print_data">Receipt</button> </div> --> <div class="col-sm-4 col-md-4"></div> </div> <!-- row 12----> </form> </div> <!---- form End ----------------------------------------------------------------------------------------------> </div> <!--- col-sm-8 ----> <div id="cancellation_receipt_div" style="display:none;"></div> <div class="col-sm-0 col-md-1"></div> </section> <!--- section 2 ----> <style type="text/css"> .content-wrapper, .right-side { //min-height: 1100px !important; } </style> <script> $('#maintenance_payment_type').focusout(function(e){ e.preventDefault(); var per_sqft = $('#per_sqft').val(); var no_of_years = $('#no_of_years').val(); var site_dimension =$('#site_dimension').val(); var maintenance = (parseFloat(site_dimension)*parseFloat(no_of_years)*parseFloat(per_sqft)); x=maintenance.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; $('#maintainance_amount').val(res); }); </script> <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" required="required">'; 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="" required="required">'; 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" required="required">'; check_content += '</div>'; check_content += '</div>'; $("#maintenance_onlinepayment_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_swipe_div").empty(); $("#maintenance_upi_div").empty(); $("#maintenance_check_div").html(check_content).fadeIn('slow'); $('.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_swipe_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_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" required="required">'; 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="" required="required">'; 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" required="required">'; dd_content += '</div>'; dd_content += '</div>'; $("#maintenance_check_div").empty(); $("#maintenance_onlinepayment_div").empty(); $("#maintenance_swipe_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_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_swipe_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_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_swipe_div").empty(); $("#maintenance_upi_div").html(upi_content).fadeIn('slow'); $('.date_picker').datepicker({ dateFormat: 'dd-mm-yy' }); } else if(value=="Swipe") { $("#maintenance_check_div").empty(); $("#maintenance_onlinepayment_div").empty(); $("#maintenance_dd_div").empty(); $("#maintenance_paytm_div").empty(); $("#maintenance_swipe_div").empty(); $("#maintenance_upi_div").empty(); } 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_swipe_div").empty(); $("#maintenance_upi_div").empty(); } }); </script> <script type="text/javascript"> $(document).ready(function(){/* var project_id = $('.project_list :selected').val(); /*CallAjax(project_id); Sites(project_id);*/ $(".project_list").change(function(){ var project_id = $('.project_list :selected').val(); Sites(project_id); }); function Sites(project_id){ $.ajax({ type : 'post', url : '<?php echo site_url("get-maintenance-sites")?>', data : {project_id:project_id}, success:function(response){ // response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { var options = ''; options += '<option value="0">Select site</option>'; $.each(response.sites,function(index,val){ //alert(response.sites); options += '<option value="'+val+'">'+val+'</option>'; }); $(".site_number").html(options); } else { $(".site_number").empty(); } } }); } $('.maintenance_form')[0].reset(); var datatable; var tbody = $('#table_body'); datatable = $('.cancellation_table').DataTable({ "scrollY": 350, "scrollX": true }); toastr.options.timeOut = 1000; $(".site_number").change(function (e) { var project_id = $('.project_list :selected').val(); var site_number = $(this).val(); //alert(site_number) //var site_number = $('.site_number :selected').val(); //$(".submit_button").attr('disabled', 'disabled'); $.ajax({ type : 'post', url : '<?php echo site_url("booked-site-maintenance-details")?>', data : {project_id:project_id,site_number:site_number}, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { //$(".submit_button").removeAttr('disabled'); //$("select option[value='"+response.booking_details.project_id+"']").attr("selected","selected"); //$("input[name=site_number]").val(response.booking_details.site_number); $("input[name=booking_id]").val(response.booking_details.booking_id); $("input[name=client_name]").val(response.booking_details.customer_name); $("input[name=site_dimension]").val(response.booking_details.dimension); $("input[name=per_sqft]").val(response.booking_details.tsv_per_sft_rs); $("input[name=no_of_years]").val(response.booking_details.project_years); var maintainance_amount = parseInt(response.booking_details.dimension)*parseInt(response.booking_details.tsv_per_sft_rs)*parseInt(response.booking_details.project_years); var maintainance_amounts = maintainance_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; $("input[name=maintainance_amount]").val(res); } else { toastr["error"](response.message); } } }); }); }); $('.maintenance_form').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $(".submit_button").attr('disabled', 'disabled'); $(".submit_button").text("Submitting..."); $.ajax({ type : 'post', url : '<?php echo site_url("add-maintenance-details")?>', data : formdata, contentType: false, processData: false, success:function(response){ // response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); $('.maintenance_form')[0].reset(); $(".submit_button").text("Submit"); $(".submit_button").removeAttr('disabled'); // window.location.href="<?php echo site_url('maintenance-list')?>"; location.reload(); } else { toastr["error"](response.message); $(".submit_button").text("Submit"); $(".submit_button").removeAttr('disabled'); } } }); }); $(document).on('focusout','.Maintenance',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("."); $('.Maintenance').val(total_res); }); </script> <?php echo view('includes/footer');?>