Completes list of pets by owner

src/main/java/es/uvigo/esei/daa/dao/PetsDAO.java

@@ -57,14 +57,14 @@ public class PetsDAO extends DAO {
             LOG.log(Level.SEVERE, "Error deleting a pet", e);
             throw new DAOException(e);
         }
-
     }
 
-    public List<Pet> list() throws DAOException {
+    public List<Pet> list(int owner) throws DAOException {
         try (final Connection conn = this.getConnection()) {
-            final String query = "SELECT * FROM pet";
+            final String query = "SELECT * FROM pet WHERE owner = ?";
 
             try (final PreparedStatement statement = conn.prepareStatement(query)) {
+                statement.setInt(1, owner);
                 try (final ResultSet result = statement.executeQuery()) {
                     final List<Pet> pets = new LinkedList<>();
 

src/main/java/es/uvigo/esei/daa/rest/PetsResource.java

@@ -22,21 +22,15 @@ public class PetsResource {
 
     private final PetsDAO dao;
 
+
+    public PetsResource() {
+        this(new PetsDAO());
+    }
+
     PetsResource(PetsDAO dao) {
         this.dao = dao;
     }
 
-
-    /**
-     * Returns a person with the provided identifier.
-     *
-     * @param id the identifier of the person to retrieve.
-     * @return a 200 OK response with a person that has the provided identifier.
-     * If the identifier does not corresponds with any user, a 400 Bad Request
-     * response with an error message will be returned. If an error happens
-     * while retrieving the list, a 500 Internal Server Error response with an
-     * error message will be returned.
-     */
     @GET
     @Path("/{id}")
     public Response get(
@@ -88,9 +82,10 @@ public class PetsResource {
 
 
     @GET
-    public Response list() {
+    @Path("/owner/{owner}")
+    public Response list(@PathParam("owner") int owner) {
         try {
-            return Response.ok(this.dao.list()).build();
+            return Response.ok(this.dao.list(owner)).build();
         } catch (DAOException e) {
             LOG.log(Level.SEVERE, "Error listing pets", e);
             return Response.serverError().entity(e.getMessage()).build();

src/main/webapp/js/dao/people.js

@@ -5,7 +5,7 @@ var PeopleDAO = (function() {
 	fail = typeof fail !== 'undefined' ? fail : function() {};
 	always = typeof always !== 'undefined' ? always : function() {};
 
-	let authToken = localStorage.getItem('authorization-token');
+        var authToken = localStorage.getItem('authorization-token');
 	if (authToken !== null) {
 	    data.beforeSend = function(xhr) {
 		xhr.setRequestHeader('Authorization', 'Basic ' + authToken);
@@ -23,7 +23,7 @@ var PeopleDAO = (function() {
 	    }, done, fail, always);
 	};
 
-	this.addPerson = function(person, done, fail, always) {
+        this.addPet = function (person, done, fail, always) {
 	    requestByAjax({
 		url : resourcePath,
 		type : 'POST',
@@ -31,7 +31,7 @@ var PeopleDAO = (function() {
 	    }, done, fail, always);
 	};
 
-	this.modifyPerson = function(person, done, fail, always) {
+        this.modifyPet = function (person, done, fail, always) {
 	    requestByAjax({
 		url : resourcePath + person.id,
 		type : 'PUT',

src/main/webapp/js/dao/pets.js

+var PetsDAO = (function () {
+    var resourcePath = "rest/pets/";
+    var requestByAjax = function (data, done, fail, always) {
+        done = typeof done !== 'undefined' ? done : function () {
+        };
+        fail = typeof fail !== 'undefined' ? fail : function () {
+        };
+        always = typeof always !== 'undefined' ? always : function () {
+        };
+
+        var authToken = localStorage.getItem('authorization-token');
+        if (authToken !== null) {
+            data.beforeSend = function (xhr) {
+                xhr.setRequestHeader('Authorization', 'Basic ' + authToken);
+            };
+        }
+
+        $.ajax(data).done(done).fail(fail).always(always);
+    };
+
+    function PetsDAO() {
+        this.listPets = function (owner, done, fail, always) {
+            requestByAjax({
+                url: resourcePath + "owner/" + owner,
+                type: 'GET'
+            }, done, fail, always);
+        };
+
+        this.addPet = function (pet, done, fail, always) {
+            requestByAjax({
+                url: resourcePath,
+                type: 'POST',
+                data: pet
+            }, done, fail, always);
+        };
+
+        this.modifyPet = function (pet, done, fail, always) {
+            requestByAjax({
+                url: resourcePath + pet.id,
+                type: 'PUT',
+                data: pet
+            }, done, fail, always);
+        };
+
+        this.deletePet = function (id, done, fail, always) {
+            requestByAjax({
+                url: resourcePath + id,
+                type: 'DELETE',
+            }, done, fail, always);
+        };
+    }
+
+    return PetsDAO;
+})();
\ No newline at end of file

src/main/webapp/js/view/pets.js

+var PetsView = (function () {
+    var dao;
+
+    // Referencia a this que permite acceder a las funciones públicas desde las funciones de jQuery.
+    var self;
+
+    var formId = 'pets-form';
+    var listId = 'pets-list';
+    var formQuery = '#' + formId;
+    var listQuery = '#' + listId;
+
+    function PetsView(owner, petsDao, formContainerId, listContainerId) {
+        dao = petsDao;
+        self = this;
+
+        insertPetsForm($('#' + formContainerId));
+        insertPetsList($('#' + listContainerId));
+
+        this.init = function () {
+            dao.listPets(owner, function (pets) {
+                    $.each(pets, function (key, pet) {
+                        appendToTable(pet);
+                    });
+                },
+                function () {
+                    alert('No has sido posible acceder al listado de mascotas.');
+                });
+
+            // La acción por defecto de enviar formulario (submit) se sobreescribe
+            // para que el envío sea a través de AJAX
+            $(formQuery).submit(function (event) {
+                var pet = self.getPetInForm();
+
+                if (self.isEditing()) {
+                    dao.modifyPet(pet,
+                        function (pet) {
+                            $('#pet-' + pet.id + ' td.name').text(pet.name);
+                            $('#pet-' + pet.id + ' td.owner').text(pet.owner);
+                            self.resetForm();
+                        },
+                        showErrorMessage,
+                        self.enableForm
+                    );
+                } else {
+                    dao.addPet(pet,
+                        function (pet) {
+                            appendToTable(pet);
+                            self.resetForm();
+                        },
+                        showErrorMessage,
+                        self.enableForm
+                    );
+                }
+
+                return false;
+            });
+
+            $('#btnClear').click(this.resetForm);
+        };
+
+        this.getPetInForm = function () {
+            var form = $(formQuery);
+            return {
+                'id': form.find('input[name="id"]').val(),
+                'name': form.find('input[name="name"]').val(),
+                'owner': form.find('input[name="owner"]').val()
+            };
+        };
+
+        this.getPetInRow = function (id) {
+            var row = $('#pet-' + id);
+
+            if (row !== undefined) {
+                return {
+                    'id': id,
+                    'name': row.find('td.name').text(),
+                    'owner': row.find('td.owner').text()
+                };
+            } else {
+                return undefined;
+            }
+        };
+
+        this.editPet = function (id) {
+            var row = $('#pet-' + id);
+
+            if (row !== undefined) {
+                var form = $(formQuery);
+
+                form.find('input[name="id"]').val(id);
+                form.find('input[name="name"]').val(row.find('td.name').text());
+                form.find('input[name="owner"]').val(row.find('td.owner').text());
+
+                $('input#btnSubmit').val('Modificar');
+            }
+        };
+
+        this.deletePet = function (id) {
+            if (confirm('Está a punto de eliminar a una mascota. ¿Está seguro de que desea continuar?')) {
+                dao.deletePet(id,
+                    function () {
+                        $('tr#pet-' + id).remove();
+                    },
+                    showErrorMessage
+                );
+            }
+        };
+
+        this.showPets = function (id) {
+
+
+        }
+
+        this.isEditing = function () {
+            return $(formQuery + ' input[name="id"]').val() != "";
+        };
+
+        this.disableForm = function () {
+            $(formQuery + ' input').prop('disabled', true);
+        };
+
+        this.enableForm = function () {
+            $(formQuery + ' input').prop('disabled', false);
+        };
+
+        this.resetForm = function () {
+            $(formQuery)[0].reset();
+            $(formQuery + ' input[name="id"]').val('');
+            $('#btnSubmit').val('Crear');
+        };
+    };
+
+    var insertPetsList = function (parent) {
+        parent.append(
+            '<table id="' + listId + '" class="table">\
+				<thead>\
+					<tr class="row">\
+						<th class="col-sm-4">Nombre</th>\
+						<th class="col-sm-5">Propietario</th>\
+						<th class="col-sm-3">&nbsp;</th>\
+					</tr>\
+				</thead>\
+				<tbody>\
+				</tbody>\
+			</table>'
+        );
+    };
+
+    var insertPetsForm = function (parent) {
+        parent.append(
+            '<form id="' + formId + '" class="mb-5 mb-10">\
+				<input name="id" type="hidden" value=""/>\
+				<div class="row">\
+					<div class="col-sm-4">\
+						<input name="name" type="text" value="" placeholder="Nombre" class="form-control" required/>\
+					</div>\
+					<div class="col-sm-5">\
+						<input name="owner" type="text" value="" placeholder="Dueño" class="form-control" required/>\
+					</div>\
+					<div class="col-sm-3">\
+						<input id="btnSubmit" type="submit" value="Crear" class="btn btn-primary" />\
+						<input id="btnClear" type="reset" value="Limpiar" class="btn" />\
+					</div>\
+				</div>\
+			</form>'
+        );
+    };
+
+    var createPetRow = function (pet) {
+        return '<tr id="pet-' + pet.id + '" class="row">\
+			<td class="name col-sm-6 col-md-3">' + pet.name + '</td>\
+			<td class="owner col-sm-6 col-md-4">' + pet.owner + '</td>\
+			<td class="col-sm-12 col-md-5">\
+				<a class="edit btn btn-warning" href="#">Editar</a>\
+				<a class="delete btn btn-danger" href="#">Eliminar</a>\
+			</td>\
+		</tr>';
+    };
+
+    var showErrorMessage = function (jqxhr, textStatus, error) {
+        alert(textStatus + ": " + error);
+    };
+
+    var addRowListeners = function (pet) {
+        $('#pet-' + pet.id + ' a.edit').click(function () {
+            self.editPet(pet.id);
+        });
+
+        $('#pet-' + pet.id + ' a.delete').click(function () {
+            self.deletePet(pet.id);
+        });
+    };
+
+    var appendToTable = function (pet) {
+        $(listQuery + ' > tbody:last')
+            .append(createPetRow(pet));
+        addRowListeners(pet);
+    };
+
+    return PetsView;
+})();

src/test/java/es/uvigo/esei/daa/dataset/PeopleDataset.java

 package es.uvigo.esei.daa.dataset;
 
-import static java.util.Arrays.binarySearch;
-import static java.util.Arrays.stream;
+import es.uvigo.esei.daa.entities.Person;
 
 import java.util.Arrays;
 import java.util.function.Predicate;
 
-import es.uvigo.esei.daa.entities.Person;
+import static java.util.Arrays.binarySearch;
+import static java.util.Arrays.stream;
 
 public final class PeopleDataset {
 	private PeopleDataset() {}
@@ -45,7 +45,7 @@ public final class PeopleDataset {
 	}
 	
 	public static int existentId() {
-		return 5;
+		return 1;
 	}
 	
 	public static int nonExistentId() {

src/test/java/es/uvigo/esei/daa/rest/PetsResourceUnitTest.java

@@ -11,6 +11,7 @@ import org.junit.Test;
 import javax.ws.rs.core.Response;
 import java.util.List;
 
+import static es.uvigo.esei.daa.dataset.PeopleDataset.existentPerson;
 import static es.uvigo.esei.daa.dataset.PeopleDataset.newName;
 import static es.uvigo.esei.daa.dataset.PetsDataset.*;
 import static es.uvigo.esei.daa.matchers.HasHttpStatus.*;
@@ -61,13 +62,13 @@ public class PetsResourceUnitTest {
     @Test
     @SuppressWarnings("unchecked")
     public void testList() throws Exception {
-        final List<Pet> people = asList(pets());
+        final List<Pet> pets = asList(pets());
 
-        expect(daoMock.list()).andReturn(people);
+        expect(daoMock.list(existentPerson().getId())).andReturn(pets);
 
         replay(daoMock);
 
-        final Response response = resource.list();
+        final Response response = resource.list(existentPet().getId());
 
         assertThat(response, hasOkStatus());
         assertThat((List<Pet>) response.getEntity(), containsPetsInAnyOrder(pets()));
@@ -76,11 +77,11 @@ public class PetsResourceUnitTest {
 
     @Test
     public void testListDAOException() throws Exception {
-        expect(daoMock.list()).andThrow(new DAOException());
+        expect(daoMock.list(existentPerson().getId())).andThrow(new DAOException());
 
         replay(daoMock);
 
-        final Response response = resource.list();
+        final Response response = resource.list(existentPerson().getId());
 
         assertThat(response, hasInternalServerErrorStatus());
     }