EVOLUTION-NINJA

Edit File: 1504271007add_new_employee.php

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

<div class="modal fade" id="myModal" role="dialog">
						<div class="modal-dialog">
						
						  
						  <div class="modal-content">
							<div class="modal-header" style="background-color:#1E7AD7;color:white;">
							  <button type="button" class="close" data-dismiss="modal">&times;</button>
							  <h4 class="modal-title">Department Details</h4>
							</div>
							<div class="modal-body">
								<div class="row row-form">
									<div class=" col-sm-12 col-md-12">
										<label class="col-sm-4">Department Name</label>
										<input type="text" class="col-sm-8" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required">
									</div>
								</div>
								<div class="row row-form">
									<div class=" col-sm-12 col-md-12">
										<label class="col-sm-4">E-Mail ID</label>
										<input type="text" class="col-sm-8" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required">
									</div>
								</div>
								<div class="row row-form">
									<div class=" col-sm-12 col-md-12">
										<label class="col-sm-4">Department Lead</label>
										<select class="col-sm-8">
											<option>Select</option>
											<option>test</option>
											<option>test1</option>
											<option>test2</option>
										</select>
									</div>
								</div>
								<div class="row row-form">
									<div class=" col-sm-12 col-md-12">
										<label class="col-sm-4">Parent Department</label>
										<input type="text" class="col-sm-8" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required">
									</div>
								</div>
								<div class="row row-form">
									<div class=" col-sm-12 col-md-12">
										<button class="btn btn-primary fa fa-plus-circle fa-1x" ></button>
										
									</div>
								</div>								
						  </div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default">Submit</button>
								<button type="button" class="btn btn-default" >Submit & New</button>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							</div>
						</div>
					  </div>
					</div>
					
					<div class="modal fade" id="myModal1" role="dialog">
						<div class="modal-dialog">
						
						  
						  <div class="modal-content">
							<div class="modal-header" style="background-color:#1E7AD7;color:white;">
							  <button type="button" class="close" data-dismiss="modal">&times;</button>
							  <h4 class="modal-title">Destignation Details</h4>
							</div>
							<div class="modal-body">
								<div class="row row-form">
									<div class=" col-sm-12 col-md-12">
										<label class="col-sm-4">Destignation Name</label>
										<input type="text" class="col-sm-8" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required">
									</div>
								</div>
								<div class="row row-form">
									<div class=" col-sm-12 col-md-12">
										<label class="col-sm-4">E-Mail ID</label>
										<input type="text" class="col-sm-8" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required">
									</div>
								</div>
								
								
																
						  </div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default">Submit</button>
								<button type="button" class="btn btn-default" >Submit & New</button>
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							</div>
						</div>
					  </div>
					</div>
					<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;">New Employee</span>
										</div>
										<div class="col-sm-5"></div>
										<div class="col-sm-4">
											<button type="button" class="btn">Submit</button>
											<button type="button" class="btn">Submit & New</button>
											<button type="button" class="btn">Cancel</button>
										</div>
									</div>
									
				
				
					<h4><b>Basic Info</b></h4>

<form  class="emp_submit" >
					
						 <div class="row row-form">
							<div class=" col-sm-12 col-md-6">
								<label class="col-sm-4">Employee ID</label>
								<input type="text" class="form-control col-sm-8 employee_id" minlength="3"  name="employee_id" required="required">
							</div>

