PootisPenserHere/payroll_manager
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

[add] New employee form layout

Browse Source
This commit is contained in:
Jose Pabl Domingo Aramburo Sanchez 2018-08-12 14:39:47 -06:00
parent b829f09330
commit 54ef088fe0
3 changed files with 110 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
api-payroll/public/html/NewEmployee.php
View File

@ -1,13 +1,14 @@
<script src="../js/NewEmployee.js"></script> <script src="../js/NewEmployee.js"></script>
<script src="../js/getBaseUrl.js"></script>
<form class="form-horizontal" id="newEmployeeForm"> <form class="form-horizontal" id="newEmployeeForm">
<div class="col-md-12">
<div class="col-md-12"> <div class="col-md-12">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="panel-title">New employee</h3> <h3 class="panel-title">New employee</h3>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div class="col-md-6">
<div class="row"> <div class="row">
<div class="form-group"> <div class="form-group">
<label class="col-md-4 control-label" for="newEmployeeFirstName">First name</label> <label class="col-md-4 control-label" for="newEmployeeFirstName">First name</label>
@ -20,17 +21,71 @@
<div class="form-group"> <div class="form-group">
<label class="col-md-4 control-label" for="newEmployeeMiddleName">Middle name</label> <label class="col-md-4 control-label" for="newEmployeeMiddleName">Middle name</label>
<div class="col-md-5"> <div class="col-md-5">
<input id="newEmployeeMiddleName" name="newEmployeeMiddleName" type="number" class="form-control input-md"> <input id="newEmployeeMiddleName" name="newEmployeeMiddleName" type="text" class="form-control input-md">
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-12">
<div class="row"> <div class="row">
<div class="form-group"> <div class="form-group">
<a href="#" class="btn btn-lg btn-success" onclick="saveNewEmployee();">Save</a> <label class="col-md-4 control-label" for="newEmployeeLastName">Last name</label>
<div class="col-md-5">
<input id="newEmployeeLastName" name="newEmployeeLastName" type="text" class="form-control input-md">
</div> </div>
</div> </div>
</div> </div>
<div class="row">
<div class="form-group">
<label class="col-md-4 control-label" for="newEmployeeBirthDate">Birth date</label>
<div class="col-md-5">
<input id="newEmployeeBirthDate" name="newEmployeeBirthDate" type="text" class="form-control input-md">
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="form-group">
<label class="col-md-4 control-label" for="newEmployeeEmail">Email</label>
<div class="col-md-5">
<input id="newEmployeeEmail" name="newEmployeeEmail" type="text" class="form-control input-md">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<label class="col-md-4 control-label" for="newEmployeePhone">Phone</label>
<div class="col-md-5">
<input id="newEmployeePhone" name="newEmployeePhone" type="text" class="form-control input-md">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<label class="col-md-4 control-label" for="employeeType">Rol</label>
<div class="col-md-5">
<select class="form-control input-md" name="employeeType" id="employeeType">
<option>Employee type</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<label class="col-md-4 control-label" for="contractType">Contract type</label>
<div class="col-md-5">
<select class="form-control input-md" name="contractType" id="contractType">
<option>Contract type</option>
<option value="INTERNO">interno</option>
<option value="EXTERNO">Externo</option>
</select>
</div>
</div>
</div>
</div>
<div class="row col-md-offset-6">
<div class="form-group">
<a href="#" class="btn btn-lg btn-success " onclick="saveNewEmployee();">Create</a>
</div>
</div> </div>
</div> </div>
</div> </div>

42
api-payroll/public/js/NewEmployee.js
View File

@ -1,3 +1,45 @@
/**
* Bootstrapping the starting actions for the module
*/
$(document).ready(function(){
loadEmployeeTypes();
});
/**
* 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){
$('#employeeType').append(
'<option value="' + v.id + '">'+ v.name + '</option>'
);
});
},
error:function(x,e) {
if (x.status==0) {
$('#modal_error_internet').modal('show');
} else if(x.status==404) {
$('#modal_error_404').modal('show');
} else if(x.status==500) {
$('#modal_error_500').modal('show');
} else if(e=='parsererror') {
$('#modal_error_parsererror').modal('show');
} else if(e=='timeout'){
$('#modal_error_timeout').modal('show');
} else {
$('#modal_error_otro').modal('show');
}
},
});
}
function saveNewEmployee(){ function saveNewEmployee(){
console.log('saving...'); console.log('saving...');
} }

4
api-payroll/public/js/login.js
View File

@ -16,9 +16,9 @@ $(document).keypress(function(e) {
* display errors to the user * display errors to the user
*/ */
function processLogin() { function processLogin() {
var baseUrl = getbaseUrl(); let baseUrl = getbaseUrl();
var parameters = { let parameters = {
"userName":$('#userName').val(), "userName":$('#userName').val(),
"password":$('#password').val() "password":$('#password').val()
}; };