siddharth_application/application/views/addemployee.php
saravanakumar_kandasami aa6dffb404 UI issues of listing
2017-07-28 18:05:16 +05:30

972 lines
30 KiB
PHP
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<script>
$(document).ready(function(){
$("#gender").select2();
$("#bloodgroup").select2();
$("#MartialStatus").select2();
$("#desigination").select2();
$("#departmentname").select2();
$("#eduqualifaction").select2();
});
function driver_designition()
{
// alert('i am in driver_designition function');
//$('#desigination').on('change', function () {
var opt = $("#desigination").val();
if(opt == 'DRIVER')
{
$("#Driverlicense").attr("required", "true");
$("#LicenseExpiryDate").attr("required", "true");
//alert(opt);
}
else
{
// alert('else statement');
}
}
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#profilepicture')
.attr('src', e.target.result)
.width(180)
.height(180);
};
reader.readAsDataURL(input.files[0]);
}
}
$(function(){
$('#checksame').click(function(){
if ($('#checksame').prop('checked'))
{
$('#permanentaddress').val($('#currentaddress').val());
}
else
{
$('#permanentaddress').val('');
}
});
});
function blockKeyPress(evt)
{
var charCode = (evt.which) ? evt.which : evt.keyCode;
alert(charCode);
if(charCode == 8 || charCode == 46 )
{
return false;
}
else
{
return false;
}
}
function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode != 46 && charCode > 31
&& (charCode < 48 || charCode > 57))
return false;
return true;
}
//PAN Validate
function validatePAN() {
var reg = /(?=.*[A-Za-z]).{5,}(?=.*[0-9]).{4,}(?=.*[A-Za-z]).{1,}$/;
var PAN = $('#panno').val();
if(PAN != '')
{
if (reg.test(PAN) == false)
{
alert('Please Enter Valid PAN Number');
return (false);
}
else
{
return true;
}
}
}
function getMobileValidation() {
var contactNumber = $('#ContactNumber').val().length;
if(contactNumber < 10)
{
alert('Please Enter valid Contact Number');
return false;
}
else
{
return true;
}
}
function getValidEmergencyNumber() {
var contactNumber = $('#emergencycontactnumber').val().length;
if(contactNumber < 10)
{
alert('Please Enter valid Emergency Contact Number');
return false;
}
else
{
return true;
}
}
function getValidReferNumber() {
var contactNumber = $('#referrercontno').val().length;
if(contactNumber > 0 && contactNumber < 10)
{
alert('Please Enter valid Refernce Contact Number');
return false;
}
else
{
return true;
}
}
function validateEmail() {
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
var email = $('#emailid').val();
if(email != '')
{
if (reg.test(email) == false)
{
alert('Please Enter Valid Personal Email Address');
return (false);
}
else
{
return true;
}
}
else
{
alert('Please Enter email id');
}
}
function validatecomEmail() {
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
var email = $('#mail').val();
if(email != '')
{
if (reg.test(email) == false)
{
alert('Please Enter Valid Company Email Address');
return (false);
}
else
{
return true;
}
}
else
{
alert('Please Enter email id');
}
}
function ValidateAadhar(){
//alert('validation entered');
var reg = /^\d{12}$/
var aadhar = $('#aadharno').val();
var aadhar_count = $('#aadharno').val().length;
if(aadhar != '' && aadhar_count != '')
{
//alert('this is aadhar :'+aadhar);
if(aadhar_count < 12)
{
//alert(aadhar1);
alert('Aadhar card should be in 12 digits');
}
else if(reg.test(aadhar)== false)
{
//alert('alskdjsakjf');
alert('Please Enter Valid Aadhar Number');
}
else
{
//alert('value inserted into database');
return true;
}
}
else
{
//alert('aadhar is blank');
alert('please Enter Aadhar number');
}
}
function validateDriverLicense() {
var reg = /^[A-Z]{2}[0-9]{2}\s[0-9]{11}$/;
// alert();
var VehicleNo = $('#Driverlicense').val();
if(VehicleNo != "")
{
if (reg.test(VehicleNo) == false)
{
alert('Please Enter Valid Driver License Number');
return (false);
}
else
{
return true;
}
}
}
function getAge() {
var dateString = $("#DateofBirth").val();
var today = new Date();
var birthDate = new Date(dateString);
var age = today.getFullYear() - birthDate.getFullYear();
var m = today.getMonth() - birthDate.getMonth();
if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
age--;
}
$("#age").val(age);
}
$(function() {
var d = new Date();
var month = d.getMonth();
var day = d.getDate();
var year = d.getFullYear() ;
var SIAStartYear = year - 2015;
var mindt = year-70;
var maxdt = year-15;
$("#DateofBirth").datepicker({
minDate : new Date(mindt,1,1),
maxDate : new Date(maxdt,1,1),
dateFormat: 'mm/dd/yy',changeMonth: true, changeYear: true,yearRange: '-100:+0'
});
$("#dateofjoining").datepicker({
minDate : new Date(year-SIAStartYear,1,1),
maxDate :'now',
dateFormat: 'mm/dd/yy',changeMonth: true, changeYear: true,
});
$("#ValidTill").datepicker({dateFormat: 'mm/dd/yy',minDate :'now',changeMonth: true, changeYear: true,yearRange: '-0:+100'
});
$("#LicenseExpiryDate").datepicker({
dateFormat: 'mm/dd/yy',
minDate :'now',
changeMonth: true,
changeYear: true,
yearRange: '-0:+100'
});
// $( ".selector" ).datepicker({
// dateFormat: 'yy-mm-dd' });
});
function resetphoto()
{
$("#photo").src("");
}
function ValidatePassport()
{
var regsaid = /^[A-PR-WY][1-9]\d\s?\d{4}[1-9]$/ig;
var passport = $("#passportno").val();
//alert(passport);
if(regsaid.test(passport) == false)
{
alert('You have entered invalid Passport.');
return;
}
}
function onlyAlphabets(evt) {
var charCode;
if (window.event)
charCode = window.event.keyCode; //for IE
else
charCode = evt.which; //for firefox
if (charCode == 32) //for &lt;space&gt; symbol
return true;
if (charCode > 31 && charCode < 65) //for characters before 'A' in ASCII Table
return false;
if (charCode > 90 && charCode < 97) //for characters between 'Z' and 'a' in ASCII Table
return false;
if (charCode > 122) //for characters beyond 'z' in ASCII Table
return false;
return true;
}
$(document).ready(function(){
$("#gender").select2();
$("#bloodgroup").select2();
$("#MartialStatus").select2();
$("#desigination").select2();
$("#departmentname").select2();
$("#eduqualifaction").select2();
});
</script>
<style>
legend{
color:#00c0ef ! important;
}
.form-group
{
padding-bottom:4%;
}
.pad{
padding-bottom:1%;
}
.badge
{
color:red; background-color:#fff;
}
</style>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
<CENTER>Siddharth Industries Employee Profile</CENTER>
</h1>
</section>
<section class="content">
<div style="text-align:right;">
<a href="<?php echo base_url() ?>employeeListing" class="btn btn-primary" value="Back">Back</a>
</div>
<br/>
<div class="row">
<!-- left column -->
<div class="col-md-12">
<!-- general form elements -->
<div class="box box-primary">
<!-- /.box-header -->
<!-- form start -->
<form role="form" id="addemployee" action="<?php echo base_url() ?>employeedetails/AddNewEmployee" method="post" enctype="multipart/form-data">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<form class="form-horizontal" role="form" >
<fieldset>
<!-- Form Name -->
<legend>Personal Information</legend>
<div class="col-md-12">
<div class="col-md-3">
<div class="box-header">
<img id="profilepicture" src="<?php echo base_url(); ?>assets/dist/img/avatar.png" alt="your image" style="width: 139px;"/><br/>
<input type='file' onchange="readURL(this);" id="photo" name="photo"/>
<label for="photo">Select profile picture<br/><small>(only .jpg or .png)</small></label>
</div>
</div>
<div class="col-md-9">
<div class="col-md-12">
<div class="col-md-6 pad">
<span>First Name</span><span class="badge">*</span>
<input type="text" name="FirstName" onkeypress="return onlyAlphabets(event);" maxlength="100" id="FirstName" class="form-control" required>
</div>
<div class="col-md-6 pad"><span>Last Name</span><span class="badge">*</span>
<input type="text" name="LastName" onkeypress="return onlyAlphabets(event);" maxlength="100" id="LastName" class="form-control" required>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6 pad"><span>Father / Husband Name</span><span class="badge">*</span>
<input type="text" name="FatherName" onkeypress="return onlyAlphabets(event);" id="FatherName" maxlength="200"
class="form-control" required>
</div>
<div class="col-md-6 pad"><span>Date Of Birth</span><span class="badge">*</span>
<input id="DateofBirth" required name="DateofBirth" onkeypress="return false;" maxlength="10" onchange="getAge();" class="form-control">
</div>
</div>
<div class="col-md-12">
<div class="col-md-6 pad"><span>Age</span>
<input type="text" name="age" id="age" class="form-control" readonly>
</div>
<div class="col-md-6 pad"><span>Contact Number</span><span class="badge">*</span>
<input type="text" name="ContactNumber" onchange="return getMobileValidation();" onkeypress="return event.charCode >= 48 && event.charCode <= 57" id="ContactNumber" required pattern="(.){10,10}" maxlength="10" class="form-control">
</div>
</div>
<div class="col-md-12">
<div class="col-md-6 pad"><span>Personal Email ID</span><span class="badge">*</span>
<input type="email" name="emailid" id="emailid" required maxlength="100" class="form-control">
</div>
<div class="col-md-6 pad"><span>Gender</span><span class="badge">*</span>
<select id="gender" name="gender" type="text" required class="form-control select2">
<option value="">Select Gender</option>
<?php
if(!empty($Gender))
{
foreach ($Gender as $rl)
{
?>
<option value="<?php echo $rl->ConfigValue ?>"><?php echo $rl->ConfigValue ?></option>
<?php
}
}
?>
</select>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6 pad"> <span>Official Email ID</span><span class="badge">*</span>
<input type="email" name="comemailid" id="mail" required maxlength="100" class="form-control">
</div>
<div class="col-md-6 pad" style="padding: 10px 0px;">
<div class="col-md-6">
<span>Blood group</span><span class="badge">*</span>
<select id="bloodgroup" name="bloodgroup" required class="form-control select2">
<option value="">Select Blood group</option>
<?php
if(!empty($BloodGroup))
{
foreach ($BloodGroup as $rl)
{
?>
<option value="<?php echo $rl->ConfigValue ?>"><?php echo $rl->ConfigValue ?></option>
<?php
}
}
?>
</select>
</div>
<div class="col-md-6"><span>Marital Status</span><span class="badge">*</span>
<select id="MartialStatus" name="MartialStatus" type="text" required placeholder="Marital status" class="form-control select2">
<option value="">Select Marital Status</option>
<?php
if(!empty($Martial))
{
foreach ($Martial as $rl)
{
?>
<option value="<?php echo $rl->ConfigValue ?>"><?php echo $rl->ConfigValue ?></option>
<?php
}
}
?>
</select>
</div>
</div>
</div>
</div>
</div>
<!-- Address Section -->
<!-- Form Name -->
<legend>Address Details</legend>
<!-- Text input-->
<div class="col-md-12 pad">
<div class="col-md-12"><span>Current Address</span><span class="badge">*</span>
<input type="text" id="currentaddress" required name="currentaddress" pattern=".{0,500}" maxlength="500" class="form-control">
</div>
</div>
<div class="col-md-12 pad">
<div class="col-md-10">
<input type="checkbox" id="checksame" name="sameaddress" onclick="CheckClick"> Current address same as permanent address
</div>
</div>
<!-- Text input-->
<div class="col-md-12 pad">
<div class="col-md-12"><span>Permanent Address</span><span class="badge">*</span>
<input type="text" id="permanentaddress" required name="permanentaddress" pattern=".{0,500}" maxlength="500" class="form-control">
</div>
</div>
<!-- Text input-->
<!-- Emergency Contact Section -->
<!-- Form Name -->
<legend>Emergency Contact Information</legend>
<!-- Text input-->
<div class="col-md-12 pad">
<div class="col-md-6"><span>Emergency Contact Name</span><span class="badge">*</span>
<input type="text" id="emergencycontactname" onkeypress="return onlyAlphabets(event);" maxlength="100" required name="emergencycontactname" class="form-control">
</div>
<div class="col-md-6"><span>Emergency Contact Number</span><span class="badge">*</span>
<input type="text" id="emergencycontactnumber" min_length="5" required name="emergencycontactnumber" onchange="return getValidEmergencyNumber();" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="10" class="form-control">
</div>
</div>
<!-- profile Section -->
<!-- Form Name -->
<legend>Work Profile</legend>
<!-- Text input-->
<div class="col-md-12 pad">
<div class="col-md-3"><span>Designation</span><span class="badge">*</span>
<select type="text" id="desigination" name="desigination" required class="form-control select2">
<option value="">Select Designation</option>
<?php
if(!empty($Designation))
{
foreach ($Designation as $rl)
{
?>
<option value="<?php echo $rl->ConfigValue ?>"><?php echo $rl->ConfigValue ?></option>
<?php
}
}
?>
</select>
</div>
<div class="col-md-3"><span>Department</span><span class="badge">*</span>
<select type="text" id="departmentname" name="departmentname" required class="form-control select2">
<option value="">Select Department</option>
<?php
if(!empty($Department))
{
foreach ($Department as $rl)
{
?>
<option value="<?php echo $rl->DEPCode ?>"><?php echo $rl->DEPCode." - " .$rl->DepartmentName ?></option>
<?php
}
}
?>
</select>
</div>
<div class="col-md-3"><span>Date Of Joining</span><span class="badge">*</span>
<input id="dateofjoining" name="dateofjoining" onkeypress="return false;" maxlength="10" required class="form-control">
</div>
<div class="col-md-3"><span>Previous Years of Experience</span>
<input type="text" id="Previousexperience" name="Previousexperience" maxlength="4" onkeypress="return isNumberKey(event)" class="form-control">
</div>
</div>
<div class="col-md-12 pad">
<div class="col-md-3"><span>Qualification</span><span class="badge">*</span>
<select type="text" id="eduqualifaction" name="eduqualifaction" required class="form-control select2">
<option value="">Select Qualification</option>
<?php
if(!empty($Qualification))
{
foreach ($Qualification as $rl)
{
?>
<option value="<?php echo $rl->ConfigValue ?>"><?php echo $rl->ConfigValue ?></option>
<?php
}
}
?>
</select>
</div>
<div class="col-md-3"><span>Additional Qualification</span>
<input type="text" id="addqualification" name="addqualification" maxlength="100" class="form-control">
</div>
<div class="col-md-3"><span>Referred By</span>
<input type="text" id="referredby" onkeypress="return onlyAlphabets(event);" name="referredby" maxlength="100" class="form-control">
</div>
<div class="col-md-3"><span>Referrer Contact Number</span>
<input type="text" id="referrercontno" name="referrercontno" onchange=" return getValidReferNumber();"
maxlength="10" onkeypress="return isNumberKey(event)" class="form-control">
</div>
</div>
<legend>Bank Details</legend>
<!-- Text input-->
<div class="col-md-12 pad">
<div class="col-md-3"><span>Account Number</span>
<input type="text" id="accountno" onkeypress="return isNumberKey(event)" maxlength="20" name="accountno" class="form-control">
</div>
<div class="col-md-3"><span>IFSC Code</span>
<input type="text" id="ifsccode" style="text-transform: uppercase" name="ifsccode" maxlength="12" class="form-control">
</div>
<div class="col-md-3"><span>Bank Branch Name</span>
<input type="text" id="bankbranchname" maxlength="200" name="bankbranchname" class="form-control">
</div>
<div class="col-md-3"><span>Bank Address</span>
<input type="text" id="bankaddress" maxlength="200" name="bankaddress" class="form-control">
</div>
</div>
<legend>ID Proof</legend>
<!-- Text input-->
<div class="col-md-12 pad">
<div class="col-md-3"><span>Aadhar Number</span>
<input type="text" id="aadharno" name="aadharno" maxlength="12" onchange="ValidateAadhar();" pattern="\d{12}" class="form-control" onkeypress="return isNumberKey(event)">
</div>
<div class="col-md-3"><span>PAN Number</span>
<input type="text" id="panno" maxlength="10" style="text-transform:uppercase" name="panno" onchange="validatePAN();" class="form-control">
</div>
<div class="col-md-3"><span>Passport Number</span>
<input type="text" id="passportno" maxlength="8" onchange="ValidatePassport();" name="passportno" class="form-control">
</div>
<div class="col-md-3"><span>Passport Expiry Date</span>
<input id="ValidTill" name="ValidTill" onkeypress="return false;" maxlength="10" class="form-control">
</div>
</div>
<div class="col-md-12 pad">
<div class="col-md-3"><span>Voter ID</span>
<input type="text" id="VoterID" name="voterID" maxlength="12" class="form-control">
</div>
<div class="col-md-3"><span>Driving License</span>
<input type="text" id="Driverlicense" onchange="validateDriverLicense();" pattern="[A-Z]{2}[0-9]{2}\s[0-9]{11}" title="EX:TN82 12345678900"maxlength="16" name="driverlicense" class="form-control">
</div>
<div class="col-md-3"><span>Driving License Expiry Date</span>
<input id="LicenseExpiryDate" name="licenseExpiryDate" onkeypress="return false;" maxlength="10" class="form-control">
</div>
</div>
<!-- Command -->
<div class="col-md-12 pad">
<div class="col-md-3 col-md-offset-9">
<div class="pull-right">
<input type="reset" id="reset" onclick="resetphoto();" class="btn btn-primary" value="Reset" />
<input type="submit" id="submit" onclick="validate();" class="btn btn-primary" value="Submit" />
</div>
</div>
</div>
</fieldset>
</form>
</div><!-- /.col-lg-12 -->
</div><!-- /.row -->
</form>
</div>
</div>
<div class="col-md-4">
<?php
$this->load->helper('form');
$error = $this->session->flashdata('error');
if($error)
{
?>
<div class="alert alert-danger alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<?php echo $this->session->flashdata('error'); ?>
</div>
<?php } ?>
<?php
$success = $this->session->flashdata('success');
if($success)
{
?>
<div class="alert alert-success alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<?php echo $this->session->flashdata('success'); ?>
</div>
<?php } ?>
<div class="row">
<div class="col-md-12">
<?php echo validation_errors('<div class="alert alert-danger alert-dismissable">', ' <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button></div>'); ?>
</div>
</div>
</div>
</div>
</section>
</div>
<script src="<?php echo base_url(); ?>assets/js/addUser.js" type="text/javascript"></script>
<script>
function Validate()
{
if($("#FirstName").val().length < 1)
{
alert('Please Enter FirstName');
$("#FirstName").focus();
return false;
}
if($("#LastName").val().length < 1)
{
alert('Please Enter LastName');
return false;
}
if($("#FatherName").val().length < 1)
{
alert('Please Enter FatherName');
return false;
}
if($("#DateofBirth").val().length < 1)
{
alert('Please Enter Date of Birth');
return false;
}
if ( $('#ContactNumber').val().length < 1 )
{
alert('Please Enter Contact Number');
return false;
}
else if(!getMobileValidation())
{ return false; }
if($("#emailid").val().length < 1)
{
alert('Please Enter Personal Email ID');
return false;
}
else if(!validateEmail())
{
return;
}
if($("#mail").val().length < 1)
{
alert('Please Enter Company Email ID');
return false;
}
else if(!validatecomEmail())
{
return;
}
if($("option:selected", $("#gender")).val() == '-1')
{
alert('Please Select Gender');
$('#gender').focus();
return false;
}
if($("option:selected", $("#MartialStatus")).val() == "-1")
{
alert('Please Select Martial Status');
$('#MartialStatus').focus();
return false;
}
if($("option:selected", $("#bloodgroup")).val() == "-1")
{
alert('Please Select Blood group ');
$("#bloodgroup").focus();
return false;
}
if($("#currentaddress").val().length < 1)
{
alert('Please Enter Current Address');
return false;
}
if($("#permanentaddress").val().length < 1)
{
alert('Please Enter Permanent Address');
return false;
}
if($("#emergencycontactname").val().length < 1)
{
alert('Please Enter Emergency Contact Name');
return false;
}
if($("#emergencycontactnumber").val().length < 1)
{
alert('Please Enter Emergency Contact Number');
return false;
}
else if(!getValidEmergencyNumber())
{ return false;}
if($("option:selected", $("#desigination")).val() == "-1")
{
alert('Please Select Desigination ');
$("#desigination").focus();
return false;
}
if($("option:selected", $("#departmentname")).val() == "-1")
{
alert('Please Select Department name');
$("#departmentname").focus();
return false;
}
if($("option:selected", $("#eduqualifaction")).val() == "-1")
{
alert('Please Select Qualification');
$("#eduqualifaction").focus();
return false;
}
if($("#referrercontno").val().length > 0)
{
getValidReferNumber();
}
if($("#passportno").val().length > 1)
{
ValidatePassport();
}
}
$("#emailid").change(function () {
var id = $('#emailid').val();
if(validateEmail())
{
$.ajax({
data:{id:id},
type:"POST",
url:"<?php echo base_url();?>employeedetails/CheckEmail",
success:function(data) {
if(data)
{
var answer = confirm(data+""+" Employee already exists in the database.Do you want to change the Email id ?")
if (answer) {
$('#emailid').val('');
$('#emailid').focus();
}
else
{
window.location = 'employeedetails/employeeListing';
}
}
}
});
}
});
$('#panno').change(function() {
var id = $('#panno').val();
if(id != '')
{
$.ajax({
data:{id:id},
type:"POST",
url:"<?php echo base_url();?>employeedetails/checkPAN",
success:function(data) {
if(data)
{
var answer = confirm(data + " " +" Employee details is already exists in the database.Do you want to change the Employee details?")
if (answer)
{
$('#panno').val('');
$('#panno').focus();
return false;
}
else
{
window.location = 'employeedetails/employeeListing';
}
}
}
});
}
else
{
alert('Please enter the PAN Number');
$('#panno').focus();
return false;
}
});
$('#aadharno').change(function() {
var id = $('#aadharno').val();
if(id != '')
{
$.ajax({
data:{id:id},
type:"POST",
url:"<?php echo base_url();?>employeedetails/checkAadharNo",
success:function(data) {
if(data)
{
var answer = confirm(data + " " +" employee details is already exists in the database.Do you want to change the Employee details?")
if (answer)
{
$('#aadharno').val('');
$('#aadharno').focus();
return false;
}
else
{
window.location = 'employeedetails/employeeListing';
}
}
}
});
}
else
{
alert('Please enter the Aadhar Number');
$('#aadharno').focus();
return false;
}
});
</script>