<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">First Name</label>
								<input type="text"  class="form-control col-sm-8 first_name" name="first_name"   required="required">
							</div> 
						 </div> 
						
						 <div class="row row-form">
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 ">Last Name</label>
								 <input type="text" class="form-control col-sm-8 last_name" name="last_name">
							</div>
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">E-Mail ID</label>
								<input type="text" class="form-control col-sm-8 email_id" name="email_id">
							</div>
																			
						</div>
						
						 <div class="row row-form">
							
							<div class="form-group col-sm-12 col-md-6">
								
							</div>
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Nick Name</label>
								<input type="text" class="form-control col-sm-8 nick_name" name="nick_name">
							</div>
																			
						</div> 
						<h4><b>Work</b></h4>	
					 	<div class="row row-form">							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Department</label>
								 <select name="department" class="department">
									<option>Select</option>
									<option>HR</option>
									<option>Project Manager</option>
									<option>Team Lead</option>
								 </select>
							</div>	
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Location</label>
								<select name="location" class="location">
									<option>Select</option>
									<option>Mysore</option>
									<option>Bangalore</option>
									<option>Mangalore</option>
								 </select>
							</div>
						</div>   
						 <div class="row row-form">							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Reporting To</label>
								 <select name="reporting_to" class="reporting_to">
									<option>Select</option>
									<option>HR</option>
									<option>Project Manager</option>
									<option>Team Lead</option>
								 </select>
							</div>	
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Title : </label>
								<input type="text" class="form-control col-sm-8 title" name="title">
							</div>
						</div>  
						 <div class="row row-form">							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4 ">Source of hire</label>
								 <select name="source_of_hire" class="source_of_hire">
									<option>Select</option>
									<option>HR</option>
									<option>Project Manager</option>
									<option>Team Lead</option>
								 </select>
							</div>	
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Date of Joining</label>
								<input type="text" class="form-control col-sm-8 date_of_joining" name="date_of_joining">
							</div>
						</div> 
						 <div class="row row-form">							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Seating Location</label>
								<input type="text" class="form-control col-sm-8 seating_location" name="seating_location">
								
							</div>	
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Employee Status</label>
								 <select name="employee_status" class="employee_status">
									<option>Select</option>
									<option>Active</option>
									<option>Terminated</option>
									<option>Deceased</option>
									<option>Resigned</option>
								 </select>
							</div>
						</div> 
						 <div class="row row-form">							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Work Phone</label>
								<input type="text" class="form-control col-sm-8 work_phone" name="work_phone">
								
							</div>	
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Employee Type</label>
								 <select name="employee_type" class="employee_type">
									<option>Select</option>
									<option>Permanent</option>
									<option>On Contract</option>
									<option>Temporary</option>
									<option>Trainee</option>
								 </select>
							</div>
						</div>  
						 <div class="row row-form">							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Extension</label>
								<input type="text" class="form-control col-sm-8 extension" name="extension">
								
							</div>	
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Role</label>
								 <select name="employee_role" class="employee_role">
									<option>Select</option>
									<option>Admin</option>
									<option>Team Member</option>
									<option>Manager</option>
									<option>Director</option>
								 </select>
							</div>
						</div> 
						
						<h4><b>Personal</b></h4>	
						
						 <div class="row row-form">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Pan Number</label>
								<input type="text" class="form-control col-sm-8 pan_no" name="pan_no">
							</div>
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 ">Date of Birth</label>
								 <input type="text" class="form-control col-sm-8 dob date_of_birth"  name="date_of_birth">
							</div>							
						</div>  
						
						 <div class="row row-form">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4"> Address</label>
								<textarea class="form-control col-sm-8 address"  style="width:60%"  rows ="3" name="address"></textarea>
							</div>
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 ">Residential Address</label>
								<textarea class="form-control col-sm-8 residential_address"  style="width:60%"  rows ="3" name="residential_address"></textarea>
							</div>							
						</div> 
						<div class="row row-form">
							  
							 <div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 "> Marital Status :</label>
								<div class="col-sm-3">
								  <label>Single</label>
								  <input type="radio" class="marital_status" name="marital_status" value="Single" style="width:50% !important;">
								  
								</div>
								<div class="col-sm-3">
								  <label>Married</label>
								  <input type="radio" class="marital_status" name="marital_status" value="Married" style="width:40% !important;">
								  
								</div>
														
								
							</div>							
						</div>  
						<h4><b>Summary</b></h4>

<div class="row row-form">
								<div class="form-group col-sm-12 col-md-6">
									<label class="col-sm-4">Job Description :</label>
									<textarea class="form-control col-sm-8 job_description"  style="width:60%"  rows ="3" name="job_description"></textarea>
								</div>
								<div class="form-group col-sm-12 col-md-6">
									<label class="col-sm-4 ">AboutMe :</label>
									<textarea class="form-control col-sm-8 about_me"  style="width:60%"  rows ="3" name="about_me"></textarea>
								</div>							
							</div> 	
							
							<div class="row row-form">							
								<div class="form-group col-sm-12 col-md-6">
									<label class="col-sm-4 col-md-4">Date of Exit </label>
									<input type="text" class="form-control col-sm-8 date_of_exit" name="date_of_exit">
									
								</div>	
								
								<div class="form-group col-sm-12 col-md-6">
									<label class="col-sm-4">Gender</label>
									 <div class="col-sm-3">
										  <label>Male</label>
										  <input type="radio" class="gender" name="gender" value="Male" style="width:50% !important;">
										  
										</div>
										<div class="col-sm-3">
										  <label>Female</label>
										  <input type="radio" class="gender" name="gender" value="Female" style="width:40% !important;">
										  
										</div>
								</div>
							</div>
						
						<h4><b>Work experience</b></h4>
						<div class="row row-form" style="margin-bottom:5px;">
							<div class="col-sm-10"></div>											
							<div class="col-sm-1">
								<button class="btn add_new" type="button"  id="menu1">Add Row</button>
							</div>
						</div>

