EVOLUTION-NINJA
Edit File: doc_site_form.php
<?php echo view('includes/header');?> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/admin_dashboard/css/ui.jqgrid-bootstrap.css'); ?>" /> <script type="text/ecmascript" src="<?php echo base_url('public/assets/jqgrid/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('public/assets/jqgrid/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script> <section class="content-header"> <h1> Create Site </h1> </section> <!--- section 1 --> <section class="content"> <div class="col-sm-12 col-md-11"> <form id="land_owner" class="form-inline site_form" enctype="multipart/form-data"> <div class="row land_owner_a"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Project Name</label> <select class="form-control" class="project_id" name="project_id"> <option value="">Select</option> <?php foreach($projects as $project) {?> <option value="<?php echo $project->id;?>"><?php echo $project->project_name;?></option> <?php }?> </select> </div> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Site Number</label> <input type="number" class="form-control col-sm-8" name="site_number" min="1" 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">Dimension (in Sft) </label> <input type="number" step="0.01" class="form-control col-sm-8" name="dimension" placeholder="Sft"> </div> </div> <!-- row 2--> <!-- row 3--> <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">Create Site</button> </div> <div class="col-sm-4 col-md-4"></div> </div><!-- row 6--> </form> <!-- form End--> </div> <!--- col-sm-8 --> <div class="col-sm-0 col-md-1"></div> </section> <!--- section 2 --> <style type="text/css"> /*.content-wrapper, .right-side { //min-height:1200px !important; } */ a { color: inherit; } .sqft_row input{ width: 100% !important; } </style> <script type="text/javascript"> $('.site_form').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $(".submit").attr('disabled', 'disabled'); $(".submit").text("Submitting..."); $.ajax({ type : 'post', url : '<?php echo site_url("add-documentation-site")?>', data : formdata, contentType: false, processData: false, success:function(response){ //response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); $('.site_form')[0].reset(); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } else if(response.result==2) { toastr["error"](response.message); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } else if(response.result==3) { toastr["error"](response.message); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } else { toastr["error"](response.message); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); } } }); }); </script> <?php echo view('includes/footer');?>