293 lines
13 KiB
PHP
293 lines
13 KiB
PHP
|
|
<!-- Body page content -->
|
|
|
|
|
|
|
|
<div class="">
|
|
<div class="page-title">
|
|
<div class="title_left"><h3>Add Employee</h3></div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="row">
|
|
<div class="col-md-12 col-sm-12 ">
|
|
<div class="x_panel">
|
|
<!-- <div class="x_title">
|
|
|
|
<ul class="nav navbar-right panel_toolbox">
|
|
<li><a class="collapse-link"><i id="chevron" class="fa fa-chevron-up"></i></a></li>
|
|
</li>
|
|
</ul>
|
|
<h6>Add Employee Information</h6>
|
|
<div class="clearfix"></div>
|
|
</div> -->
|
|
<!-- <div class="x_content"> -->
|
|
<br />
|
|
<form id="form" data-parsley-validate class="form-horizontal form-label-left" method="post" action="<?php echo base_url();?>Employee/createEmp" enctype="multipart/form-data">
|
|
|
|
<input type="hidden" name="<?php echo $this->security->get_csrf_token_name();?>" value="<?php echo $this->security->get_csrf_hash();?>">
|
|
|
|
<div class="x_title">
|
|
<h5>Personal Information<a style="color:red;">*</a> <i id="chevron1" class="fa fa-chevron-circle-down" aria-hidden="true" data-toggle="collapse" data-target="#demo" style="font-size:20px;"></i></h5>
|
|
<div class="clearfix"></div>
|
|
</div><br />
|
|
<div class="collapse" id="demo">
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Name<a style="color:red;">*</a> </label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input type="text" id="name" name="name" value="<?php if(isset($editData)) { echo $editData->name; } ?>" required="required" onkeypress="validateKeyPress(event)" class="form-control ">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="email"> Email<a style="color:red;">*</a> </label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input id="email" name="email" value="<?php if(isset($editData)){ echo $editData->email; } ?>" required="required" class="form-control"type="email"
|
|
pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}" oninvalid="setCustomValidity('Enter a Valid E-mail Address.')" oninput="setCustomValidity('')">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="email"> Mobile<a style="color:red;">*</a> </label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input id="mobile" name="mobile" value="<?php if(isset($editData)) { echo $editData->mobile; } ?>" onkeypress = "return matchnum(event)"required="required" class="form-control" type="text" pattern="[6-9][0-9]{9}" minlength="10" maxlength="10" oninvalid="setCustomValidity('cant start with number other than 6,7,8,9 or length must be 10.')" oninput="setCustomValidity('')">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name">Department<a style="color:red;">*</a> </label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<select id="department" name="department" required="required" class="form-control" >
|
|
<option value="<?php if(isset($editData)) { echo $editData->department; } ?>"><?php if(isset($assetData)) { echo $editData->department; } ?></option>
|
|
<?php foreach ($departmentData as $key => $value) { ?>
|
|
<option value="<?php echo $value->name; ?>"><?php echo $value->name; ?></option>
|
|
<?php } ?>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="email"> Gender<a style="color:red;">*</a> </label>
|
|
<div class="col-md-5 col-sm-5 " style="padding:10px;">
|
|
<input type="radio" name="gender" value="male" />Male
|
|
<input type="radio" name="gender" value="female" />Female
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name">Marital Status<a style="color:red;">*</a> </label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<select id="marital_status" name="marital_status" required="required" class="form-control" >
|
|
<option value="">--Select--</option>
|
|
<option value="single">Single</option>
|
|
<option value="married">Married</option>
|
|
<option value="others">Others</option>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Username<a style="color:red;">*</a> </label>
|
|
<div class="col-md-3 col-sm-3 ">
|
|
<input type="text" id="user_name" name="user_name" value="" required="required" class="form-control ">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="last-name"> Password<a style="color:red;">*</a> </label>
|
|
<div class="col-md-3 col-sm-3 ">
|
|
<input type="password" id="password" minlength="8" name="password" value="" required="required" class="form-control " title="password must have alphabets 
password requires 6 characters minimum">
|
|
<span toggle="#password" id="toggle-password" class="fa fa-fw fa-eye field-icon toggle-password"></span>
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="last-name"> Confirm Password<a style="color:red;">*</a> </label>
|
|
<div class="col-md-3 col-sm-3 ">
|
|
<input type="password" id="confirm_password" name="confirm_password" value="" required="required" class="form-control ">
|
|
<span id='message'></span>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ----------------------------------------- -->
|
|
<div class="x_title">
|
|
<h5>Emergency Contact <i id="chevron2" class="fa fa-chevron-circle-down" aria-hidden="true" data-toggle="collapse" data-target="#demo1" style="font-size:20px;"></i></h5>
|
|
<div class=""></div>
|
|
</div><br />
|
|
<div class="collapse" id="demo1">
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Name</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input type="text" id="relation_name" name="relation_name" value="<?php if(isset($editData)) { echo $editData->name; } ?>" onkeypress="validateKeyPress(event)" class="form-control ">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="email"> Relationship</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input id="relationship" name="relationship" value="<?php if(isset($editData)) { echo $editData->email; } ?>" class="form-control" onkeypress="validateKeyPress(event)" type="text" >
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Mobile</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input type="text" id="relation_mobile" name="relation_mobile" onkeypress = "return matchnum(event)" value="<?php if(isset($editData)) { echo $editData->name; } ?>" class="form-control " pattern="[6-9][0-9]{9}" minlength="10" maxlength="10" oninvalid="setCustomValidity('cant start with number other than 6,7,8,9 or length must be 10.')" oninput="setCustomValidity('')">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="email"> Home Tel</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input id="relation_tel" name="relation_tel" onkeypress = "return matchnum(event)" value="<?php if(isset($editData)) { echo $editData->relation_tel; } ?>" class="form-control" type="text" >
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- ----------------------------------------- -->
|
|
<div class="x_title">
|
|
<h5>Address Details <i id="chevron3" class="fa fa-chevron-circle-down" aria-hidden="true" data-toggle="collapse" data-target="#demo2" style="font-size:20px;"></i></h5>
|
|
<div class="clearfix"></div>
|
|
</div><br />
|
|
<div class="collapse" id="demo2">
|
|
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Address</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input type="text" id="address" name="address" value="<?php if(isset($editData)) { echo $editData->address; } ?>" class="form-control ">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="email"> City</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input id="city" name="city" value="<?php if(isset($editData)) { echo $editData->city; } ?>" class="form-control" type="text" >
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> State</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input type="text" id="state" name="state" value="<?php if(isset($editData)) { echo $editData->state; } ?>" class="form-control ">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="email"> Pincode</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input id="pincode" name="pincode" onkeypress = "return matchnum(event)" value="<?php if(isset($editData)) { echo $editData->pincode; } ?>" class="form-control" type="text" >
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- ----------------------------------------------------------------------------------->
|
|
<div class="x_title">
|
|
<h5>Additional Information <i id="chevron4" class="fa fa-chevron-circle-down" aria-hidden="true" data-toggle="collapse" data-target="#demo3" style="font-size:20px;"></i></h5>
|
|
<div class="clearfix"></div>
|
|
</div><br/>
|
|
<div class="collapse" id="demo3">
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Employee Id</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input type="text" id="employee_id" name="emp_id" value="<?php if(isset($editData)) { echo $editData->name; } ?>" class="form-control ">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="email">Join date</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input id="j_date" name="j_date" value="<?php if(isset($editData)) { echo $editData->email; } ?>" class="form-control" type="date" >
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="email"> Salary</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input id="salary" name="salary" value="<?php if(isset($editData)) { echo $editData->mobile; } ?>" class="form-control" type="text">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Comment</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input id="comment" name="comment" value="<?php if(isset($editData)) { echo $editData->mobile; } ?>" class="form-control" type="text">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Photo Upload</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input type="file" id="image" name="image" value="<?php if(isset($editData)) { echo $editData->profile_pic; } ?>" class="form-control ">
|
|
<img class="profilepic__image" style="width: 50%; display: block;padding:10px;" src="" >
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Manager</label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<select id="manager" name="manager" class="form-control">
|
|
<option value="">--Select--</option>
|
|
<?php foreach ($manager as $key => $value) { ?>
|
|
<option value="<?php echo $value->user_id; ?>"><?php echo $value->name; ?></option>
|
|
<?php } ?>
|
|
</select>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- ----------------------------------------- -->
|
|
|
|
<div class="ln_solid"></div>
|
|
<div class="item form-group">
|
|
<div class="offset-md-8">
|
|
<a href="<?php echo base_url();?>Employee/empList" class="btn btn-secondary">Cancel</a>
|
|
<button class="btn btn-primary" type="reset">Reset</button>
|
|
<button type="submit" class="btn btn-success">Submit</button>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /Body page content -->
|
|
<script>
|
|
|
|
function matchnum(event)
|
|
{
|
|
var charcode;
|
|
|
|
charcode = event.which || event.keyCode;
|
|
|
|
if(charcode>= 48 && charcode <= 57)return true; //only numbers
|
|
return false;
|
|
|
|
}
|
|
|
|
function validateKeyPress(event) {
|
|
var key = event.key;
|
|
var allowedCharacters = /^[A-Za-z.]$/;
|
|
|
|
if (!allowedCharacters.test(key)) {
|
|
event.preventDefault();
|
|
}
|
|
}
|
|
|
|
|
|
|
|
$(document).ready(function(){
|
|
// $('.fa fa-chevron-up').click();
|
|
// setTimeout(() => { $('#chevron1').click(); }, 500);
|
|
});
|
|
|
|
|
|
$(document).on('change','#image',function(){
|
|
|
|
const file = this.files[0];
|
|
if (file){
|
|
let reader = new FileReader();
|
|
reader.onload = function(event){
|
|
$('#image').attr('src', event.target.result);
|
|
$('.profilepic__image').attr('src', event.target.result);
|
|
}
|
|
reader.readAsDataURL(file);
|
|
}
|
|
});
|
|
</script>
|