diff --git a/src/main/webapp/js/view/people.js b/src/main/webapp/js/view/people.js
index 90e525f9089f9c9fe43a966718e2156da53f96c5..4df6276aa878019c61336de62825849627d319ec 100644
--- a/src/main/webapp/js/view/people.js
+++ b/src/main/webapp/js/view/people.js
@@ -4,6 +4,7 @@ var PeopleView = (function() {
// Referencia a this que permite acceder a las funciones públicas desde las funciones de jQuery.
var self;
+ var selfpets;
var formId = 'people-form';
var listId = 'people-list';
@@ -239,7 +240,7 @@ var PeopleView = (function() {
var addPetListeners = function(pet) {
$('#pet-' + pet.id + ' a.editPet').click(function() {
petToForm(pet);
- $('input#btnSubmit').val('Modificar');
+ $('input#petsBtnSubmit').val('Modificar');
});
$('#pet-' + pet.id + ' a.deletePet').click(function() {
@@ -276,7 +277,7 @@ var PeopleView = (function() {
\
\
\
- \
+ \
\
'
);
@@ -298,6 +299,7 @@ var PeopleView = (function() {
}
var petToRow = function(pet) {
+ console.log(pet);
return '
\
| ' + pet.name + ' | \
' + pet.kind + ' | \
@@ -314,6 +316,7 @@ var PeopleView = (function() {
function petToForm(pet) {
var form = $(petsFormQuery);
+ console.log(pet.id);
form.find('input[name="petId"]').val(pet.id);
form.find('input[name="petName"]').val(pet.name);
form.find('input[name="kind"]').val(pet.kind);
@@ -329,7 +332,7 @@ var PeopleView = (function() {
Especie: \
Raza: \
Propietario: \
- \
+ \
\
'
);
@@ -346,35 +349,39 @@ var PeopleView = (function() {
};
};
+
function PetsView() {
- self = this;
+
+ selfpets = this;
this.init = function() {
petsForm();
$(petsFormQuery).submit(function(event) {
- var pet = self.getPetInForm();
- console.log(pet);
- if (self.isEditing()) {
+
+ var pet = selfpets.getPetInForm();
+
+ if (selfpets.isEditing()) {
pets.modifyPet(pet,
function(pet) {
$('#pet-' + pet.id + ' td.name').text(pet.name);
$('#pet-' + pet.id + ' td.kind').text(pet.kind);
$('#pet-' + pet.id + ' td.breed').text(pet.breed);
$('#pet-' + pet.id + ' td.owner').text(pet.owner);
- self.resetForm();
+ selfpets.resetForm();
},
showErrorMessage,
- self.enableForm
+ selfpets.enableForm
);
} else {
+ console.log("ola");
pets.addPet(pet,
function(pet) {
- self.resetForm();
+ selfpets.resetForm();
},
showErrorMessage,
- self.enableForm
+ selfpets.enableForm
);
}
@@ -384,9 +391,8 @@ var PeopleView = (function() {
$('#btnClear').click(this.resetForm);
};
- this.getPetInForm = function() {
+ selfpets.getPetInForm = function() {
var form = $(petsFormQuery);
- console.log(form);
return {
'id': form.find('input[name="petId"]').val(),
'name': form.find('input[name="petName"]').val(),
@@ -396,7 +402,7 @@ var PeopleView = (function() {
};
};
- this.getPetInRow = function(id) {
+ selfpets.getPetInRow = function(id) {
var row = $('#pet-' + id);
if (row !== undefined) {
@@ -412,11 +418,9 @@ var PeopleView = (function() {
}
};
- this.editPet = function(id) {
+ selfpets.editPet = function(id) {
var row = $('#pet-' + id);
- console.log("imprimindo fila:");
- console.log(row);
if (row !== undefined) {
var form = $(petsFormQuery);
@@ -428,22 +432,22 @@ var PeopleView = (function() {
}
}
- this.isEditing = function() {
- return $(petsFormQuery + ' input[name="id"]').val() != "";
+ selfpets.isEditing = function() {
+ return $(petsFormQuery + ' input[name="petId"]').val() != "";
};
- this.disableForm = function() {
+ selfpets.disableForm = function() {
$(petsFormQuery + ' input').prop('disabled', true);
};
- this.enableForm = function() {
+ selfpets.enableForm = function() {
$(petsFormQuery + ' input').prop('disabled', false);
};
- this.resetForm = function() {
+ selfpets.resetForm = function() {
$(petsFormQuery)[0].reset();
- $(petsFormQuery + ' input[name="id"]').val('');
- $('#btnSubmit').val('Crear');
+ $(petsFormQuery + ' input[name="petId"]').val('');
+ $('#petsBtnSubmit').val('Crear');
};
}