updated code with sorting
This commit is contained in:
saravanakumar_kandasami
parent
fd27eb50b7
commit
7bc5148523
@ -284,31 +284,31 @@ function onlyAlphabets(evt) {
|
||||
<div class="col-md-9">
|
||||
|
||||
<div class="col-md-6 pad">
|
||||
<span class="badge">*</span>
|
||||
<span>First Name</span><span class="badge">*</span>
|
||||
<input type="text" name="FirstName" onkeypress="return onlyAlphabets(event);" maxlength="100" id="FirstName" placeholder="First Name" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 pad"><span class="badge">*</span>
|
||||
<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" placeholder="Last Name" class="form-control" required>
|
||||
</div>
|
||||
<div class="col-md-6 pad"><span class="badge">*</span>
|
||||
<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" placeholder="Father / Husband Name" class="form-control" required>
|
||||
</div>
|
||||
<div class="col-md-6 pad"><span class="badge">*</span>
|
||||
<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" placeholder="Date Of Birth" onchange="getAge();" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 pad">
|
||||
<div class="col-md-6 pad"><span>Age</span>
|
||||
<input type="text" name="age" placeholder="Age" id="age" class="form-control" readonly>
|
||||
</div>
|
||||
<div class="col-md-6 pad">
|
||||
<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 placeholder="Contact Number" pattern="(.){10,10}" maxlength="10" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-6 pad">
|
||||
<div class="col-md-6 pad"><span>Email ID</span>
|
||||
<input type="email" name="emailid" id="emailid" required placeholder="Email ID" maxlength="100" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 pad">
|
||||
<div class="col-md-6 pad"><span>Gender</span>
|
||||
<select id="gender" name="gender" type="text" placeholder="Gender" required class="form-control">
|
||||
<option value="-1">Select Gender</option>
|
||||
<?php
|
||||
@ -325,7 +325,7 @@ function onlyAlphabets(evt) {
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 pad">
|
||||
<div class="col-md-6 pad"><span>Martial Status</span>
|
||||
<select id="MartialStatus" name="MartialStatus" type="text" required placeholder="Martial status" class="form-control">
|
||||
<option value="-1">Select Martial Status</option>
|
||||
<?php
|
||||
@ -343,7 +343,7 @@ function onlyAlphabets(evt) {
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-6 pad">
|
||||
<div class="col-md-6 pad"><span>Blood group</span>
|
||||
<select id="bloodgroup" name="bloodgroup" required class="form-control">
|
||||
<option value="-1">Select Blood group</option>
|
||||
<?php
|
||||
@ -369,7 +369,7 @@ function onlyAlphabets(evt) {
|
||||
<legend>Address Details</legend>
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<div class="col-md-12"><span class="badge">*</span>
|
||||
<div class="col-md-12"><span>Current Address</span><span class="badge">*</span>
|
||||
<input type="text" id="currentaddress" required name="currentaddress" maxlength="500" placeholder="Current Address" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
@ -380,7 +380,7 @@ function onlyAlphabets(evt) {
|
||||
</div>
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<div class="col-md-12"><span class="badge">*</span>
|
||||
<div class="col-md-12"><span>Permanent Address</span><span class="badge">*</span>
|
||||
<input type="text" id="permanentaddress" required name="permanentaddress" maxlength="500" placeholder="Permanent Address " class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
@ -393,10 +393,10 @@ function onlyAlphabets(evt) {
|
||||
<legend>Emergency Contact Information</legend>
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<div class="col-md-6"><span class="badge">*</span>
|
||||
<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" placeholder="Emergency Contact Name" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-6"><span class="badge">*</span>
|
||||
<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" placeholder="Emergency Contact Number" class="form-control">
|
||||
</div>
|
||||
|
||||
@ -409,7 +409,7 @@ function onlyAlphabets(evt) {
|
||||
<!-- Text input-->
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Designation</span>
|
||||
<select type="text" id="desigination" name="desigination" required class="form-control">
|
||||
<option value="-1">Select Designation</option>
|
||||
<?php
|
||||
@ -426,7 +426,7 @@ function onlyAlphabets(evt) {
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Department</span>
|
||||
<select type="text" id="departmentname" name="departmentname" required class="form-control">
|
||||
<option value="-1">Select Department</option>
|
||||
<?php
|
||||
@ -443,16 +443,16 @@ function onlyAlphabets(evt) {
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Date Of Joining</span>
|
||||
<input id="dateofjoining" name="dateofjoining" onkeypress="return false;" maxlength="10" required placeholder="Date Of Joining" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Previous Years of Experience</span>
|
||||
<input type="text" id="Previousexperience" name="Previousexperience" maxlength="4" onkeypress="return isNumberKey(event)" placeholder="Previous Years of Experience" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Qualification</span>
|
||||
<select type="text" id="eduqualifaction" name="eduqualifaction" required class="form-control">
|
||||
<option value="-1">Select Qualification</option>
|
||||
<?php
|
||||
@ -469,15 +469,15 @@ function onlyAlphabets(evt) {
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Additional Qualification</span>
|
||||
<input type="text" id="addqualification" name="addqualification" maxlength="100" placeholder="Additional Qualification" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Referred By</span>
|
||||
<input type="text" id="referredby" onkeypress="return onlyAlphabets(event);" name="referredby" placeholder="Referred By" maxlength="100" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Referrer Contact Number</span>
|
||||
<input type="text" id="referrercontno" name="referrercontno" onchange=" return getValidReferNumber();"
|
||||
" maxlength="10" onkeypress="return event.charCode >= 48 && event.charCode <= 57" placeholder="Referrer Contact Number" class="form-control">
|
||||
maxlength="10" onkeypress="return event.charCode >= 48 && event.charCode <= 57" placeholder="Referrer Contact Number" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -485,16 +485,16 @@ function onlyAlphabets(evt) {
|
||||
<!-- Text input-->
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Account Number</span>
|
||||
<input type="text" id="accountno" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="15" name="accountno" placeholder="Account Number" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>IFSC Code</span>
|
||||
<input type="text" id="ifsccode" name="ifsccode" placeholder="IFSC Code" maxlength="10" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Bank Branch Name</span>
|
||||
<input type="text" id="bankbranchname" maxlength="200" name="bankbranchname" placeholder="Bank Branch Name" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Bank Address</span>
|
||||
<input type="text" id="bankaddress" maxlength="200" name="bankaddress" placeholder="Bank Address" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
@ -503,24 +503,24 @@ function onlyAlphabets(evt) {
|
||||
<!-- Text input-->
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Aadhar Number</span>
|
||||
<input type="text" id="aadharno" name="aadharno" maxlength="12" placeholder="Aadhar Number" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>PAN Number</span>
|
||||
<input type="text" id="panno" maxlength="10" name="panno" placeholder="PAN Number" onchange="validatePAN();" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Passport Number</span>
|
||||
<input type="text" id="passportno" maxlength="8" onchange="ValidatePassport();" name="passportno" placeholder="Passport Number" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<input id="ValidTill" name="ValidTill" onkeypress="return false;" maxlength="10" placeholder="ValidTill" class="form-control">
|
||||
<div class="col-md-3"><span>Valid Till</span>
|
||||
<input id="ValidTill" name="ValidTill" onkeypress="return false;" maxlength="10" placeholder="Valid Till" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<legend>Additional Information</legend>
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-12"><span>Additional Information</span>
|
||||
<input type="text" id="addinfo" name="addinfo" placeholder="Additional Information" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -444,31 +444,31 @@ function ValidatePassport()
|
||||
<div class="col-md-9">
|
||||
|
||||
<div class="col-md-6 pad">
|
||||
<span class="badge">*</span>
|
||||
<span>First Name</span><span class="badge">*</span>
|
||||
<input type="text" name="FirstName" maxlength="100" value="<?php echo $FirstName ; ?>" id="FirstName" placeholder="First Name" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 pad"><span class="badge">*</span>
|
||||
<div class="col-md-6 pad"><span>Last Name</span><span class="badge">*</span>
|
||||
<input type="text" name="LastName" maxlength="100" id="LastName" value="<?php echo $LastName ; ?>" placeholder="Last Name" class="form-control" required>
|
||||
</div>
|
||||
<div class="col-md-6 pad"><span class="badge">*</span>
|
||||
<div class="col-md-6 pad"><span>Father / Husband Name</span><span class="badge">*</span>
|
||||
<input type="text" name="FatherName" id="FatherName" maxlength="200" value="<?php echo $FatherName ; ?>" placeholder="Father / Husband Name" class="form-control" required>
|
||||
</div>
|
||||
<div class="col-md-6 pad"><span class="badge">*</span>
|
||||
<div class="col-md-6 pad"><span>Date Of Birth</span><span class="badge">*</span>
|
||||
<input id="DateofBirth" required name="DateofBirth" value="<?php echo $DOB ; ?>" maxlength="10" placeholder="Date Of Birth" onchange="getAge();" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 pad">
|
||||
<div class="col-md-6 pad"><span>Age</span>
|
||||
<input type="text" name="age" placeholder="Age" id="age" value="<?php echo $Age ; ?>" class="form-control" readonly>
|
||||
</div>
|
||||
<div class="col-md-6 pad">
|
||||
<div class="col-md-6 pad"><span>Contact Number</span><span class="badge">*</span>
|
||||
<input type="text" name="ContactNumber" value="<?php echo $ContactNumber ; ?>" onchange="getMobileValidation();" onkeypress="return event.charCode >= 48 && event.charCode <= 57" id="ContactNumber" required placeholder="Contact Number" maxlength="10" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-6 pad">
|
||||
<div class="col-md-6 pad"><span>Email ID</span>
|
||||
<input type="mail" name="emailid" value="<?php echo $EmailId ; ?>" id="emailid" placeholder="Email ID" maxlength="100" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 pad">
|
||||
<div class="col-md-6 pad"><span>Gender</span>
|
||||
<select id="gender" name="gender" type="text" placeholder="Gender" required class="form-control">
|
||||
<option value="<?php echo $Gender ; ?>"><?php echo $Gender; ?></option>
|
||||
<?php
|
||||
@ -485,7 +485,7 @@ function ValidatePassport()
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 pad">
|
||||
<div class="col-md-6 pad"><span>Martial Status</span>
|
||||
<select id="MartialStatus" name="MartialStatus" type="text" required placeholder="Martial status" class="form-control">
|
||||
<option value="<?php echo $MartialStatus ; ?>"><?php echo $MartialStatus; ?></option>
|
||||
<?php
|
||||
@ -503,7 +503,7 @@ function ValidatePassport()
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-6 pad">
|
||||
<div class="col-md-6 pad"><span>Blood group</span>
|
||||
<select id="bloodgroup" name="bloodgroup" required class="form-control">
|
||||
<option value="<?php echo $BloodGroup ; ?>"><?php echo $BloodGroup ?></option>
|
||||
<?php
|
||||
@ -529,7 +529,7 @@ function ValidatePassport()
|
||||
<legend>Address Details</legend>
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<div class="col-md-12"><span class="badge">*</span>
|
||||
<div class="col-md-12"><span>Current Address</span><span class="badge">*</span>
|
||||
<input type="text" id="currentaddress" required name="currentaddress" value="<?php echo $PresentAddress ; ?>" maxlength="500" placeholder="Current Address" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
@ -540,7 +540,7 @@ function ValidatePassport()
|
||||
</div>
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<div class="col-md-12"><span class="badge">*</span>
|
||||
<div class="col-md-12"><span>Permanent Address</span><span class="badge">*</span>
|
||||
<input type="text" id="permanentaddress" required name="permanentaddress" value="<?php echo $PermanentAddress; ?>" maxlength="500" placeholder="Permanent Address " class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
@ -553,10 +553,10 @@ function ValidatePassport()
|
||||
<legend>Emergency Contact Information</legend>
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<div class="col-md-6"><span class="badge">*</span>
|
||||
<div class="col-md-6"><span>Emergency Contact Name</span><span class="badge">*</span>
|
||||
<input type="text" id="emergencycontactname" maxlength="100" required name="emergencycontactname" value="<?php echo $EmergencyContactName ; ?>" placeholder="Emergency Contact Name" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-6"><span class="badge">*</span>
|
||||
<div class="col-md-6"><span>Emergency Contact Number</span><span class="badge">*</span>
|
||||
<input type="text" id="emergencycontactnumber" required name="emergencycontactnumber" onchange="getValidEmergencyNumber();" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="10" value="<?php echo $EmergencyContactNumber; ?>" placeholder="Emergency Contact Number" class="form-control">
|
||||
</div>
|
||||
|
||||
@ -569,7 +569,7 @@ function ValidatePassport()
|
||||
<!-- Text input-->
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Designation</span>
|
||||
<select type="text" id="desigination" name="desigination" required class="form-control">
|
||||
<option value="<?php echo $Designation ; ?>"><?php echo $Designation; ?></option>
|
||||
<?php
|
||||
@ -586,7 +586,7 @@ function ValidatePassport()
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Department</span>
|
||||
<select type="text" id="departmentname" name="departmentname" required class="form-control">
|
||||
<option value="<?php echo $Departmentcode; ?>"><?php echo $Departmentcode." - ".$DepartmentName ;?></option>
|
||||
<?php
|
||||
@ -603,16 +603,16 @@ function ValidatePassport()
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Date Of Joining</span>
|
||||
<input id="dateofjoining" name="dateofjoining" value="<?php echo $DOJ; ?>" maxlength="10" required placeholder="Date Of Joining" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Previous Years of Experience</span>
|
||||
<input type="text" id="Previousexperience" value="<?php echo $PreviousYearsOfExp ; ?>" name="Previousexperience" maxlength="4" onkeypress="return isNumberKey(event)" placeholder="Previous Years of Experience" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Qualification</span>
|
||||
<select type="text" id="eduqualifaction" name="eduqualifaction" required class="form-control">
|
||||
<option value="<?php echo $Edu_Qualification; ?>"><?php echo $Edu_Qualification ; ?></option>
|
||||
<?php
|
||||
@ -629,13 +629,13 @@ function ValidatePassport()
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Additional Qualification</span>
|
||||
<input type="text" id="addqualification" name="addqualification" value="<?php echo $Additional_Qualification ; ?>" maxlength="100" placeholder="Additional Qualification" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Referred By</span>
|
||||
<input type="text" id="referredby" name="referredby" value="<?php echo $Reference_Name ; ?>" placeholder="Referred By" maxlength="100" class="form-control">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Referrer Contact Number</span>
|
||||
<input type="text" id="referrercontno" name="referrercontno" value="<?php echo $Reference_ContactNumber ; ?>" onchange="getValidReferNumber();" maxlength="10" onkeypress="return event.charCode >= 48 && event.charCode <= 57" placeholder="Referrer Contact Number" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
@ -644,16 +644,16 @@ function ValidatePassport()
|
||||
<!-- Text input-->
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Account Number</span>
|
||||
<input type="text" id="accountno" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="15" name="accountno" placeholder="Account Number" class="form-control" value="<?php echo $BankAccountNo ; ?>">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>IFSC Code</span>
|
||||
<input type="text" id="ifsccode" name="ifsccode" placeholder="IFSC Code" maxlength="10" class="form-control" value="<?php echo $IFSCCode ; ?>">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Bank Branch Name</span>
|
||||
<input type="text" id="bankbranchname" maxlength="200" name="bankbranchname" placeholder="Bank Branch Name" class="form-control" value="<?php echo $BankBranchName ; ?>">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Bank Address</span>
|
||||
<input type="text" id="bankaddress" maxlength="200" name="bankaddress" placeholder="Bank Address" class="form-control" value="<?php echo $BankAddress ; ?>">
|
||||
</div>
|
||||
</div>
|
||||
@ -662,16 +662,16 @@ function ValidatePassport()
|
||||
<!-- Text input-->
|
||||
|
||||
<div class="form-group">
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Aadhar Number</span>
|
||||
<input type="text" id="aadharno" name="aadharno" maxlength="12" placeholder="Aadhar Number" class="form-control" value="<?php echo $AadharNo ; ?>">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>PAN Number</span>
|
||||
<input type="text" id="panno" maxlength="10" name="panno" placeholder="PAN Number" onchange="validatePAN();" class="form-control" value="<?php echo $PANNo ; ?>">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Passport Number</span>
|
||||
<input type="text" id="passportno" maxlength="8" onchange="ValidatePassport();" name="passportno" placeholder="Passport Number" class="form-control" value="<?php echo $PassportNo ; ?>">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-md-3"><span>Valid Till</span>
|
||||
<input id="ValidTill" name="ValidTill" maxlength="10" placeholder="ValidTill" class="form-control" value="<?php echo $DOPassport ; ?>">
|
||||
</div>
|
||||
</div>
|
||||
@ -679,7 +679,7 @@ function ValidatePassport()
|
||||
<legend>Additional Information</legend>
|
||||
<!-- Text input-->
|
||||
<div class="form-group">
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-12"><span>Additional Information</span>
|
||||
<input type="text" id="addinfo" name="addinfo" placeholder="Additional Information" class="form-control" value="<?php echo $Remarks ; ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,3 +1,14 @@
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
|
||||
$('table').tableSort( {
|
||||
animation :'slide',
|
||||
speed:500
|
||||
} );
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<div class="content-wrapper">
|
||||
<!-- Content Header (Page header) -->
|
||||
<section class="content-header">
|
||||
@ -30,17 +41,15 @@
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.box-header -->
|
||||
<div class="box-body table-responsive no-padding">
|
||||
<table class="table table-hover " >
|
||||
<div class="box-body table-responsive no-padding" >
|
||||
<table id="datatable" class="table table-hover tableSorter" >
|
||||
<tr bgcolor="steelblue">
|
||||
<th>Emp ID</th>
|
||||
<th>Employee Name</th>
|
||||
|
||||
<th>Employee Name</th>
|
||||
<th>Contact Number</th>
|
||||
<th>Email ID</th>
|
||||
<th>Designation</th>
|
||||
<th>Department</th>
|
||||
|
||||
<th>Department</th>
|
||||
</tr>
|
||||
<?php
|
||||
if(!empty($userRecords))
|
||||
@ -49,17 +58,12 @@
|
||||
{
|
||||
?>
|
||||
<tr>
|
||||
<td><u><a href="<?php echo base_url().'Employeedetails/ViewEmployee/?EmpID='.$record->EmpID; ?>" data-toggle="tooltip" title="<?php echo $record->EmpID; ?> - Click here to view Employee details"><?php echo $record->EmpID ?> </a></u></td>
|
||||
|
||||
<td><?php echo $record->FirstName .' , '. $record->LastName; ?></td>
|
||||
|
||||
<td><u><a href="<?php echo base_url().'Employeedetails/ViewEmployee/?EmpID='.$record->EmpID; ?>" data-toggle="tooltip" title="<?php echo $record->EmpID; ?> - Click here to view Employee details"><?php echo $record->EmpID ?> </a></u></td>
|
||||
<td><?php echo $record->FirstName .' , '. $record->LastName; ?></td>
|
||||
<td><?php echo $record->ContactNumber ?></td>
|
||||
<td><?php echo $record->EmailId ?></td>
|
||||
|
||||
<td><?php echo $record->EmailId ?></td>
|
||||
<td><?php echo $record->Designation ?></td>
|
||||
<td><?php echo $record->DepartmentName ?></td>
|
||||
|
||||
|
||||
<td><?php echo $record->DepartmentName ?></td>
|
||||
</tr>
|
||||
<?php
|
||||
}
|
||||
|
||||
@ -15,35 +15,36 @@
|
||||
<!-- AdminLTE Skins. Choose a skin from the css/skins
|
||||
folder instead of downloading all of them to reduce the load. -->
|
||||
<link href="<?php echo base_url(); ?>assets/dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-1.12.4.js"></script>
|
||||
<!-- jquery-1.12.4.min -->
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-1.12.4.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery.jeditable.js"></script>
|
||||
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/plugins/dataTables/jquery.dataTables.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-1.12.4.js"></script>
|
||||
<!-- jquery-1.12.4.min -->
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-1.12.4.min.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery.jeditable.js"></script>
|
||||
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/plugins/dataTables/jquery.dataTables.js"></script>
|
||||
|
||||
<!-- cdn fot data Table plugins-->
|
||||
<script href="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js" ></script>
|
||||
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery.autocomplete.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/underscore.js"></script>
|
||||
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-ui-1.10.4.min.js"></script>
|
||||
<!-- cdn fot data Table plugins-->
|
||||
<script href="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js" ></script>
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery.autocomplete.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/underscore.js"></script>
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-ui-1.10.4.min.js"></script>
|
||||
|
||||
<!-- For Table Sorting -->
|
||||
<script type="text/javascript" src="<?php echo base_url();?>assets/js/tsort.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<link href="<?php echo base_url();?>assets/css/default.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url();?>assets/css/style.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url();?>assets/css/animate.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url();?>assets/css/style.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url();?>assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url();?>assets/css/component.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url();?>assets/css/animate.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url();?>assets/css/style.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url();?>assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
|
||||
<link href="<?php echo base_url();?>assets/css/component.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" type="text/css">
|
||||
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" type="text/css">
|
||||
|
||||
<!-- Bootstrap 3.3.4 -->
|
||||
<!-- Bootstrap 3.3.4 -->
|
||||
<link href="<?php echo base_url(); ?>assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- FontAwesome 4.3.0 -->
|
||||
<link href="<?php echo base_url(); ?>assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
|
||||
@ -64,27 +65,19 @@
|
||||
|
||||
</style>
|
||||
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" crossorigin="anonymous">
|
||||
<title>Siddharth Industries</title>
|
||||
|
||||
<!-- Data Tables-->
|
||||
<link href="<?php echo base_url();?>assets/css/plugins/dataTables/dataTables.bootstrap.css"/>
|
||||
<link href="<?php echo base_url();?>assets/css/plugins/dataTables/dataTables.responsive.css"/>
|
||||
<link href="<?php echo base_url();?>assets/css/plugins/dataTables/dataTables.tableTools.min.css"/>
|
||||
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
|
||||
|
||||
<!-- Data Tables-->
|
||||
<link href="<?php echo base_url();?>assets/css/plugins/dataTables/dataTables.bootstrap.css"/>
|
||||
<link href="<?php echo base_url();?>assets/css/plugins/dataTables/dataTables.responsive.css"/>
|
||||
<link href="<?php echo base_url();?>assets/css/plugins/dataTables/dataTables.tableTools.min.css"/>
|
||||
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
|
||||
<link href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
|
||||
|
||||
<script type="text/javascript">
|
||||
var baseURL = "<?php echo base_url(); ?>";
|
||||
</script>
|
||||
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<script type="text/javascript"> var baseURL = "<?php echo base_url(); ?>";</script>
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<body class="skin-blue sidebar-collapse">
|
||||
@ -126,7 +119,7 @@
|
||||
?>
|
||||
<li class="treeview">
|
||||
<a href="<?php echo base_url(); ?>supplierListing" >
|
||||
<i class="fa fa-users"></i>
|
||||
<i class="fa fa-user-secret"></i>
|
||||
<span class="nav-label">Supplier Details</span>
|
||||
</a>
|
||||
</li>
|
||||
@ -148,7 +141,7 @@
|
||||
?>
|
||||
<li class="treeview">
|
||||
<a href="<?php echo base_url(); ?>employeeListing" >
|
||||
<i class="fa fa-cogs"></i>
|
||||
<i class="fa fa-user-circle"></i>
|
||||
<span class="nav-label">Employee Details</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
19
assets/js/tsort.min.js
vendored
Normal file
19
assets/js/tsort.min.js
vendored
Normal file
@ -0,0 +1,19 @@
|
||||
/*
|
||||
* jQuery Animated Table Sorter 0.2.2 (02/25/2013)
|
||||
*
|
||||
* http://www.matanhershberg.com/plugins/jquery-animated-table-sorter/
|
||||
*
|
||||
*/
|
||||
|
||||
(function(a){a.fn.tableSort=function(q){var b=a.extend({animation:"slide",rowspan:!1,sortAs:{},speed:300,distance:"300px",delay:1},q);return this.each(function(){function q(e){for(var b="",d=0;d<=e.length;d++)if(a.isNumeric(e.charAt(d))||"."==e.charAt(d))b+=e.charAt(d);return b}var h=[],n=[],l=!1,p=[],j=[],r=[],m=[],f,c=a(this),l=!1;!0==b.rowspan&&a(c).find("td").each(function(){if(void 0!=a(this).attr("rowspan")){var b=a(this).attr("rowspan");a(this).removeAttr("rowspan");for(var c=a(this).parent().index(),
|
||||
d=1;1<b;){switch(a(this).index()){case 0:a(this).clone().prependTo(a(this).parent().parent().children().eq(c+d));break;default:a(this).clone().insertAfter(a(this).parent().parent().children().eq(c+d).children().eq(a(this).index()-1))}d++;b--}}});0>=b.delay&&(b.delay=1);a(c).find("tr:first-child th").each(function(e){if(void 0!=b.sortBy)switch(b.sortBy[e]){case "text":case "numeric":case "nosort":m[e]=b.sortBy[e];return}if(void 0!=a(this).attr("data-sort"))switch(a(this).attr("data-sort")){case "text":case "numeric":case "nosort":m[e]=
|
||||
a(this).attr("data-sort");return}for(var g=a(c).find("tr:eq(1) td:eq("+e+")").text(),d=0,h=0,f=0;f<=g.length-1;f++)a.isNumeric(g.charAt(f))||","==g.charAt(f)||"."==g.charAt(f)?d++:h++;m[e]=d>h?"numeric":"text"});a(c).css("position","relative");a(c).find("tr:first-child th").each(function(b){"nosort"!=m[b]&&a('<div class="sortArrow"><div class="sortArrowAscending"></div><div class="sortArrowDescending"></div></div>').appendTo(a(this))});a(c).find("tr:first-child th").each(function(){r.push(a(this).outerWidth(!0))});
|
||||
a(c).find("tr td, tr th").each(function(){a(this).css({minWidth:r[a(this).index()]})});a(c).find("tr").each(function(){a(this).width(a(this).outerWidth(!0));a(this).height(a(this).outerHeight(!0))});a(c).height(a(this).outerHeight()).width(a(this).outerWidth());var g=0;a(c).find("tr").each(function(){a(this).css("top",g);g+=a(this).outerHeight()});a(c).find("tr").each(function(){a(this).css("position","absolute")});a(c).find("tr th").each(function(b){"nosort"!=m[b]&&a(this).css("cursor","pointer")});
|
||||
a(c).find("tr th").click(function(){if(!l&&"nosort"!=m[a(this).index()]){f=a(this).index();0==h.length&&a(c).find("tr").each(function(d){0<d&&a(this).addClass("tsort_id-"+(d-1));a(this).find("td").each(function(c){a(this).is(":first-child")&&(h.push({}),h[h.length-1].id=d-1,h[h.length-1].td=[],h[h.length-1].height=a(this).parent().height());void 0!=a(this).attr("data-sortAs")?h[h.length-1].td.push(a(this).attr("data-sortAs")):void 0!=typeof b.sortAs&&void 0!=b.sortAs[a(this).text()]?h[h.length-1].td.push(b.sortAs[a(this).text()]):
|
||||
"numeric"==m[c]?h[h.length-1].td.push(q(a(this).text())):h[h.length-1].td.push(a(this).text())})});p[f]||(p[f]=h.concat(),"numeric"==m[f]?p[f].sort(function(a,b){return a.td[f]-b.td[f]}):"text"==m[f]&&p[f].sort(function(a,b){return a.td[f].localeCompare(b.td[f])}));if(0==j.length)j.push({column_id:f,direction:"ascending"});else if(0!=j.length)if(f==j[j.length-1].column_id)switch(j[j.length-1].direction){case "ascending":j.push({column_id:f,direction:"descending"});break;case "descending":j.push({column_id:f,
|
||||
direction:"ascending"})}else j.push({column_id:f,direction:"ascending"});var e=p[f],e="ascending"==j[j.length-1].direction?e.concat():e.concat().reverse();g=a(c).find("tr").height();if("none"==b.animation)for(index=0;index<e.length;index++){var k=e[index];a(c).find("tr.tsort_id-"+k.id).css({top:g}).appendTo(c);g+=k.height}else if("slide"==b.animation)for(index=0;index<e.length;index++)k=e[index],a(c).find("tr.tsort_id-"+k.id).stop().delay(b.delay*index).animate({top:g},b.speed,"swing").appendTo(c),
|
||||
g+=k.height;else if("fadeAll"==b.animation)l=!0,a(c).find("tr:gt(0)").fadeOut(b.speed).promise().done(function(){for(index=0;index<e.length;index++){var d=e[index];a(c).find("tr.tsort_id-"+d.id).css({top:g}).appendTo(c);g+=d.height;index==h.length-1&&a(c).find("tr").delay(1).fadeIn(b.speed,"swing").promise().done(function(){l=!1})}});else if("fade"==b.animation){l=!0;if(0==n.length)for(index=0;index<e.length;index++)k=e[index],n[k.id]=a(c).find("tr.tsort_id-"+k.id).clone();a(c).find("tr:gt(0)").each(function(d){a(this).delay(d*
|
||||
b.delay).fadeOut(b.speed,"swing",function(){a(this).remove();a(n[e[d].id]).clone().hide().css({top:g}).appendTo(c).delay(1).fadeIn(b.speed,"swing",function(){d==h.length-1&&(l=!1)});g+=e[d].height})})}else if("slideLeftAll"==b.animation)l=!0,a(c).find("tr:gt(0)").each(function(d){a(this).delay(d*b.delay).animate({left:"-"+b.distance,opacity:0},b.speed,"swing");d==h.length-1&&a(this).promise().done(function(){for(d=0;d<e.length;d++){var f=e[d];a(c).find("tr.tsort_id-"+f.id).css({top:g,left:"",right:"-"+
|
||||
b.distance}).appendTo(c).delay(d*b.delay).animate({right:"0px",opacity:1},b.speed,"swing",function(){a(this).css("right","auto");a(this).is("tr:last-child")&&(l=!1)});g+=f.height}})});else if("slideLeft"==b.animation){l=!0;if(0==n.length)for(index=0;index<e.length;index++)k=e[index],n[k.id]=a(c).find("tr.tsort_id-"+k.id).clone();a(c).find("tr:gt(0)").each(function(d){a(this).delay(d*b.delay).animate({left:"-"+b.distance,opacity:0},b.speed,"swing",function(){a(this).remove();a(n[e[d].id]).clone().css({opacity:0}).appendTo(c).css({top:g,
|
||||
left:"",right:"-"+b.distance}).animate({right:"0px",opacity:1},b.speed,function(){a(this).css("right","auto");d==h.length-1&&(l=!1)});g+=e[d].height})})}k=j[j.length-1].direction;a(c).find("tr:first-child th div.sortArrow div").stop(!0,!0).fadeOut(b.speed,"swing");switch(k){case "ascending":a(c).find("tr:first-child th div.sortArrow div.sortArrowAscending").eq(f).fadeIn(b.speed,"swing");break;case "descending":a(c).find("tr:first-child th div.sortArrow div.sortArrowDescending").eq(f).fadeIn(b.speed,
|
||||
"swing")}}})})}})(jQuery);
|
||||
Loading…
Reference in New Issue
Block a user