EVOLUTION-NINJA
Edit File: add_employee.php
<?php $this->load->view('includes/header.php')?> <link rel="stylesheet" href="<?php echo base_url('assets/css/jquery-ui.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('assets/css/bootstrap-datepicker.css');?>" /> <script src="<?php echo base_url('assets/js/jquery-ui.js');?>"></script> <script src="<?php echo base_url('assets/js/bootstrap-datepicker.js');?>"></script> <link rel="stylesheet" href="<?php echo base_url('assets/css/jquery.timepicker.min.css');?>" /> <script src="<?php echo base_url('assets/js/jquery.timepicker.min.js');?>"></script> <div class="content-wrapper"> <div class="content-header"> <div class="container-fluid"> <div class="row mb-2"> <div class="col-sm-6"> </div> <div class="col-sm-6"> <ol class="breadcrumb float-sm-right"> <li class="breadcrumb-item"><a href="#">HR</a></li> <li class="breadcrumb-item active"> Add Employee </li> </ol> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 grid-margin stretch-card"> <div class="card"> <div class="card-body"> <form id="emp_submit" enctype="multipart/form-data"> <div class="col-xs-12"> <input type="hidden" class="form-control" name="password" > <!-- PAGE CONTENT BEGINS --> <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;">Add Employee</span> </div> <div class="col-sm-9"> <button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="#impemployee">Upload</button> </div> <!--<div class="col-sm-6"></div> --> </div> <br> <h4><b>Basic Info</b></h4> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Employee ID<span style="color:red" ></span></label> <div class="col-sm-12 yes_form"> <?php if($e_id != "") { $value2 = $e_id->e_id; //str_pad($value2, 2, '0', STR_PAD_LEFT); $value3 = 01+$value2; if($value2 >= 1 && $value2 < 9) { ?> <input type="text" class="form-control" minlength="3" value="<?php echo "MMG-0".$value3;?>" name="employee_id" readonly> <input type="hidden" class="form-control" minlength="3" value="<?php echo $value3;?>" name="e_id" readonly> <?php } else { ?> <input type="text" class="form-control" minlength="3" value="<?php echo "MMG-".$value3;?>" name="employee_id" readonly> <input type="hidden" class="form-control" minlength="3" value="<?php echo $value3;?>" name="e_id" readonly> <?php } } else { ?> <input type="text" class="form-control" minlength="3" value="MMG-01" name="employee_id" readonly> <input type="hidden" class="form-control" minlength="3" value="1" name="e_id" readonly> <?php }?> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">First Name</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="first_name" pattern="[A-Za-z\s]{1,40}" required > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Last Name</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="last_name" pattern="[A-Za-z\s]{1,40}" required > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Gender</label> <div class="col-sm-12 yes_form"> <label>Male <input type="radio" name="gender" value="Male" ></label> <label>Female <input type="radio" name="gender" value="Female"></label> </div> </div> </div> <!--row--> <br> <br> <h4><b>Work</b></h4> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Department</label> <div class="col-sm-12 yes_form"> <select name="department_id" class="form-control department_id" > <option value="">Select</option> <?php foreach($dept_list as $dl){?> <option value="<?php echo $dl->id; ?>"><?php echo $dl->dept_name; ?></option> <?php } ?> </select> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Country</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="country" > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">State</label> <div class="col-sm-12 yes_form"> <select name="state" class="form-control" id="state" onchange="change_state();" > <option value="">Select</option> <?php foreach($states as $state){?> <option value="<?php echo $state->id; ?>"><?php echo $state->name; ?></option> <?php } ?> </select> <!-- <input type="text" class="form-control" name="state"> --> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">District</label> <div class="col-sm-12 yes_form"> <select class="form-control" name="district" id="district" > </select> <!-- <input type="text" class="form-control" name="district" > --> </div> </div> </div> <!--- row ---> <br> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Layout</label> <div class="col-sm-12 yes_form"> <select name="project" class="form-control project" > <option value="">Select</option> <?php foreach($layout_name as $layouts){?> <option value="<?php echo $layouts->id; ?>"><?php echo $layouts->layout_name; ?></option> <?php } ?> </select> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Reporting To</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="reporting_to" > <!-- <select name="reporting_to" class="form-control reporting_to" > <option value="">Select</option> <?php foreach($reporting_to as $report){?> <option value="<?php echo $report->project_id; ?>"><?php echo $proj->project_name; ?></option> <?php } ?> </select> --> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">E-Mail ID</label> <div class="col-sm-12 yes_form"> <input type="email" class="form-control" name="email_id" > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Date of Joining</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="date_of_joining" id="datepick1" > </div> </div> </div> <!-- row ---> <br> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Employee Status</label> <div class="col-sm-12 yes_form"> <select name="employee_status" class="form-control" > <option value="">Select</option> <option value="Active">Active</option> <option value="Terminated">Terminated</option> <option value="Deceased">Deceased</option> <option value="Resigned">Resigned</option> </select> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Phone</label> <div class="col-sm-12 yes_form"> <input type="tel" class="form-control" name="phone" pattern="^[0-9]+$" maxlength="10" > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Employee Type</label> <div class="col-sm-12 yes_form"> <select name="employee_type" class="form-control" id="employee_type" required> <option value="">Select</option> <option value="Permanent">Permanent</option> <option value="On_Contract">On Contract</option> <option value="Temporary">Temporary</option> <option value="Trainee">Trainee</option> </select> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3" id="leaves"> </div> </div> <!-- row ---> <br> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-4"> <label class="col-sm-12">Designation</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="role_id" > </div> </div> <div class="col-sm-12 col-xs-12 col-md-4"> <label class="col-sm-12">Login Time</label> <div class="row" style="padding-left: 15px;"> <div class="col-sm-8 yes_form"> <input type="text" class="form-control timepicker" name="login_time" id="login_time" > </div> <div class="col-sm-4 yes_form"> <select class="form-control " name="login_ampm" id="login_ampm" > <option value="am">am</option><option value="pm">pm</option></select> </div> </div> </div> <div class="col-sm-12 col-xs-12 col-md-4"> <label class="col-sm-12">Logout Time</label> <div class="row" style="padding-left: 15px;"> <div class="col-sm-8 yes_form"> <input type="text" class="form-control timepicker" name="logout_time" id="logout_time" readonly > </div> <div class="col-sm-4 yes_form"> <!-- <select class="form-control" name="logout_ampm" id="logout_ampm" > <option value="am">am</option><option value="pm">pm</option></select> --> <input type="text" class="form-control logout_ampm" name="logout_ampm" id="logout_ampm" readonly > </div> </div> </div> </div> <!--- row ---> <br> <br> <h4><b>Bank Details</b></h4> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">IFSC Code</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="ifsc_code" > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Bank Name</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="bank_name" > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Account Number</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="account_no" > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Upload Bank Details</label> <div class="col-sm-12 yes_form"> <input type="file" class="form-control" name="bank_detail" > </div> </div> </div> <br> <br> <h4><b>Tax Details</b></h4> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">ESI No<span style="color:red">*</span></label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control esi_number" name="esi_number" > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">ESI Date of joining</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control esi_date_of_joining" name="esi_date_of_joining" id="datepick4"> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">PF No<span style="color:red">*</span></label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control pf_number" name="pf_number" > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">PF Date of joining</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control pf_date_of_joining" name="pf_date_of_joining" id="datepick5"> </div> </div> </div> <!-- row ---> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">UAN No<span style="color:red">*</span></label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control uan_number" name="uan_number" > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">UAN Date of joining</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control uan_date_of_joining" name="uan_date_of_joining" id="datepick6"> </div> </div> </div> <br> <br> <h4><b>Personal</b></h4> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Pan Number</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="pan_no" required=""> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Upload Pan Card</label> <div class="col-sm-12 yes_form"> <input type="file" class="form-control" name="pan_upload" required=""> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Aadhar Number</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="aadhar_no" required=""> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Upload Aadhar Card</label> <div class="col-sm-12 yes_form"> <input type="file" class="form-control" name="aadhar_upload" required=""> </div> </div> </div> <br> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Permanent Address</label> <div class="col-sm-12 yes_form"> <textarea class="form-control" rows ="2" name="address" required=""></textarea> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Residential Address</label> <div class="col-sm-12 yes_form"> <textarea class="form-control" rows ="2" name="residential_address" required=""></textarea> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Personal E-Mail ID</label> <div class="col-sm-12 yes_form"> <input type="email" class="form-control" name="personal_email_id" required=""> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Date of Birth</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="date_of_birth" id="datepick2" required=""> </div> </div> </div> <!-- row ---> <br> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Marital Status :</label> <div class="col-sm-12 yes_form"> <label>Single <input type="radio" name="marital_status" value="Single" ></label> <label>Married <input type="radio" name="marital_status" value="Married" ></label> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Upload Profile Picture</label> <div class="col-sm-12 yes_form"> <input type="file" class="form-control" name="profile" required=""> </div> </div> </div> <!-- row ---> <br> <br> <h4><b>Summary</b></h4> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Job Description :</label> <div class="col-sm-12 yes_form"> <textarea class="form-control" rows ="2" name="job_description" ></textarea> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">About Me :</label> <div class="col-sm-12 yes_form"> <textarea class="form-control" rows ="2" name="about_me" ></textarea> </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Date of Exit</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="date_of_exit" id="datepick3" > </div> </div> <div class="col-sm-12 col-xs-12 col-md-3"> <label class="col-sm-12">Password</label> <div class="col-sm-12 yes_form"> <input type="text" class="form-control" name="password" > </div> </div> </div> <br> <br> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <div class="col-sm-12 col-md-2"> </div> <div class="col-sm-7"></div> <div class="col-sm-3"> <button type="submit" class="btn btn-primary ">Save</button> <button type="reset" class="btn btn-secondary cancel">Cancel</button> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="modal fade" id="impemployee" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true"> <div class="modal-dialog modal-md" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="ModalLabel">Upload Employee Details</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form class="forms-sample import_data" enctype="multipart/form-data"> <div class="modal-body"> <div class="form-group"> <input type="file" name="employee_data" class="form-control"> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary submit1">Upload</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </form> </div> </div> </div> <style type="text/css"> .content-wrapper { max-width: 1460px !important; } .row-form { width:100%; } #emp_submit label{ padding-top: 20px; } .yes_form label{ padding-top: 8px !important; } .form-control{ height: 2.5rem !important; } </style> <script type="text/javascript"> $('.cancel').click(function(){ window.location = '<?php echo site_url("employee-list")?>'; }); $('#datepick1').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('#datepick1').datepicker('hide'); }); $('#datepick2').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('#datepick2').datepicker('hide'); }); $('#datepick3').datepicker({ startDate: new Date(), format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('#datepick3').datepicker('hide'); }); $('#datepick4').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('#datepick4').datepicker('hide'); }); $('#datepick5').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('#datepick5').datepicker('hide'); }); $('#datepick6').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('#datepick6').datepicker('hide'); }); $('input:radio[name="marital_status"]').change(function() { var con=''; if ($(this).val() == 'Single') { con += '<label class="col-sm-4">Father\'s Name</label>'; con += '<div class="col-sm-8 yes_form">'; con += '<input type="text" class="form-control" name="father_name">'; con += '</div>'; } else { con += '<label class="col-sm-4">Husband/wife\'s Name</label>'; con += '<div class="col-sm-8 yes_form">'; con += '<input type="text" class="form-control" name="husband_name">'; con += '</div>'; } $('.status').empty(); $('.status').append(con); }); $("#employee_type").change(function(){ var select = $('#employee_type option:selected').val(); //alert(select); var con = ''; if(select == "Permanent" || select == "On_Contract") { con += '<div class="row">'; con += '<div class="col-sm-4">'; con += '<label>CL</label>'; con += '<div class="yes_form">'; con += '<input type="text" class="form-control" name="cl">'; con += '</div>'; con += '</div>'; con += '<div class="col-sm-4">'; con += '<label>ML</label>'; con += '<div class="yes_form">'; con += '<input type="text" class="form-control" name="ml">'; con += '</div>'; con += '</div>'; con += '</div>'; } else { $("#employee_type").val(); } $('#leaves').empty(); $('#leaves').append(con); }); function change_state() { var id=$('#state option:selected').val(); $.ajax({ type:'post', url:'<?php echo site_url('fetch-state-id');?>', data:{"state_id":id}, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { var con=''; con+='<option value="">select</option>'; $.each( response.message, function( key, value ) { con+='<option value="'+value.id+'">'+value.name+'</option>'; }); $('#district').empty(); $('#district').append(con); } else { toastr["error"](response.message); } } }); } $('#login_time').focusout(function(){ var login = $('#login_time').val(); var login_time = login.split(':'); var login_hr = parseInt(login_time[0]); var login_min = login_time[1]; var login_sec = login_time[2]; var logout = parseInt(login_hr+9); if(login_hr == 0) { var logout_hr = logout; } else { var logout_hr = parseInt(logout-12); } var logout_time = logout_hr+':'+login_min+':'+login_sec; $('#logout_time').val(logout_time); var login_session = $('#login_ampm option:selected').val(); if(login_session == 'am') { $('#logout_ampm').val('pm'); } else { $('#logout_ampm').val('am'); } }); $('#login_ampm').change(function() { var login_session = $('#login_ampm option:selected').val(); if(login_session == 'am') { $('#logout_ampm').val('pm'); } else { $('#logout_ampm').val('am'); } }) $('#emp_submit').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); swal({ title: "Are you sure?", text: "You want to Save this?", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes!", cancelButtonText: "No, cancel plz!", closeOnConfirm: false, closeOnCancel: false }, function(isConfirm){ if (isConfirm) { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); $.ajax({ type : 'post', url : "<?php echo site_url('add-new-employee');?>", data : formdata, contentType: false, processData: false, success:function(response) { response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { toastr["success"](response.message); setTimeout(function wait(){ window.location = '<?php echo site_url("employee-list")?>'; }, 1000); } else { toastr["error"](response.message); } } }); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); }); $('.import_data').submit(function(e){ e.preventDefault(); $(".submit1").attr('disabled', 'disabled'); $(".submit1").text("Uploading..."); formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url('Employee-Info-Import');?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { //alert(); $('.import_data')[0].reset(); $(".submit1").text("Upload"); $("#impemployee").modal("hide"); toastr["success"](response.message); setTimeout(function wait(){ window.location = '<?php echo site_url("employee-list")?>'; }, 1000); } else { $('.import_data')[0].reset(); toastr["error"](response.message); $(".submit1").text("Upload"); $(".submit1").removeAttr('disabled'); } } }); }); </script> <script> $(document).ready(function(){ $('input.timepicker').timepicker({ timeFormat: 'HH:mm:ss', // year, month, day and seconds are not important minTime: new Date(0, 0, 0, 8, 0, 0), maxTime: new Date(0, 0, 0, 12, 0, 0), // time entries start being generated at 6AM but the plugin // shows only those within the [minTime, maxTime] interval startHour: 6, // the value of the first item in the dropdown, when the input // field is empty. This overrides the startHour and startMinute // options startTime: new Date(0, 0, 0, 8, 00, 0), // items in the dropdown are separated by at interval minutes interval: 5 }); }); </script> <?php $this->load->view('includes/footer.php')?>