EVOLUTION-NINJA

Edit File: add_department.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 Department</span>
										</div>
										<div class="col-sm-5"></div>
									</div>
									
					<h4><b>Department Details</b></h4>		
					<form  class="department" >
						<div class="row row-form">
							<div class=" col-sm-12 col-md-6">
								<label class="col-sm-4">Department Name</label>
								<input type="text" class="col-sm-8" minlength="3" pattern="[a-zA-Z][a-zA-Z0-9\s]*"  name="department_name" required="required">
							</div>

<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"   required="required">
							</div>
						</div> 	
					 	<div class="row row-form">							
							<div class="col-sm-12 col-md-6" >
								<label class="col-sm-4 col-md-4">Department Lead</label>
								<input type="text"  class="col-sm-8" name="department_lead" id="department_lead" required="required">
								
							</div>	
							
							<div class=" col-sm-12 col-md-6">
								<label class="col-sm-4">Parent Department</label>
								<input type="text"  class="col-sm-8" name="parent_department">
								
							</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">Submit</button>
							</div>
						</div>
					</form>	
					<form  class="update_department" style="display:none">
					<input type="hidden" class="col-sm-8 department_id" name="department_id">
						<div class="row row-form">
							<div class=" col-sm-12 col-md-6">
								<label class="col-sm-4">Department Name</label>
								<input type="text" class="col-sm-8 department_name" minlength="3" pattern="[a-zA-Z][a-zA-Z0-9\s]*"  name="department_name" required="required">
							</div>

<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"   required="required">
							</div>
						</div> 	
					 	<div class="row row-form">							
							<div class="col-sm-12 col-md-6" >
								<label class="col-sm-4 col-md-4">Department Lead</label>
								<input type="text"  class="col-sm-8 department_lead" name="department_lead" id="department_lead" required="required">
								
							</div>	
							
							<div class=" col-sm-12 col-md-6">
								<label class="col-sm-4">Parent Department</label>
								<input type="text"  class="col-sm-8 parent_department" name="parent_department">
								
							</div>
						</div>

<div class="row row-form">
							<table id="maintable" class="table" border="1">
							<thead>
								<th>Department Name</th>
								<th>Department Lead</th>								
								<th>Mail Alias</th>
								<th>Parent Department</th>
								<th>EDIT</th>
								<th>DELETE</th>
							
							</thead>
							<tbody id="table_body">
								<?php foreach ($dept_list as $value) { ?>
									<tr>
										<td><?php echo $value->department_name?></td>
										<td><?php echo $value->department_lead?></td>
										<td><?php echo $value->email_id?></td>
										<td><?php echo $value->parent_department?></td>
										
										<td><a class="delete_deparment" href="javascript:void(0)" id="<?php echo $value->department_id; ?>"><img width="20px" height="20px" src="<?php echo base_url('admin_assets/assets/images/delete.png');?>" class=""/>Delete</a></td>
										<td><a class="edit_deparment" href="javascript:void(0)" id="<?php echo $value->department_id; ?>"><i class="fa fa-pencil-square-o" title="Edit">Edit</i></a></td>
								   </tr>
								<?php }?>
								
								
							</tbody>
						</table>
						</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 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');?>">

$(document).ready(function(){

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

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

$.ajax({

type   : 'post',
                url    : '<?php echo site_url("add-new-department")?>',
                data   : formdata,
                contentType: false,
                processData: false,
                                          
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result == 1)
                    {
                    	alert("Added Successfully");
                    	location.reload();
	                                  
                    }
                    else if(response.result == 2)
                    {
	                    toastr["error"](response.message);                       
		                                   
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                                  
                    }
                   
                }
                
         });
             
     });

});

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

$.ajax({

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

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

</script>