Skip to content

D
DAAExample
Commit ff240d8d authored by miferreiro's avatar miferreiro
Browse files
Options

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.
parent 8a27be78
Hide whitespace changes
Inline Side-by-side
Showing with 11 additions and 7 deletions
src/main/webapp/js/view/pets.js
View file @ ff240d8d
...@@ -86,6 +86,10 @@ var PetsView = (function() { ...@@ -86,6 +86,10 @@ var PetsView = (function() {
$('#person-name-th').remove(); $('#person-name-th').remove();
$('#person-surname-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, dao.listPeoplePets(id,
function(pets) { function(pets) {
...@@ -223,11 +227,11 @@ var PetsView = (function() { ...@@ -223,11 +227,11 @@ var PetsView = (function() {
'<table id="' + listId + '" class="table">\ '<table id="' + listId + '" class="table">\
<thead>\ <thead>\
<tr class="row">\ <tr class="row">\
<th class="col-sm-2" style="text-align:center;">Nombre</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;">Especie</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-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-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>\ </tr>\
</thead>\ </thead>\
<tbody>\ <tbody>\
...@@ -270,7 +274,7 @@ var PetsView = (function() { ...@@ -270,7 +274,7 @@ var PetsView = (function() {
<td style="display:none;" class="idOwner col-sm-3" style="text-align:center;">' + pet.idOwner + '</td>\ <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-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="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="edit btn btn-primary" href="#">Editar</a>\
<a class="delete btn btn-warning" href="#">Eliminar</a>\ <a class="delete btn btn-warning" href="#">Eliminar</a>\
</td>\ </td>\
...@@ -280,10 +284,10 @@ var PetsView = (function() { ...@@ -280,10 +284,10 @@ var PetsView = (function() {
var createPetRowPetsPerson = function(pet) { var createPetRowPetsPerson = function(pet) {
return '<tr id="pet-'+ pet.id +'" class="row">\ return '<tr id="pet-'+ pet.id +'" class="row">\
<td class="namePet col-sm-2" style="text-align:center;">' + pet.name + '</td>\ <td class="namePet col-sm-4" style="text-align:center;">' + pet.name + '</td>\
<td class="specie col-sm-2" style="text-align:center;">' + pet.specie + '</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 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="edit btn btn-primary" href="#">Editar</a>\
<a class="delete btn btn-warning" href="#">Eliminar</a>\ <a class="delete btn btn-warning" href="#">Eliminar</a>\
</td>\ </td>\
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment