From b0a19c6daad755a543603b30a4c6484bf0685d93 Mon Sep 17 00:00:00 2001 From: Jose Pabl Domingo Aramburo Sanchez Date: Sun, 12 Aug 2018 22:55:00 -0600 Subject: [PATCH] [add] Loading employee data --- api-payroll/public/html/editEmployee.php | 43 +++++--- api-payroll/public/js/editEmployee.js | 135 ++++++++++++++++++++++- 2 files changed, 158 insertions(+), 20 deletions(-) diff --git a/api-payroll/public/html/editEmployee.php b/api-payroll/public/html/editEmployee.php index a8a311b..127bb48 100644 --- a/api-payroll/public/html/editEmployee.php +++ b/api-payroll/public/html/editEmployee.php @@ -20,59 +20,68 @@
- +
- +
- +
- +
- +
- +
- +
- + +
+
+
+
+
+ +
+
+
- +
- +
- +
- +
- +
-
@@ -80,9 +89,9 @@
- +
- @@ -93,7 +102,7 @@
- Create + Create
diff --git a/api-payroll/public/js/editEmployee.js b/api-payroll/public/js/editEmployee.js index a395ab9..abae2a8 100644 --- a/api-payroll/public/js/editEmployee.js +++ b/api-payroll/public/js/editEmployee.js @@ -4,6 +4,8 @@ $(document).ready(function(){ let baseUrl = getbaseUrl(); + loadEmployeeTypes(); + // Setting up bloodhound typeahead let employeesList = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace("name"), @@ -29,7 +31,7 @@ $(document).ready(function(){ $("#editEmploySearch").typeahead({ hint: true, highlight: true, - minLength: 1 + minLength: 3 }, { name: "result", @@ -37,6 +39,133 @@ $(document).ready(function(){ source: employeesList.ttAdapter() }).bind("typeahead:selected", function(obj, datum, name) { $(this).data("id", datum.code); - console.log(datum.code); + loadEmployeeData(datum.code); }); -}); \ No newline at end of file +}); + +/** + * Loads the the enmployee types into their select option + */ +function loadEmployeeTypes(){ + let baseUrl = getbaseUrl(); + + $.ajax({ + url: baseUrl + '/api/employee/types', + type: 'GET', + dataType: 'json', + success:function(data){ + $(data).each(function(i,v){ + $('#editEmployeeType').append( + '' + ); + }); + }, + error:function(x,e) { + let responseText = $.parseJSON(x["responseText"]); + + if (x.status==0) { + $('#modalErrorInternetConnection').modal('show'); + } else if(x.status==404) { + $('#modalError404').modal('show'); + } else if(x.status==500) { + $('#modalServerResponseError').modal('show'); + document.getElementById('modalResponseError').innerHTML = responseText['message']; + } else if(e=='parsererror') { + $('#modalErrorParsererror').modal('show'); + } else if(e=='timeout'){ + $('#modalErrorTimeout').modal('show'); + } else { + $('#modalErrorOther').modal('show'); + } + }, + }); +} + +/** + * Searches the employee data by its employee code and loads it + * into the form to be edited and updated + * + * @param code string + */ +function loadEmployeeData(code){ + let baseUrl = getbaseUrl(); + + $.ajax({ + url: baseUrl + '/api/employee/code/' + code, + type: 'GET', + dataType: 'json', + success:function(data){ + $('#editEmployeeFirstName').val(data['firstName']); + $('#editEmployeeMiddleName').val(data['middleName']); + $('#editEmployeeLastName').val(data['lastName']); + $('#editEmployeeBirthDate').val(data['birthDate']); + $('#editEmployeeCode').val(data['code']); + $('#editEmployeeEmail').val(data['email']); + $('#editEmployeePhone').val(data['phone']); + $('#editEmployeeType').val(data['idEmployeeType']); + $('#editEmployeeContractType').val(data['contractType']); + }, + error:function(x,e) { + let responseText = $.parseJSON(x["responseText"]); + + if (x.status==0) { + $('#modalErrorInternetConnection').modal('show'); + } else if(x.status==404) { + $('#modalError404').modal('show'); + } else if(x.status==500) { + $('#modalServerResponseError').modal('show'); + document.getElementById('modalResponseError').innerHTML = responseText['message']; + } else if(e=='parsererror') { + $('#modalErrorParsererror').modal('show'); + } else if(e=='timeout'){ + $('#modalErrorTimeout').modal('show'); + } else { + $('#modalErrorOther').modal('show'); + } + }, + }); +} + +function updateEmployee(){ + let baseUrl = getbaseUrl(); + + let parameters = { + "firstName":$('#newEmployeeFirstName').val(), + "middleName":$('#newEmployeeMiddleName').val(), + "lastName":$('#newEmployeeLastName').val(), + "birthDate":$('#newEmployeeBirthDate').val(), + "email":$('#newEmployeeEmail').val(), + "phone":$('#newEmployeePhone').val(), + "idEmployeeType":$('#newEmployeeType').val(), + "contractType":$('#NewEmpployyContractType').val() + }; + + $.ajax({ + url: baseUrl + '/api/employee', + type: 'POST', + dataType: 'json', + data: parameters, + success:function(data){ + $('#modalServerResponseSuccess').modal('show'); + document.getElementById('serverResponseSuccess').innerHTML = 'The employee ' + data['fullName'] + ' has been created with the code ' + data['employeeCode']; + }, + error:function(x,e) { + let responseText = $.parseJSON(x["responseText"]); + + if (x.status==0) { + $('#modalErrorInternetConnection').modal('show'); + } else if(x.status==404) { + $('#modalError404').modal('show'); + } else if(x.status==500) { + $('#modalServerResponseError').modal('show'); + document.getElementById('modalResponseError').innerHTML = responseText['message']; + } else if(e=='parsererror') { + $('#modalErrorParsererror').modal('show'); + } else if(e=='timeout'){ + $('#modalErrorTimeout').modal('show'); + } else { + $('#modalErrorOther').modal('show'); + } + }, + }); +} \ No newline at end of file