employee details UI fix - vadivel J

This commit is contained in:
vadivelJ96 2024-09-10 15:05:42 +05:30
parent f0e528ffcf
commit 15264d81cc
2 changed files with 480 additions and 353 deletions

View File

@ -397,7 +397,7 @@
<a href="#first" data-toggle="tab" class="nav-link active">
<!-- <a data-toggle="tab" class="nav-link active"> -->
<span class="number">1</span>
<span class="d-none d-sm-inline">Persanal & Address</span>
<span class="d-none d-sm-inline">Personal & Address</span>
</a>
</li>
<li class="nav-item" data-target-form="#profileForm">
@ -553,12 +553,6 @@
<input type="text" id="currentaddress" required name="currentaddress"
pattern=".{0,500}" maxlength="500" class="form-control">
</div>
<div class="col-md-4 pad" style="margin-top: 18px;">
<input type="checkbox" id="checksame" name="sameaddress"
onclick="CheckClick"> Current address same as permanent address
</div>
</div>
<div class="row">
<div class="col-md-4 pad">
<span>Permanent Address</span><span
class="badge">*</span>
@ -566,6 +560,10 @@
name="permanentaddress" pattern=".{0,500}" maxlength="500"
class="form-control">
</div>
</div>
<div class="row">
<div class="col-md-4 pad">
<span>Emergency Contact Name</span>
@ -582,11 +580,17 @@
maxlength="10" class="form-control"
onkeypress="return isNumberKey(event)">
</div>
<div class="col-md-4 pad" style="margin-top: 18px;">
<input type="checkbox" id="checksame" name="sameaddress"
onclick="CheckClick"> Current address same as permanent address
</div>
</div>
</div>
</div>
</form>
<ul class="list-inline wizard mb-0">
<li class="previous list-inline-item"><a href="javascript: void(0);" class="btn btn-secondary">Previous</a>
</li>
@ -600,8 +604,10 @@
<div class="col-md-1">
</div>
<div class="col-md-11">
<div class="row" style="margin-bottom: 20px;">
<div class="col-md-3"><span>Designation</span><span class="badge">*</span>
<div class="row">
<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>
@ -618,7 +624,8 @@
</select>
</div>
<div class="col-md-3"><span>Department</span><span class="badge">*</span>
<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>
@ -642,77 +649,88 @@
class="form-control" data-provide="datepicker" data-date-format="dd-mm-yyyy">
</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">
<input type="text" id="Previousexperience" name="Previousexperience"
maxlength="4" onkeypress="return isNumberKey(event)"
class="form-control">
</div>
</div>
<div class="row" style="margin-bottom: 20px;">
<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" style="display:none"><span>Additional Qualification</span>
<input type="text" id="addqualification" name="addqualification"
maxlength="100" class="form-control">
</div>
<div class="col-md-3" style="display:none"><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" style="display:none"><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>
</div>
<div class="col-md-3"><span>Work Location</span><span class="badge">*</span>
<select type="text" id="work_location" name="work_location" required
class="form-control select2">
<option value="">Select Work Location</option>
<?php
if (!empty($Location)) {
foreach ($Location as $rl) {
?>
<option value="<?php echo $rl->ConfigValue ?>">
<?php echo $rl->ConfigValue ?></option>
<?php
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-11">
<div class="row" >
<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" style="margin-top: 18px;">
<div class="form-group">
<span
style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">Management
Team</span>
<label class="switch">
<input type="checkbox" name="is_management_team" value="0"
onchange="updateSwitchValue(this)" />
<span class="slider"></span>
</label>
?>
</select>
</div>
</div>
<br>
<div class="col-md-3" style="display:none"><span>Additional Qualification</span>
<input type="text" id="addqualification" name="addqualification"
maxlength="100" class="form-control">
</div>
<div class="col-md-3" style="display:none"><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" style="display:none"><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 class="col-md-3"><span>Work Location</span><span class="badge">*</span>
<select type="text" id="work_location" name="work_location" required
class="form-control select2">
<option value="">Select Work Location</option>
<?php
if (!empty($Location)) {
foreach ($Location as $rl) {
?>
<option value="<?php echo $rl->ConfigValue ?>">
<?php echo $rl->ConfigValue ?></option>
<?php
}
}
?>
</select>
</div>
<div class="col-md-3" style="margin-top: 18px;">
<div class="form-group">
<span
style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">Management
Team</span>
<label class="switch">
<input type="checkbox" name="is_management_team" value="0"
onchange="updateSwitchValue(this)" />
<span class="slider"></span>
</label>
</div>
</div>
<br>
</div>
</div>
</div>
<!-- end row -->
@ -810,19 +828,43 @@
</div>
</div>
<div class="col-md-3" style="margin-top: 18px;">
</div>
</div>
</div>
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-11">
<div class="row">
<div class="col-md-3">
<div class="form-group"><span>UAN</span>
<input type="text" id="pfno" name="pfno" maxlength="22"
onchange="validatePF();" class="form-control"
style="text-transform:uppercase"
pattern="\d{12}"
title="12 Digit number"
onkeypress="return alpha(event);">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<span
style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">ESI
Applicable</span>
<label class="switch">
<input type="checkbox" name="esi_applicable" value="0"
onchange="updateSwitchValue(this)" />
<span class="slider"></span>
</label>
<span for="PF_Rate">PF Rate(%)</span>
<font color="Red">*</font>
<input type="text" name="PF_Rate" value="<?= $pf_rate; ?>"
class="form-control num" style="text-transform:uppercase;"
pattern="([0-9]{1,2}([.][0-9]{1,2})?)"
title="Enter the valid PF Rate, Minimum 1 digit, Maximum 2 digits"
readonly />
</div>
</div>
<div class="col-md-3" style="margin-top: 18px;">
<div class="col-md-3" >
<div class="form-group"><span>ESI Number</span>
<input type="text" id="esino" name="esino" maxlength="10"
onchange="validateESI();" class="form-control"
@ -842,7 +884,33 @@
</div>
</div>
<div class="col-md-3"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-11">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<span
style="display: inline-block; vertical-align: bottom; margin-right: 10px; margin-bottom: 10px;">ESI
Applicable</span>
<label class="switch">
<input type="checkbox" name="esi_applicable" value="0"
onchange="updateSwitchValue(this)" />
<span class="slider"></span>
</label>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<span
@ -855,29 +923,7 @@
</label>
</div>
</div>
<div class="col-md-3">
<div class="form-group"><span>UAN</span>
<input type="text" id="pfno" name="pfno" maxlength="22"
onchange="validatePF();" class="form-control"
style="text-transform:uppercase"
pattern="\d{12}"
title="12 Digit number"
onkeypress="return alpha(event);">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<span for="PF_Rate">PF Rate(%)</span>
<font color="Red">*</font>
<input type="text" name="PF_Rate" value="<?= $pf_rate; ?>"
class="form-control num" style="text-transform:uppercase;"
pattern="([0-9]{1,2}([.][0-9]{1,2})?)"
title="Enter the valid PF Rate, Minimum 1 digit, Maximum 2 digits"
readonly />
</div>
</div>
</div>
</div>
@ -924,7 +970,17 @@
maxlength="10" class="form-control">
</div>
<div class="col-md-3"><span>Voter ID</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-11">
<div class="row">
<div class="col-md-3"><span>Voter ID</span>
<input type="text" id="VoterID" name="voterID" maxlength="12"
class="form-control" style="text-transform: uppercase">
</div>
@ -941,14 +997,6 @@
onkeypress="return false;" maxlength="10" class="form-control">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-11">
<div class="row">
<div class="col-md-3"><span>Nominee reference</span>
<input type="text" id="nomineename" name="nomineename" maxlength="255"
class="form-control">

File diff suppressed because it is too large Load Diff