EVOLUTION-NINJA
Edit File: add_designation.php
<?php $this->load->view('includes/admin_header');?> <div class="page-content"> <div class="row"> <div class="col-xs-12"> <!-- PAGE CONTENT BEGINS --> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <div class="col-sm-12 col-md-3"> <span style="font-size:25px;">Add Designation</span> </div> <div class="col-sm-5"></div> </div> <h4><b></b></h4> <form class="designation" > <div class="row row-form"> <div class=" col-sm-12 col-md-6"> <label class="col-sm-4">Designation Name</label> <input type="text" class=" col-sm-8" minlength="3" pattern="[a-zA-Z][a-zA-Z0-9\s]*" name="designation_name" id="designation_name" required="required"> </div> <div class="form-group col-sm-12 col-md-6"> </div> </div> <!-- row 1--> <div class="row row-form"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Mail Alias</label> <input type="email" class=" col-sm-8" name="email_id" min="0" required="required"> </div> <div class=" col-sm-12 col-md-6"> </div> </div> <!-- row 2--> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <div class="col-sm-5"></div> <div class="col-sm-2"> <button type="submit" class="btn">Submit</button> </div> </div> </form> <form class="edit_designation" style="display:none"> <input type="hidden" class="col-sm-8 designation_id" name="designation_id" id="designation_id"> <div class="row row-form"> <div class=" col-sm-12 col-md-6"> <label class="col-sm-4">Designation Name</label> <input type="text" class="col-sm-8 designation_name" minlength="3" pattern="[a-zA-Z][a-zA-Z0-9\s]*" name="designation_name" id="designation_name" required="required"> </div> <div class="form-group col-sm-12 col-md-6"> </div> </div> <!-- row 1--> <div class="row row-form"> <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Mail Alias</label> <input type="email" class="col-sm-8 email_id" name="email_id" min="0" required="required"> </div> <div class=" col-sm-12 col-md-6"> </div> </div> <!-- row 2--> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <div class="col-sm-5"></div> <div class="col-sm-2"> <button type="submit" class="btn">Update</button> <!-- <button type="button" class="btn">Submit & New</button> --> <!-- <button type="button" class="btn">Cancel</button> --> </div> </div> </form> <div class="row row-form"> <div class=" col-sm-12 col-md-2"> </div> <div class="form-group col-sm-12 col-md-4"> <table id="maintable" class="table table-responsive" border="1"> <thead> <th> Designation Name</th> <th>Mail Alias</th> <th>EDIT</th> <th>DELETE</th> </thead> <tbody> <?php foreach ($desig_list as $value) { ?> <tr> <td ><?php echo $value->designation_name?></td> <td><?php echo $value->email_id?></td> <td><a class="edit_designationn" href="javascript:void(0)" id="<?php echo $value->designation_id; ?>"><i class="fa fa-pencil-square-o" title="Edit">Edit</i></a></td> <td><a class="delete_designation" href="javascript:void(0)" id="<?php echo $value->designation_id; ?>"><img width="20px" height="20px" src="<?php echo base_url('admin_assets/assets/images/delete.png');?>" class=""/>Delete</a></td> </tr> <?php }?> </tbody> </table> </div> <div class=" col-sm-12 col-md-4"> </div> </div> </div> <!-- form End--> <!--- col-sm-8 --> <div class="col-sm-0 col-md-1"> </div> </section> <!--- section 2 --> </div> <!-- PAGE CONTENT ENDS --> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <!-- basic scripts --> <!--[if !IE]> --> <script src="<?php echo base_url('admin_assets/assets/js/jquery-3.1.1.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery-ui.js'); ?>" ></script> <link rel="stylesheet" href="<?php echo base_url('admin_assets/assets/css/jquery-ui.css'); ?>"> <!-- <![endif]--> <!--[if IE]> <script src="assets/js/jquery-1.11.3.min.js"></script> <![endif]--> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>"); </script> <!-- <script src="<?php echo base_url('admin_assets/assets/js/bootstrap.min.js');?>"></script> --> <!-- page specific plugin scripts --> <!-- ace scripts --> <script src="<?php echo base_url('admin_assets/assets/js/ace-elements.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/ace.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/datatables/jquery.dataTables.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/datatables/dataTables.bootstrap.min.js');?>"></script> <link rel="stylesheet" href="<?php echo base_url('admin_assets/assets/datatables/dataTables.bootstrap.css');?>"> <!-- inline scripts related to this page --> <script type="text/javascript"> $(document).ready(function(){ var datatable; var tbody = $('#table_body'); datatable = $('.table').DataTable({ }); $('.designation').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("add-new-designation")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { location.reload(); } else if(response.result == 2) { toastr["error"](response.message); } else { toastr["error"](response.message); } } }); }); }); $('.edit_designation').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("update-designation")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { toastr["success"](response.message); window.location = '<?php echo site_url("designation")?>'; $('.lead_submit')[0].reset(); $(".lead_submit").text("Submit"); $(".lead_submit").removeAttr('disabled'); } else if(response.result == 2) { toastr["error"](response.message); } else { toastr["error"](response.message); } } }); }); $(document).on("click", ".delete_designation", function(){ var id = $(this).attr('id'); var test = $(this); var row = $(this).closest('tr'); $.ajax({ type : 'post', url : '<?php echo site_url("delete-designation")?>', data : {id:id}, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { toastr["success"](response.message); location.reload(); } else { toastr["success"](response.message); } } }); }); $(document).on("click", ".edit_designationn", function(){ var id = $(this).attr('id'); var test = $(this); var row = $(this).closest('tr'); $('.edit_designation').show(); $('.designation').hide(); $.ajax({ type : 'post', url : '<?php echo site_url("edit-designation")?>', data : {id:id}, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { $('.designation_id').val(response.message.designation_id); $('.designation_name').val(response.message.designation_name); $('.email_id').val(response.message.email_id); } else { toastr["success"](response.message); } } }); }); </script> <script> $(function() { $("#designation_name").autocomplete({ source: '<?php echo site_url('yaskawa/autocompletesearch'); ?>' }); }); </script> <?php $this->load->view('includes/admin_footer');?>