<table id="maintable" class="table" border="1">
							<thead>
								<th>Previous Company Name</th>
								<th>Job Title</th>
								<th>From Date</th>
								<th>To Date</th>
								<th>Job Discription</th>
								
							</thead>
							<tbody>
								<tr contenteditable>
									
								<td class="pre_com_name" ></td>
								<td class="job_title" ></td>
								<td class="from_date" ></td>
								<td class="to_date" ></td>
								<td class="work_job_description" ></td>
								</tr>
								
							</tbody>
						</table>
						
						<h4><b>Education</b></h4>
						<div class="row row-form" style="margin-bottom:5px;">
							<div class="col-sm-10"></div>											
							<div class="col-sm-1">
								<button class="btn add_new1" type="button"  id="menu1">Add Row</button>
							</div>
						</div>
						<table id="maintable1" class="table" border="1">
							<thead>
								<th>School Name</th>
								<th>Diploma/Degree</th>
								<th>Fields of study</th>
								<th>Date of completion</th>
								<th>Additional Notes</th>
								<th>Interests</th>
							</thead>
							<tbody>
								<tr contenteditable>
								<td class="school_name">1</td>
								<td class="diplamo_degree"></td>
								<td class="field_of_study"></td>
								<td class="date_of_completion"></td>
								<td class="additional_notes"></td>
								<td class="interests"></td>
								</tr>
								
							</tbody>
						</table>
						
						<h4><b>Dependent</b></h4>
						<div class="row row-form" style="margin-bottom:5px;">
							<div class="col-sm-10"></div>											
							<div class="col-sm-1">
								<button class="btn add_new2" type="button"  id="menu1">Add Row</button>
							</div>
						</div>
						<table id="maintable2" class="table" border="1">
							<thead>
								<th>Name</th>
								<th>Relationship</th>
								<th>Date of birth</th>
								
							</thead>
							<tbody>
								<tr contenteditable>
									<td class="dependent_name">1</td>
									<td class="dependent_relationship"></td>
									<td class="dependent_dob"></td>
								</tr>
								
							</tbody>
						</table>
						<div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;">
										
										<div class="col-sm-8"></div>
										<div class="col-sm-4">
											<button type="submit" class="btn">Submit</button>
											<button type="button" class="btn">Submit & New</button>
											<button type="button" class="btn">Cancel</button>
										</div>
									</div>
						
						
						
					</form>

</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-2.1.4.min.js');?>"></script>

<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>

<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>

</body>
</html>

