From ff240d8d1d4c076c9dcfe16a93e521d169af0cc5 Mon Sep 17 00:00:00 2001
From: miferreiro <miguel.ferreiro.diaz@gmail.com>
Date: Sat, 2 Mar 2019 17:32:13 +0100
Subject: [PATCH] Improves a person's pet table

It has been introduced that when the view of a person's pets is initialized, the table is put on a larger size because the columns of the person's first and last names are removed.
---
 src/main/webapp/js/view/pets.js | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/main/webapp/js/view/pets.js b/src/main/webapp/js/view/pets.js
index 34412cb..5a02553 100644
--- a/src/main/webapp/js/view/pets.js
+++ b/src/main/webapp/js/view/pets.js
@@ -86,6 +86,10 @@ var PetsView = (function() {
 			
 			$('#person-name-th').remove();
 			$('#person-surname-th').remove();				
+			$('#pet-name-th').removeClass("col-sm-2");
+			$('#pet-name-th').addClass("col-sm-4");			
+			$('#pet-specie-th').removeClass("col-sm-2");
+			$('#pet-specie-th').addClass("col-sm-4");
 			
 			dao.listPeoplePets(id,
 							   function(pets) {
@@ -223,11 +227,11 @@ var PetsView = (function() {
 			'<table id="' + listId + '" class="table">\
 				<thead>\
 					<tr class="row">\
-						<th class="col-sm-2" style="text-align:center;">Nombre</th>\
-						<th class="col-sm-2" style="text-align:center;">Especie</th>\
+						<th class="col-sm-2" style="text-align:center;" id="pet-name-th">Nombre</th>\
+						<th class="col-sm-2" style="text-align:center;" id="pet-specie-th">Especie</th>\
 						<th class="col-sm-2" style="text-align:center;" id="person-name-th">Nombre Propietario</th>\
 						<th class="col-sm-2" style="text-align:center;" id="person-surname-th">Apellido Propietario</th>\
-						<th class="col-sm-3">&nbsp;</th>\
+						<th class="col-sm-3" id="buttons">&nbsp;</th>\
 					</tr>\
 				</thead>\
 				<tbody>\
@@ -270,7 +274,7 @@ var PetsView = (function() {
 			<td style="display:none;" class="idOwner col-sm-3" style="text-align:center;">' + pet.idOwner + '</td>\
 			<td class="person-name col-sm-2" style="text-align:center;">' + person.name + '</td>\
 			<td class="person-surname col-sm-2" style="text-align:center;">' + person.surname + '</td>\
-			<td class="col-sm-3">\
+			<td class="col-sm-3" style="text-align:center;">\
 				<a class="edit btn btn-primary" href="#">Editar</a>\
 				<a class="delete btn btn-warning" href="#">Eliminar</a>\
 			</td>\
@@ -280,10 +284,10 @@ var PetsView = (function() {
 	var createPetRowPetsPerson = function(pet) {
 				
 		return '<tr id="pet-'+ pet.id +'" class="row">\
-			<td class="namePet col-sm-2" style="text-align:center;">' + pet.name + '</td>\
-			<td class="specie col-sm-2" style="text-align:center;">' + pet.specie + '</td>\
+			<td class="namePet col-sm-4" style="text-align:center;">' + pet.name + '</td>\
+			<td class="specie col-sm-4" style="text-align:center;">' + pet.specie + '</td>\
 			<td style="display:none;" class="idOwner col-sm-3" style="text-align:center;">' + pet.idOwner + '</td>\
-			<td class="col-sm-3">\
+			<td class="col-sm-3" style="text-align:center;">\
 				<a class="edit btn btn-primary" href="#">Editar</a>\
 				<a class="delete btn btn-warning" href="#">Eliminar</a>\
 			</td>\
-- 
2.18.1