EVOLUTION-NINJA
Edit File: add_new_employee.php
<?php $this->load->view('includes/admin_header');?> <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header" style="background-color:#1E7AD7;color:white;"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Department Details</h4> </div> <div class="modal-body"> <div class="row"> <div class=" col-sm-12 col-xs-12 col-md-12"> <label class="col-sm-4">Department Name</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required"> </div> </div> </div> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-12"> <label class="col-sm-4">E-Mail ID</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control" minlength="3" pattern="^[a-zA-Z\s]*$" name="name"> </div> </div> </div> <div class="row"> <div class="col-sm-12 col-md-12 col-xs-12"> <label class="col-sm-4">Department Lead</label> <div class="col-sm-8 yes_form"> <select class="form-control"> <option>Select</option> <option value="test">test</option> <option value="test1">test1</option> <option value="test2">test2</option> </select> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <label class="col-sm-4">Parent Department</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" > </div> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <button class="btn btn-primary fa fa-plus-circle fa-1x" ></button> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default">Submit</button> <button type="button" class="btn btn-default" >Submit & New</button> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div><!--modal end---> <!-- Modal --> <div class="modal fade" id="myModal1" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header" style="background-color:#1E7AD7;color:white;"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Destignation Details</h4> </div> <div class="modal-body"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <label class="col-sm-4">Destignation Name</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" > </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <label class="col-sm-4">E-Mail ID</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" > </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default btn-sm">Submit</button> <button type="button" class="btn btn-default btn-sm" >Submit & New</button> <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Close</button> </div> </div> </div> </div><!--modal two end----> <div class="page-content"> <div class="row"> <div class="col-xs-12"> <!-- 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;">New Employee</span> </div> </div> <h4><b>Basic Info</b></h4> <form class="emp_submit" enctype="multipart/form-data"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Employee ID</label> <div class="col-sm-8 yes_form"> <?php if($e_id != ""){?> <input type="text" class="form-control employee_id" minlength="3" value="<?php echo $e_id->emp_id+1;?>" name="employee_id" readonly> <?php } else { ?> <input type="text" class="form-control employee_id" minlength="3" value="01" name="employee_id" readonly> <?php }?> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">First Name</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control first_name" name="first_name" pattern="[a-zA-Z][a-zA-Z0-9\s]*" > </div> </div> </div> <!-- row 1--> <div class="row"> <div class="col-sm-12 col-md-6 col-xs-12"> <label class="col-sm-4 ">Last Name</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control last_name" pattern="[a-zA-Z][a-zA-Z0-9\s]*" name="last_name" > </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">E-Mail ID</label> <div class="col-sm-8 yes_form"> <input type="email" class="form-control email_id" name="email_id" > </div> </div> </div><!-- row 2--> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Nick Name</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control nick_name" pattern="[a-zA-Z][a-zA-Z0-9\s]*" name="nick_name" > </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <!-- <label class="col-sm-4">Designation</label> <div class="col-sm-8 yes_form"> <select name="designation_id" class="form-control designation_id" required="required"> <option value="">Select</option> <?php foreach($designation_list as $dl){?> <option value="<?php echo $dl->designation_id; ?>"><?php echo $dl->designation_name; ?></option> <?php } ?> </select> </div> --> </div> </div> <!-- row 3--> <h4><b>Work</b></h4> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Department</label> <div class="col-sm-8 yes_form"> <select name="department_id" class="form-control department_id" required="required"> <option value="">Select</option> <?php foreach($dept_list as $dl){?> <option value="<?php echo $dl->department_id; ?>"><?php echo $dl->department_name; ?></option> <?php } ?> </select> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Location</label> <div class="col-sm-8 yes_form"> <select name="location" class="location" > <option value="">Select</option> <option value="Mysore">Mysore</option> <option value="Bangalore">Bangalore</option> <option value="Mangalore">Mangalore</option> </select> </div> </div> </div> <!-- row 4--> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4 col-md-4">Reporting To</label> <div class="col-sm-8 yes_form"> <select name="reporting_to" class="form-control reporting_to" > <option value="">Select</option> <option value="HR">HR</option> <option value="Project Manager">Project Manager</option> <option value="Team Lead">Team Lead</option> </select> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Title : </label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control title" pattern="[a-zA-Z][a-zA-Z0-9\s]*" name="title" > </div> </div> </div> <!-- row 5--> <div class="row row-form"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4 col-md-4 ">Source of hire</label> <div class="col-sm-8 yes_form"> <select name="source_of_hire" class="form-control source_of_hire" required="required"> <option value="">Select</option> <option value="HR">HR</option> <option value="Project Manager">Project Manager</option> <option value="Team Lead">Team Lead</option> </select> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Date of Joining</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control date_of_joining" name="date_of_joining" id="datepick1" > </div> </div> </div> <!-- row 6--> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Seating Location</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control seating_location" name="seating_location" > </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Employee Status</label> <div class="col-sm-8 yes_form"> <select name="employee_status" class="form-control employee_status" required="required"> <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> <!-- row 7--> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Work Phone</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control work_phone" pattern="^[0-9\-\+\s\(\)]*$" name="work_phone" > </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Employee Type</label> <div class="col-sm-8 yes_form"> <select name="employee_type" class="form-control employee_type" required="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> <!-- row 8--> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Extension</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control extension" name="extension"> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Role</label> <div class="col-sm-8 yes_form"> <select name="role_id" class="role_id form-control"> <option value="">Select</option> <?php foreach($roles_list_admin as $dl){?> <option value="<?php echo $dl->role_id; ?>"><?php echo $dl->role_name;?></option> <?php } ?> </select> </div> </div> </div> <!-- row 9--> <h4><b>Personal</b></h4> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Pan Number</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control pan_no" name="pan_no"> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4 ">Date of Birth</label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control dob date_of_birth" name="date_of_birth" id="datepick2" > </div> </div> </div> <!-- row 10--> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4"> Address</label> <div class="col-sm-8 yes_form"> <textarea class="form-control address" rows ="2" name="address"></textarea> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4 ">Residential Address</label> <div class="col-sm-8 yes_form"> <textarea class="form-control residential_address" rows ="2" name="residential_address"></textarea> </div> </div> </div> <!-- row 11--> <div class="row row-form"> <!-- <div class="form-group col-sm-12 col-md-6"> <label class="col-sm-4">Date of Birth</label> <input type="text" class="form-control col-sm-8 date" name="date"> </div> --> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4"> Marital Status :</label> <div class="col-sm-3"> <label>Single</label> <input type="radio" name="marital_status" value="Single" style="width:50% !important;"> </div> <div class="col-sm-3"> <label>Married</label> <input type="radio" name="marital_status" value="Married" style="width:40% !important;"> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Documents</label> <div class="col-sm-8 yes_form" style="display: flex; align-items: center; gap: 10px;"> <input type="file" class="form-control extension" name="doc[]" id="more-files-upload" multiple> <span class="input-group-text plus" style="cursor: pointer;"> <i class="fa fa-plus-square-o" aria-hidden="true" id="add-more-file"></i> </span> </div> <div id="file-add-div"></div> </div> </div> <!-- row 12--> <h4><b>Summary</b></h4> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Job Description :</label> <div class="col-sm-8 yes_form"> <textarea class="form-control job_description" pattern="[a-zA-Z][a-zA-Z0-9\s]*" rows ="2" name="job_description"></textarea> </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4 ">About Me :</label> <div class="col-sm-8 yes_form"> <textarea class="form-control about_me" pattern="[a-zA-Z][a-zA-Z0-9\s]*" style="width:60%" rows ="3" name="about_me"></textarea> </div> </div> </div> <!-- row 13--> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4 col-md-4">Date of Exit </label> <div class="col-sm-8 yes_form"> <input type="text" class="form-control dob date_of_exit" name="date_of_exit" id="datepick" > </div> </div> <div class="col-xs-12 col-sm-12 col-md-6"> <label class="col-sm-4">Gender</label> <div class="col-sm-3"> <label>Male</label> <input type="radio" name="gender" value="Male" style="width:50% !important;"> </div> <div class="col-sm-3"> <label>Female</label> <input type="radio" name="gender" value="Female" style="width:40% !important;"> </div> </div> </div><!--row 14--> <h4><b>Work experience</b></h4> <div class="row" style="margin-bottom:5px;"> <div class="col-sm-12 col-md-12 col-xs-12"> <button class="btn add_new btn-sm pull-right" type="button" id="menu1">Add Row</button> </div> </div> <div class="row"> <div class="col-sm-12 table-responsive"> <table class="table" border="1"> <thead> <th>Previous Company Name</th> <th>Job Title</th> <th>From Date</th> <th>To Date</th> <th>Job Description</th> <th>Remove</th> </thead> <tbody id="tbody"> <tr> </tr> </tbody> <!-- <tbody id="tbody"> <tr contenteditable class="remove"> <td class="pre_com_name" ></td> <td class="job_title" ></td> <td class="from_date" ></td> <td class="to_date" ></td> <td class="work_job_description" ></td> <td><button class="btn add_new_remove" type="button" id="menu1">Remove Row</button></td> </tr> </tbody> --> </table> </div> </div> <!--work exp--> <h4><b>Education</b></h4> <div class="row" style="margin-bottom:5px;"> <div class="col-sm-12 col-xs-12 col-md-12"> <button class="btn add_new1 btn-sm pull-right" type="button" id="menu1">Add Row</button> </div> </div> <div class="row"> <div class="col-sm-12 table-responsive"> <table class="table" border="1"> <thead> <th>College Name</th> <th>Diploma/Degree</th> <th>Fields of study</th> <th>Date of completion</th> <th>Additional Notes</th> <th>Interests</th> <th>Aggregate</th> <th>Upload</th> <th>remove</th> </thead> <tbody id="tbody1"> <tr> </tr> </tbody> </table> </div> </div><!--education--> <h4><b>Dependent</b></h4> <div class="row" style="margin-bottom:5px;"> <div class="col-sm-12 col-xs-12 col-md-12"> <button class="btn add_new2 btn-sm pull-right" type="button" id="menu1">Add Row</button> </div> </div> <div class="row"> <div class="col-sm-12 table-responsive"> <table class="table" border="1"> <thead> <th>Name</th> <th>Relationship</th> <th>Date of birth</th> <th>remove</th> </thead> <tbody id="tbody2"> <tr> </tr> </tbody> </table> </div> </div><!--Department--> <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;"> <div class="col-sm-12"> <button type="submit" class="btn btn-sm pull-right">Submit</button> <!-- <button type="submit" onclick="print();" class="btn btn-sm pull-right">print</button>--> <!-- <button type="button" class="btn">Submit & New</button> --> <!-- <button type="button" class="btn">Cancel</button> --> </div> </div> </form> </div> <!-- form End--> <div id="print_div" style="display:none;"></div> <!--- col-sm-8 --> <div class="col-sm-0 col-md-1"> </div> </section> <!--- section 2 --> </div> <!-- PAGE CONTENT ENDS --> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <!-- basic scripts --> <!--[if !IE]> --> <!-- <script src="<?php echo base_url('admin_assets/assets/js/jquery-2.1.4.min.js');?>"></script> --> <!-- <![endif]--> <!--[if IE]> <script src="assets/js/jquery-1.11.3.min.js"></script> <![endif]--> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>"); </script> <!-- <script src="<?php echo base_url('admin_assets/assets/js/bootstrap.min.js');?>"></script> --> <!-- page specific plugin scripts --> <!-- ace scripts --> <script src="<?php echo base_url('admin_assets/assets/js/ace-elements.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/ace.min.js');?>"></script> <!-- inline scripts related to this page --> </body> </html> <style type="text/css"> .yes_form input{ width:100% !important; border:none !important; border-bottom:1px solid gray !important; margin-bottom:5%; } .yes_form select{ width:100% !important; border:none !important; border-bottom:1px solid gray !important; margin-bottom:5%; } .yes_form textarea{ width:100% !important; border:none !important; border-bottom:1px solid gray !important; margin-bottom:5%; } </style> <link rel="stylesheet" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <link rel="stylesheet" href="<?php echo base_url('admin_assets/css/datepicker3.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('admin_assets/css/fullcalendar.min.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('admin_assets/assets/css/bootstrap-timepicker.min.css');?>" /> <script src="<?php echo base_url('admin_assets/assets/js/bootstrap-timepicker.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/event/assets/js/chart.min.js');?>"></script> <!-- <script src="<?php echo base_url('admin_assets/event/assets/js/chart-data.js');?>"></script> --> <script src="<?php echo base_url('admin_assets/event/assets/js/bootstrap-datepicker.js');?>"></script> <script src="<?php echo base_url('admin_assets/event/assets/js/moment.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/event/assets/js/fullcalendar.min.js');?>"></script> <script> $('#datepick').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('#datepick').datepicker('hide'); }); $('#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'); }); </script> <script type="text/javascript"> $(document).ready(function(){ $('.emp_submit').submit(function(e){ e.preventDefault(); formdata = new FormData($(this)[0]); $.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) { window.location.href = '<?php echo site_url('yaskawa/employees_list');?>'; toastr["success"](response.message); // $('.emp_submit')[0].reset(); // //$(".lead_submit").text("Submit"); // //$(".lead_submit").removeAttr('disabled'); } // else if(response.result == 2) // { // toastr["error"](response.message); // //$(".lead_submit").text("Submit"); // //$(".lead_submit").removeAttr('disabled'); // } // else // { // toastr["error"](response.message); // //$(".lead_submit").text("Submit"); // //$(".lead_submit").removeAttr('disabled'); // } } }); }); }); $('.email_id').focusout(function(){ var email = $('.email_id').val(); $.ajax({ type : 'post', url : '<?php echo site_url("verify-employee-email")?>', data : {'email':email}, // contentType: false, // processData: false, success:function(response){ resp=jQuery.parseJSON(response); console.log(response); if(resp.result == 1) { alert("Email-Id already exists..Try another..!"); $('.email_id').val(''); //location.reload(); } else { //alert("Something went wrong..Try again"); } } }); }); </script> <script type="text/javascript"> // Insert new row $(".add_new").click(function () { var content = ''; content += '<tr>'; content += '<td ><input type="text" class="pre_com_name" name="pre_com_name[]"></td>'; content += '<td ><input type="text" class="job_title" name="job_title[]"></td>'; content += '<td ><input type="text" id="from_date" class="from_date" name="from_date[]"></td>'; content += '<td ><input type="text" id="to_date" class="to_date" name="to_date[]"></td>'; content += '<td ><input type="text" class="work_job_description" name="work_job_description[]"></td>'; content += '<td><a class="remove_amount" href="javascript:void(0);"><i class="fa fa-trash fa-2x" ></i></a></td>'; content += '</tr>'; $("#tbody").append(content); $('.from_date').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('#datepick').datepicker('hide'); }); $('.to_date').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('#datepick').datepicker('hide'); }); }); //Remove row $(document).on('click','.remove_amount',function(){ $(this).closest('tr').remove(); }); </script> <script type="text/javascript"> var i=0; $(document).on('click','.add_new1',function(){ var content = ''; content += '<tr>'; content += '<td ><input type="text" class="school_name" name="school_name[]"></td>'; content += '<td ><input type="text" class="diplamo_degree" name="diplamo_degree[]"></td>'; content += '<td ><input type="text" class="field_of_study" name="field_of_study[]"></td>'; content += '<td ><input type="text" class="date_of_completion" name="date_of_completion[]"></td>'; content += '<td ><input type="text" class="additional_notes" name="additional_notes[]"></td>'; content += '<td ><input type="text" class="interests" name="interests[]"></td>'; content += '<td ><input type="text" class="aggregate" name="aggregate[]"></td>'; content += '<td ><input type="file" multiple="" class="file_upload" name="file_upload'+i+'[]"></td>'; content += '<td><a class="remove_amount1" href="javascript:void(0);"><i class="fa fa-trash fa-2x" ></i></a></td>'; content += '</tr>'; $("#tbody1").append(content); $('.date_of_completion').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('#datepick').datepicker('hide'); }); i++; }); //Remove row $(document).on('click','.remove_amount1',function(){ $(this).closest('tr').remove(); }); </script> <script type="text/javascript"> $(".add_new2").click(function () { var content = ''; content += '<tr>'; content += '<td ><input type="text" class="dependent_name" name="dependent_name[]"></td>'; content += '<td ><input type="text" class="dependent_relationship" name="dependent_relationship[]"></td>'; content += '<td ><input type="text" class="dependent_dob" name="dependent_dob[]"></td>'; content += '<td><a class="remove_amount2" href="javascript:void(0);"><i class="fa fa-trash fa-2x" ></i></a></td>'; content += '</tr>'; $("#tbody2").append(content); $('.dependent_dob').datepicker({ format: "dd-mm-yyyy", }).on('changeDate', function(ev){ $('#datepick').datepicker('hide'); }); }); //Remove row $(document).on('click','.remove_amount2',function(){ $(this).closest('tr').remove(); }); $('#from_date').on('change', function(){ var date = $(this).val(); $('#to_date').datepicker({ dateFormat: 'dd-mm-yy', minDate: date, }); }); </script> <style> p{ margin:5px 0px; line-height:1.6; } </style> <script> let moreFile= document.querySelector("#add-more-file"); let fileDiv= document.querySelector("#file-add-div"); moreFile.addEventListener("click", function () { var inputContainer = document.createElement('div'); inputContainer.style.marginLeft="230px"; inputContainer.style.marginRight="30px"; var newInput = document.createElement('input'); newInput.classList.add('form-control','extension'); newInput.style.marginLeft = '400px !important'; newInput.type = 'file'; newInput.name = 'doc[]'; var removeIcon = document.createElement('i'); removeIcon.classList.add('fa', 'fa-minus-square', 'remove-file-icon'); removeIcon.style.marginLeft = '15px'; removeIcon.style.marginRight = '15px'; removeIcon.style.marginTop = '15px'; removeIcon.addEventListener("click", function () { fileDiv.removeChild(inputContainer); }); inputContainer.appendChild(newInput); inputContainer.appendChild(removeIcon); fileDiv.appendChild(inputContainer); }); </script> <?php $this->load->view('includes/admin_footer');?>