From 080b47c4d03930c823b4f48b680ac6388c8fe345 Mon Sep 17 00:00:00 2001
From: Alejandro <albovy@hotmail.com>
Date: Fri, 8 Mar 2019 14:45:50 +0100
Subject: [PATCH] Adds listPet function in People View

This show the pets from one person.
---
 src/main/webapp/js/view/people.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/main/webapp/js/view/people.js b/src/main/webapp/js/view/people.js
index 802d6b2..2c43843 100644
--- a/src/main/webapp/js/view/people.js
+++ b/src/main/webapp/js/view/people.js
@@ -106,6 +106,18 @@ var PeopleView = (function() {
 			}
 		};
 
+		this.listPets = function (id) {
+			$('#genericContainer').empty();
+			$('#genericContainer').append("<div id='pets-container'>" +
+				"<h1 class=\"display-5 mt-3 mb-3\">Mascotas</h1>" +
+				"</div>");
+
+			let view = new PetsView(new PetsDAO(),
+				'pets-container','pets-container'
+			);
+			view.initList(id);
+		}
+
 		this.isEditing = function() {
 			return $(formQuery + ' input[name="id"]').val() != "";
 		};
@@ -124,6 +136,7 @@ var PeopleView = (function() {
 			$('#btnSubmit').val('Crear');
 		};
 	};
+
 	
 	var insertPeopleList = function(parent) {
 		parent.append(
@@ -168,6 +181,7 @@ var PeopleView = (function() {
 			<td class="col-sm-3">\
 				<a class="edit btn btn-primary" href="#">Editar</a>\
 				<a class="delete btn btn-warning" href="#">Eliminar</a>\
+				<a class="pets btn btn-secondary" href="#">Mascotas</a>\
 			</td>\
 		</tr>';
 	};
@@ -184,6 +198,10 @@ var PeopleView = (function() {
 		$('#person-' + person.id + ' a.delete').click(function() {
 			self.deletePerson(person.id);
 		});
+
+		$('#person-' + person.id + ' a.pets').click(function () {
+			self.listPets(person.id);
+		})
 	};
 
 	var appendToTable = function(person) {
-- 
2.18.1