$(document).ready(function(){

$('.emp_submit').submit(function(e){    
        e.preventDefault();

formdata = new FormData($(this)[0]);

var pre_com_name=[];
         	var job_title=[];
         	var from_date=[];
         	var to_date=[];
         	var work_job_description=[];
         	var school_name=[];
         	var diplamo_degree=[];
         	var field_of_study=[];
         	var date_of_completion=[];
         	var additional_notes=[];
         	var interests=[];
         	var dependent_name=[];
         	var dependent_relationship=[];
         	var dependent_dob=[];

$('.pre_com_name').each(function () {
					pre_com_name.push($(this).html());
			});

$('.job_title').each(function () {
					job_title.push($(this).html());
			});

$('.from_date').each(function () {
					from_date.push($(this).html());
			});

$('.to_date').each(function () {
					to_date.push($(this).html());
			});

$('.work_job_description').each(function () {
					work_job_description.push($(this).html());
			});

$('.school_name').each(function () {
					school_name.push($(this).html());
			});

$('.diplamo_degree').each(function () {
					diplamo_degree.push($(this).html());
			});

$('.field_of_study').each(function () {
					field_of_study.push($(this).html());
			});

$('.date_of_completion').each(function () {
					date_of_completion.push($(this).html());
			});

$('.additional_notes').each(function () {
					additional_notes.push($(this).html());
			});

$('.interests').each(function () {
					interests.push($(this).html());
			});

$('.dependent_name').each(function () {
					dependent_name.push($(this).html());
			});

$('.dependent_relationship').each(function () {
					dependent_relationship.push($(this).html());
			});

$('.dependent_dob').each(function () {
					dependent_dob.push($(this).html());
			});

var employee_id=$('.employee_id').val();
           var first_name=$('.first_name').val();
           var last_name=$('.last_name').val();
           var email_id=$('.email_id').val();
           var nick_name=$('.nick_name').val();
           var department=$('.department').val();
           alert(department);
           var location=$('.location').val();
           alert(location);
           var reporting_to=$('.reporting_to').val();
           alert(reporting_to);
           var title=$('.title').val();
           var source_of_hire=$('.source_of_hire').val();
           var date_of_joining=$('.date_of_joining').val();
           var seating_location=$('.seating_location').val();
           var employee_status=$('.employee_status').val();
           var work_phone=$('.work_phone').val();
           var employee_type=$('.employee_type').val();
           var extension=$('.extension').val();
           var employee_role=$('.employee_role').val();
           var pan_no=$('.pan_no').val();
           var date_of_birth=$('.date_of_birth').val();
           var address=$('.address').val();
           var residential_address=$('.residential_address').val();
           var job_description=$('.job_description').val();
           var about_me=$('.about_me').val();
           var date_of_exit=$('.date_of_exit').val();
           var gender=$('.gender').val();
           var marital_status=$('.marital_status').val();

$.ajax({

type   : 'post',
                url    : '<?php echo site_url("add-new-employee")?>',
                data   : {"employee_id": employee_id,
                	"first_name": first_name,"last_name":last_name,
                	"email_id":email_id,"nick_name":nick_name,"department":department,"location":location,
                	"reporting_to":reporting_to,"title":title,"marital_status":marital_status,
                	"source_of_hire":source_of_hire,"date_of_joining":date_of_joining,"seating_location":seating_location,
                	"employee_status":employee_status,"work_phone":work_phone,
                	"employee_type":employee_type,"extension":extension,
                	"employee_role":employee_role,"pan_no":pan_no,"date_of_birth":date_of_birth,"address":address,
                	"residential_address":residential_address,"job_description":job_description,"about_me":about_me,
                	"date_of_exit":date_of_exit,"gender":gender,"pre_com_name":pre_com_name,"job_title":job_title,
                	"from_date":from_date,"to_date":to_date,"work_job_description":work_job_description,
                	"school_name":school_name,"diplamo_degree":diplamo_degree,"field_of_study":field_of_study,
                	"date_of_completion":date_of_completion,"additional_notes":additional_notes,"interests":interests,
                	"dependent_name":dependent_name,"dependent_relationship":dependent_relationship,"dependent_dob":dependent_dob},
                // contentType: false,
                // processData: false,
                                          
                  success:function(response){
                  response=jQuery.parseJSON(response);
                  console.log(response);

if(response.result == 1)
                    {
	                    toastr["success"](response.message);
	                    $('.emp_submit')[0].reset();
	                    //$(".lead_submit").text("Submit");    
	                    //$(".lead_submit").removeAttr('disabled');                
                    }
                    else if(response.result == 2)
                    {
	                    toastr["error"](response.message);                       
		                //$(".lead_submit").text("Submit"); 
		                //$(".lead_submit").removeAttr('disabled');                      
                    }
                    else 
                    {
	                    toastr["error"](response.message);                       
		                //$(".lead_submit").text("Submit"); 
		                //$(".lead_submit").removeAttr('disabled');                      
                    }
                   
                }
                
         });
             
     });

});

</script>

$(".add_new").click(function () {

$("#maintable").each(function () {
       
        var tds = '<tr>';
        jQuery.each($('tr:last td', this), function () {
            tds += '<td>' + $(this).html() + '</td>';
        });
        tds += '</tr>';
        if ($('tbody', this).length > 0) {
            $('tbody', this).append(tds);
        } else {
            $(this).append(tds);
        }
    });
});

</script>
<script type="text/javascript">

$(".add_new1").click(function () {

$("#maintable1").each(function () {
       
        var tds = '<tr>';
        jQuery.each($('tr:last td', this), function () {
            tds += '<td>' + $(this).html() + '</td>';
        });
        tds += '</tr>';
        if ($('tbody', this).length > 0) {
            $('tbody', this).append(tds);
        } else {
            $(this).append(tds);
        }
    });
});

</script>
<script type="text/javascript">

$(".add_new2").click(function () {

$("#maintable2").each(function () {
       
        var tds = '<tr>';
        jQuery.each($('tr:last td', this), function () {
            tds += '<td>' + $(this).html() + '</td>';
        });
        tds += '</tr>';
        if ($('tbody', this).length > 0) {
            $('tbody', this).append(tds);
        } else {
            $(this).append(tds);
        }
    });
});

</script>

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