EVOLUTION-NINJA

Edit File: add_role.php

<?php $this->load->view('includes/admin_header');?>

<div class="page-content">
						<div class="row">
							<div class="col-xs-12">
								
									<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 Role</span>
										</div>
										<div class="col-sm-5"></div>
										
									</div>
						<h4><b></b></h4>		
							<form  class="role">
								<div class="row row-form">
									<div class=" col-sm-12 col-md-6">
										<label class="col-sm-4">Role Name</label>
										<input type="text" class=" col-sm-8 rolee_name" minlength="3"  name="role_name" id="designation_name" required="required">
										<span class="role" style="display:none;color:red;padding-left: 214px;" font color="red">Role Name Already Exist!</span>
									</div>

<div class="form-group col-sm-12 col-md-6">
										
									</div>
								</div> 
								<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>
											
									</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>Role Name</th>
										<th>EDIT</th>
										<th>DELETE</th>
									</thead>
									<tbody>
										<?php foreach ($role_list as $value) {  ?>								
										<tr>
											<td ><?php echo $value->role_name?></td>
											<td><a class="edit_role" href="javascript:void(0)" id="<?php echo $value->role_id; ?>"><i class="fa fa-pencil-square-o" title="Edit">Edit</i></a></td>									
											<td><a class="delete_role" href="javascript:void(0)" id="<?php echo $value->role_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>		
					
					
				 				
				<div class="col-sm-0 col-md-1">
				</div>
			</section> 		
							</div>
							</div>
						</div>
					</div>
				</div>
			</div>

<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'); ?>">

<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/ace-elements.min.js');?>"></script>
		<script src="<?php echo base_url('admin_assets/assets/js/ace.min.js');?>"></script>

<script type="text/javascript">

$(document).ready(function(){

var datatable;
	var tbody = $('#table_body');
		datatable = $('.table').DataTable({
		});

$('.role').submit(function(e){    
        e.preventDefault();
         formdata = new FormData($(this)[0]);
            $.ajax({

type   : 'post',
                url    : '<?php echo site_url("add-new-role")?>',
                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);                                            
                    }
                   
                }
                
         });
             
     });

});

// $('.rolee_name').keyup(function(e){
	// 	e.preventDefault();

// 	var val=$(this).val();
	// 	 $.ajax({

//                type   : 'post',
 //                url    : '<?php echo site_url("yaskawa/search_role")?>',
 //                data   : {'role_name':val},
 //                 success:function(response){
 //                 	 response=jQuery.parseJSON(response);

//                 	 if(response){

//                 	 	$('.role').show();
 //                 	 	//$('.btn').attr('disabled',true);

//                 	 }else{
 //                 	 	$('.role').hide();
 //                 	 	//$('.btn').attr('disabled',false);
 //                 	 }
 //                 }
 //             });

// });

$('.update_role').submit(function(e){    
        e.preventDefault();
         formdata = new FormData($(this)[0]);

$.ajax({

type   : 'post',
                url    : '<?php echo site_url("update-role")?>',
                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("role")?>';
	                    $('.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_role", function(){
		var id = $(this).attr('id');
    	var test = $(this);
        var row  = $(this).closest('tr');
		$.ajax({
					type   : 'post',
			        url    : '<?php echo site_url("delete-role")?>',
			        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_role", function(){
		var id = $(this).attr('id');
    	var test = $(this);
        var row  = $(this).closest('tr');
		$('.update_role').show();
		$('.role').hide();
		$.ajax({
					type   : 'post',
			        url    : '<?php echo site_url("edit-role")?>',
			        data   : {id:id},
			        success:function(response){
			        response=jQuery.parseJSON(response);
			        console.log(response);
					if(response.result == 1)
			         {
						 
						 $('.role_id').val(response.message.role_id);
						 $('.role_name').val(response.message.role_name);
					}
			         else 
			         {
						 toastr["success"](response.message);
			         }
			                   
			    }
			 });
         });
</script>

<?php $this->load->view('includes/admin_footer');?>