EVOLUTION-NINJA
Edit File: budget_old.php
<!-- <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>Home</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" /> <link rel='shortcut icon' type='image/x-icon' href='images/fav_icon.png' /> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> --> <?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="container"> <form class="forms-sample add_budget_form"> <div class="row"> <!-- <div class="col-sm-4"> <div class="form-group"> <label>Sl No</label> <input type="" name="" class="form-control"> </div> </div> --> <div class="col-sm-4"> <div class="form-group"> <label>Type Of Work</label> <select name="type_of_work" class="form-control type_of_work" required> <option value="">Select</option> <?php foreach($budget as $key => $value) { ?> <option value="<?php echo $value->id; ?>"><?php echo $value->type_of_work;?></option> <?php } ?> </select> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Material</label> <select name="material" class="form-control material" required onchange="change_material();" > <option value="">Select</option> <?php foreach($material as $key => $value) { ?> <option value="<?php echo $value->id; ?>"><?php echo $value->material;?></option> <?php } ?> </select> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Length</label> <input type="" name="length" class="form-control length"> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label>Breadth</label> <input type="" name="breadth" class="form-control breadth"> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Dimension</label> <input type="" name="dimension" class="form-control"> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>No</label> <input type="" name="no" class="form-control number"> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label>Total</label> <input type="" name="total" class="form-control total" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Unit / Total</label> <select name="unit_total" class="form-control unit_total" required> <option value="">Select</option> <?php foreach($unit as $key => $value) { ?> <option value="<?php echo $value->id; ?>"><?php echo $value->unit_name;?></option> <?php } ?> </select> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Ratio / Unit</label> <input type="" name="radio_unit" class="form-control"> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label>R.F</label> <input type="" name="rf" class="form-control rf"> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Quantity</label> <input type="" name="quantity" class="form-control quantity" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Unit / Quantity</label> <input type="" name="unit_quantity" class="form-control unit_quantity" readonly> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label>Rate / Unit</label> <input type="" name="rate_unit" class="form-control rate_unit" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Total Amount</label> <input type="" name="total_amount" class="form-control total_amount" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Labour Charges Without GST</label> <input type="" name="labour_without_gst" class="form-control labour_without_gst" readonly> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label>GST</label> <input type="" name="gst" class="form-control gst" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>GST Amount</label> <input type="" name="gst_amount" class="form-control gst_amount" readonly> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label>Final Amount</label> <input type="" name="final_amount" class="form-control final_amount" readonly> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="form-group"> <label>Labour Charges 40% without GST</label> <input type="" name="labour_without_gst1" class="form-control"> </div> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary submit">Submit</button> <button type="reset" class="btn btn-primary">Cancel</button> </div> </form> </div> <script type="text/javascript"> $('.add_budget_form').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); swal({ title: "Are you sure?", text: "You want to Save this?", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes!", 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('insert-budget');?>", data : formdata, contentType: false, processData: false, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); setTimeout(function wait(){ window.location = '<?php echo site_url("budget-list")?>'; }, 1000); } else { toastr["error"](response.message); } } }); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); }); $('.number').focusout(function(e){ e.preventDefault(); // alert(); var length = $(".length").val(); var tot_length = length.replace(/[_\W]+/g, ""); //alert(tot_length); var breadth = $(".breadth").val(); var tot_breadth = breadth.replace(/[_\W]+/g, ""); //alert(tot_breadth); var number = $(".number").val(); var tot_number = number.replace(/[_\W]+/g, ""); //alert(tot_number); var total = (parseFloat(length)+parseFloat(breadth)) * parseFloat(number); $(".total").val(total); var quantity=(parseFloat(number)* parseFloat(total)); $(".quantity").val(quantity); }); $('.rate_unit').focusout(function(e){ e.preventDefault(); var rate_unit = $(".rate_unit").val(); var tot_rate_unit = rate_unit.replace(/[_\W]+/g, ""); //alert(rate_unit); var quantity = $(".quantity").val(); var tot_quantity = quantity.replace(/[_\W]+/g, ""); //alert(quantity); var total_amount=(parseFloat(quantity)* parseFloat(rate_unit)); $(".total_amount").val(total_amount); var labour_without_gst=(parseFloat(quantity)* parseFloat(rate_unit)); $(".labour_without_gst").val(labour_without_gst); }); $('.gst').focusout(function(e){ e.preventDefault(); var total_amount = $(".total_amount").val(); var tot_rate_unit = total_amount.replace(/[_\W]+/g, ""); //alert(total_amount); var gst = $(".gst").val(); var tot_gst = gst.replace(/[_\W]+/g, ""); //alert(gst); var gst_amount=(parseFloat(total_amount)* parseFloat(gst)/100); $(".gst_amount").val(gst_amount); var final_amount=(parseFloat(gst_amount)+ parseFloat(total_amount)); $(".final_amount").val(final_amount); }); $('.rf').focusout(function(e){ e.preventDefault(); var rate_unit = $(".rate_unit").val(); var tot_rate_unit = rate_unit.replace(/[_\W]+/g, ""); //alert(rate_unit); var quantity = $(".quantity").val(); var tot_quantity = quantity.replace(/[_\W]+/g, ""); //alert(quantity); var total_amount=(parseFloat(quantity)* parseFloat(rate_unit)); $(".total_amount").val(total_amount); var labour_without_gst=(parseFloat(quantity)* parseFloat(rate_unit)); $(".labour_without_gst").val(labour_without_gst); var total_amount = $(".total_amount").val(); var tot_rate_unit = total_amount.replace(/[_\W]+/g, ""); //alert(total_amount); var gst = $(".gst").val(); var tot_gst = gst.replace(/[_\W]+/g, ""); //alert(gst); var gst_amount=(parseFloat(total_amount)* parseFloat(gst)/100); $(".gst_amount").val(gst_amount); var final_amount=(parseFloat(gst_amount)+ parseFloat(total_amount)); $(".final_amount").val(final_amount); }); function change_material() { var material_id = $('.material option:selected').val(); //alert(material_id); $.ajax({ type:'post', url:'<?php echo site_url('fetch-material-id');?>', data:{"material_id":material_id}, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { alert(response.message.unit); $('.unit_quantity').empty(); $('.unit_quantity').val(response.message.unit); $('.rate_unit').empty(); $('.rate_unit').val(response.message.amount); var rate_unit = $(".rate_unit").val(); var tot_rate_unit = rate_unit.replace(/[_\W]+/g, ""); //alert(rate_unit); var quantity = $(".quantity").val(); var tot_quantity = quantity.replace(/[_\W]+/g, ""); //alert(quantity); var total_amount=(parseFloat(quantity)* parseFloat(rate_unit)); $(".total_amount").val(total_amount); var labour_without_gst=(parseFloat(quantity)* parseFloat(rate_unit)); $(".labour_without_gst").val(labour_without_gst); $('.gst').empty(); $('.gst').val(response.message.material_type); var total_amount = $(".total_amount").val(); var tot_rate_unit = total_amount.replace(/[_\W]+/g, ""); //alert(total_amount); var gst = $(".gst").val(); var tot_gst = gst.replace(/[_\W]+/g, ""); //alert(gst); var gst_amount=(parseFloat(total_amount)* parseFloat(gst)/100); $(".gst_amount").val(gst_amount); var final_amount=(parseFloat(gst_amount)+ parseFloat(total_amount)); $(".final_amount").val(final_amount); } else { toastr["error"](response.message); } } }); } </script> <style type="text/css"> form{ padding-top: 30px; } </style> <?php $this->load->view('includes/footer.php')?>