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'); }; }