Ajustes al controladores de operaciones crud que usa el administrador

master
vicsash 5 months ago
parent fb30b05a8a
commit 86da3b9865

@ -1,173 +1,461 @@
.header {
font-size: 2em;
display: flex;
background-color: blue;
color: white;
justify-content: space-between;
align-items: center;
position: relative;
}
.header::before,
.header::after {
content: '';
flex: 1;
}
.header::before {
order: -1;
}
.logout-button { .logout-button {
position: fixed; order: 2;
top: 0px; }
right: 0px; .logout-button{
background-color: red;
color: white; color: white;
border: none; background-color: #ed4040;
text-decoration: none; font-size: 1.5em;
font-size: 20px; margin: auto;
padding: 0px; }
margin: 0px; /* TOOLBABR-INPUT-PDF*/
border-radius: 0; .toolbar {
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
width: 40px; justify-content: space-between;
height: 40px; padding: 0.2vw;
box-sizing: border-box;
} }
th { .toolbar .button-group{
background-color: #f2f2f2; display: flex;
color: black; justify-content: right;
padding: 10px;
border: 2px solid #ddd;
} }
.pdfButton {
h1 { font-size: 0.5em; /* Adjust as needed */
padding: 1em;
margin : 0.25em;
width: auto;
white-space: normal;
text-align: center; text-align: center;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 3vw;
color: white;
margin: 0 0 50px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
position: relative;
} }
/*--TABLE --*/
.table { .table {
width: 100%; width: 100%;
table-layout: auto!important; table-layout: fixed;
border: black 2px;
} }
.table thead th { .scrollable-cell {
position: sticky; overflow: auto;
top: 0; white-space: normal;
background: #fff;
z-index: 10;
width: 300px !important; /* Set a specific width */
} }
.table td{ .table td, .table th {
border: 2px solid #ddd; overflow: auto;
white-space: normal;
} }
.table td.scrollable-cell .scrollable-content { .table-container{
overflow-y: auto !important; /* Enables vertical scrollbar if content exceeds cell height */ display: block;
white-space: normal; /* Allows text to wrap to next line */ width: 100%;
max-height: 25px !important; /* Set a specific height */ overflow-y: auto;
-webkit-overflow-scrolling: touch;
} }
.table .td.scrollable-cell .keyword-cell { .table td, .table th {
min-width: 300px !important; font-size: 1em; /* Adjust as needed */
padding: 10px;
} }
.table td.scrollable-cell .scrollable-content {
.table tr td:first-child { white-space: normal;
min-width: 150px !important; max-height: 70px;
overflow-x: hidden;
} }
@media screen and (max-width: 600px) { /* TALBE SIZES */
.table { @media screen and (min-width: 1900px) {
.header h1 {
font-size: 3.5em;
}
.logout-button {
font-size: 3em;
}
.toolbar h1 {
font-size: 1.2em;
} }
}
@media screen and (max-width: 600px) { .pdfButton {
font-size: 1.2em;
}
#create-icon{
font-size: 2.5em;
}
input{
font-size: 2.5em;
}
.table td, .table th { .table td, .table th {
font-size: 14px; font-size: 2.2em;
padding: 5px;
} }
.table td.scrollable-cell .scrollable-content {
#edit-icon, #delete-icon { max-height: 140px;
min-width: 16px; }
.edit-icon {
font-size: 2.5em;
}
.delete-icon {
font-size: 2.5em;
} }
} }
@media screen and (max-width: 400px) { @media screen and (min-width: 1500px) {
.table td, .table th { .header h1 {
font-size: 12px; font-size: 3em;
padding: 2px; }
.logout-button {
font-size: 2.5em;
}
.toolbar h1 {
font-size: 1em;
} }
#edit-icon, #delete-icon { .pdfButton {
min-width: 12px; font-size: 1em;
}
#create-icon{
font-size: 2em;
}
input{
font-size: 2em;
}
.table td, .table th {
font-size: 1.8em;
}
.table td.scrollable-cell .scrollable-content {
max-height: 120px;
}
.edit-icon {
font-size: 2em;
}
.delete-icon {
font-size: 2em;
} }
} }
.table tr { @media screen and (min-width: 1000px) {
height: 10%; .header h1 {
} font-size: 2.5em;
body { }
margin: 0; .logout-button {
padding: 0; font-size: 2em;
} }
.header { .toolbar h1 {
display: flex; font-size: 0.75em;
align-items: center; }
justify-content: space-between;
background-color: #007BFF;
padding: 0.2vw;
box-sizing: border-box;
}
.pdfButton { .pdfButton {
font-size: 0.5em; font-size: 0.75em;
padding: 1em; }
margin : 0.25em; #create-icon{
width: auto; font-size: 1.75em;
white-space: normal; }
text-align: center; input{
} font-size: 1.75em;
.toolbar { }
display: flex; .table td, .table th {
align-items: center; font-size: 1.5em;
justify-content: space-between; }
} .table td.scrollable-cell .scrollable-content {
i.fas.fa-arrow-left { max-height: 100px;
z-index: 1; }
pointer-events: auto; .edit-icon {
} font-size: 1.25em;
.button-group { }
display: flex; .delete-icon {
flex-direction: row; font-size: 1.25em;
align-items: center; }
z-index: 1;
} }
.header button {
margin-right: auto; @media screen and (max-width: 800px) {
.header h1 {
font-size: 1em;
}
.logout-button {
font-size: 0.8em;
}
.toolbar h1 {
font-size: 0.3em;
}
.pdfButton {
font-size: 0.3em;
}
#create-icon{
font-size: 0.7em;
}
input{
font-size: 0.7em;
}
.table td, .table th {
font-size: 0.7em;
}
.table td.scrollable-cell .scrollable-content {
max-height: 30px;
}
.edit-icon {
font-size: 0.75em;
}
.delete-icon {
font-size: 0.75em;
}
.table td, .table th{
width: 90%;
}
} }
.logout-button {
position: relative; @media screen and (max-width: 700px) {
.header h1 {
font-size: 0.9em;
}
.logout-button {
font-size: 0.6em;
}
.toolbar h1 {
font-size: 0.3em;
}
.pdfButton {
font-size: 0.3em;
}
#create-icon{
font-size: 0.6em;
}
input{
font-size: 0.6em;
}
.table td, .table th {
font-size: 0.6em;
}
.table td.scrollable-cell .scrollable-content {
max-height: 25px;
}
.edit-icon {
font-size: 0.5em;
}
.delete-icon {
font-size: 0.5em;
}
.table td, .table th{
width: 80%;
}
} }
.logout-button {
position: relative; @media screen and (max-width: 600px) {
.header h1 {
font-size: 0.8em;
}
.logout-button {
font-size: 0.5em;
}
.toolbar h1 {
font-size: 0.2em;
}
.pdfButton {
font-size: 0.2em;
}
#create-icon{
font-size: 0.5em;
}
input{
font-size: 0.5em;
}
.table td, .table th {
font-size: 0.5em;
}
.table td.scrollable-cell .scrollable-content {
max-height: 18px;
}
.edit-icon {
font-size: 0.25em;
}
.delete-icon {
font-size: 0.25em;
}
.table td, .table th{
width: 70%;
}
} }
html, body {
margin: 0; @media screen and (max-width: 500px) {
padding: 0; .header h1 {
font-size: 0.7em;
}
.logout-button {
font-size: 0.4em;
}
.toolbar h1 {
font-size: 0.18em;
}
.pdfButton {
font-size: 0.18em;
}
#create-icon{
font-size: 0.4em;
}
input{
font-size: 0.4em;
}
.table td, .table th {
font-size: 0.4em;
}
.table td.scrollable-cell .scrollable-content {
max-height: 17px;
}
.edit-icon {
font-size: 0.225em;
}
.delete-icon {
font-size: 0.225em;
}
.table td, .table th{
width: 60%;
}
} }
.page{
display: flex; @media screen and (max-width: 400px) {
justify-content: center; .header h1 {
align-items: center; font-size: 0.6em;
margin-top: 20px; }
.logout-button {
font-size: 0.35em;
}
.toolbar h1 {
font-size: 0.15em;
}
.pdfButton {
font-size: 0.15em;
}
#create-icon{
font-size: 0.35em;
}
input{
font-size: 0.35em;
}
.table td, .table th {
font-size: 0.35em;
}
.table td.scrollable-cell .scrollable-content {
max-height: 20px;
}
.edit-icon {
font-size: 0.2em;
}
.delete-icon {
font-size: 0.2em;
}
.table td, .table th{
width: 30%;
}
} }
.page a{
padding:10px; @media screen and (max-width: 300px) {
.header h1 {
font-size: 0.5em;
}
.logout-button {
font-size: 0.3em;
}
.toolbar h1 {
font-size: 0.13em;
}
.pdfButton {
font-size: 0.13em;
}
#create-icon{
font-size: 0.3em;
}
input{
font-size: 0.3em;
}
.table td, .table th {
font-size: 0.3em;
}
.table td.scrollable-cell .scrollable-content {
max-height: 20px;
}
.edit-icon {
font-size: 0.175em;
}
.delete-icon {
font-size: 0.175em;
}
.table td, .table th{
width: 30%;
}
} }
.edit-icon, #delete-icon { @media screen and (max-width: 200px) {
min-width: 24px; .header h1 {
font-size: 0.4em;
}
.logout-button {
font-size: 0.25em;
}
.toolbar h1 {
font-size: 0.1em;
}
.pdfButton {
font-size: 0.1em;
}
#create-icon{
font-size: 0.25em;
}
input{
font-size: 0.25em;
}
.table td, .table th {
font-size: 0.25em;
}
.table td.scrollable-cell .scrollable-content {
max-height: 15px;
}
.edit-icon {
font-size: 0.15em;
}
.delete-icon {
font-size: 0.15em;
}
.table td, .table th{
width: 20%;
}
} }
.edit-icon { .edit-icon {
color: #ffa600; color: #ffa600;
margin-right: 2px; margin-right: 2px;
margin-left: 2px; margin-left: 2px;
font-size: 20px; font-size: 1em;
} }
.delete-icon { .delete-icon {
color: red; color: red;
margin-left: 2px; margin-left: 2px;
font-size: 20px; font-size: 1em;
} }
#create-icon { #create-icon {
color: green; color: green;
font-size: 20px; font-size: 1em;
} }
.inactive { .inactive {
pointer-events: none; pointer-events: none;
@ -230,13 +518,12 @@ html, body {
.modal p{ .modal p{
font-size: 20px; font-size: 20px;
} }
.scrollable-table { .page{
overflow-x: auto; display: flex;
} justify-content: center;
align-items: center;
.hide-icon { margin-top: 20px;
display: none;
} }
.page a{
padding:10px;
}

@ -10,13 +10,6 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Lista: Alumnos</title> <title>Lista: Alumnos</title>
<style> <style>
.nombre-cell{
width: 200px;
}
.table td.scrollable-cell .skill-cell {
width: 150px;
min-height: 50px;
}
</style> </style>
</head> </head>
<body> <body>
@ -42,7 +35,7 @@
</div> </div>
<div class="scrollable-table"> <div class="scrollable-table">
<table class="table" id="table"> <table class="table table-hover table-bordered" id="table">
<thead class="thread-light"> <thead class="thread-light">
<tr> <tr>
<th class="table-header"> <th class="table-header">
@ -115,8 +108,10 @@
<tr class="cell" th:each="alumno :${alumnos}" th:data-id="${alumno.id}"> <tr class="cell" th:each="alumno :${alumnos}" th:data-id="${alumno.id}">
<td> <td>
<div class ="nombre-cell"> <div class ="nombre-cell">
<i class="edit-icon fas fa-pen-square hide-icon"></i> <div class="icon-content">
<i class="delete-icon fas fa-ban hide-icon"></i> <i class="edit-icon fas fa-pen-square"></i>
<i class="delete-icon fas fa-ban"></i>
</div>
[[${alumno.nombre}]] [[${alumno.nombre}]]
</div> </div>
</td> </td>
@ -130,13 +125,13 @@
<td>[[${alumno.correo2}]]</td> <td>[[${alumno.correo2}]]</td>
<td>[[${alumno.nacionalidad}]]</td> <td>[[${alumno.nacionalidad}]]</td>
<td class="scrollable-cell"> <td class="scrollable-cell">
<div class="scrollable-content skill-cell"> <div class="scrollable-content" th:utext="${#strings.replace(alumno.keywords, ',', ',&lt;br&gt;')}">
[[${alumno.keywords}]] [[${alumno.keywords}]]
</div> </div>
</td> </td>
<td>[[${alumno.ciclo.nombre}]]</td> <td>[[${alumno.ciclo.nombre}]]</td>
<td class="scrollable-cell"> <td class="scrollable-cell">
<div class="scrollable-content skill-cell"> <div class="scrollable-content">
<span th:each="skill : ${alumno.skills}" th:text="${skill.nombre} + ' '"></span> <span th:each="skill : ${alumno.skills}" th:text="${skill.nombre} + ' '"></span>
</div> </div>
</td> </td>
@ -316,7 +311,7 @@
<td>${alumno.correo2}</td> <td>${alumno.correo2}</td>
<td>${alumno.nacionalidad}</td> <td>${alumno.nacionalidad}</td>
<td class="scrollable-cell keyword"> <td class="scrollable-cell keyword">
<div class="scrollable-content skill-cell"> <div class="scrollable-content">
${alumno.keywords} ${alumno.keywords}
</div> </div>
</td> </td>
@ -324,7 +319,7 @@
${alumno.ciclo.nombre} ${alumno.ciclo.nombre}
</td> </td>
<td class="scrollable-cell"> <td class="scrollable-cell">
<div class="scrollable-content skill-cell"> <div class="scrollable-content">
${alumno.skills.map(skill => skill.nombre).join(', ')} ${alumno.skills.map(skill => skill.nombre).join(', ')}
</div> </div>
</td> </td>

@ -35,7 +35,7 @@
</div> </div>
</div> </div>
<div class="table-container"> <div class="table-container">
<table class="table" id="table"> <table class="table table-hover table-bordered" id="table">
<thead class="thread-light"> <thead class="thread-light">
<tr> <tr>
<th class="table-header"> <th class="table-header">
@ -57,8 +57,10 @@
<tbody> <tbody>
<tr class="cell" th:each="ciclo :${ciclos}" th:data-id="${ciclo.id}"> <tr class="cell" th:each="ciclo :${ciclos}" th:data-id="${ciclo.id}">
<td> <td>
<i class="edit-icon fas fa-pen-square hide-icon"></i> <div class="icon-content">
<i class="delete-icon fas fa-ban hide-icon"></i> <i class="edit-icon fas fa-pen-square"></i>
<i class="delete-icon fas fa-ban"></i>
</div>
[[${ciclo.nombre}]] [[${ciclo.nombre}]]
</td> </td>
<td>[[${ciclo.codigo}]]</td> <td>[[${ciclo.codigo}]]</td>

@ -36,7 +36,7 @@
</div> </div>
<div class="table-container"> <div class="table-container">
<table class="table" id="table"> <table class="table table-hover table-bordered" id="table">
<thead class="thread-light"> <thead class="thread-light">
<tr> <tr>
<th class="table-header"> <th class="table-header">
@ -74,8 +74,10 @@
<tbody> <tbody>
<tr class="cell" th:each="contacto :${contactos}" th:data-id="${contacto.id}"> <tr class="cell" th:each="contacto :${contactos}" th:data-id="${contacto.id}">
<td> <td>
<i class="edit-icon fas fa-pen-square hide-icon"></i> <div class="icon-content">
<i class="delete-icon fas fa-ban hide-icon"></i> <i class="edit-icon fas fa-pen-square"></i>
<i class="delete-icon fas fa-ban"></i>
</div>
[[${contacto.nombre}]] [[${contacto.nombre}]]
</td> </td>
<td>[[${contacto.apellido}]]</td> <td>[[${contacto.apellido}]]</td>

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
<link rel="stylesheet" type="text/css" th:href="@{/style.css}"> <link rel="stylesheet" type="text/css" th:href="@{/style.css}">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
@ -10,10 +10,9 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Lista Empresas</title> <title>Lista Empresas</title>
<style> <style>
.table td.scrollable-cell .skill-cell {
width: 300px; /*-- HEADER--*/
min-height: 50px;
}
</style> </style>
</head> </head>
<body> <body>
@ -39,7 +38,7 @@
</div> </div>
<div class="table-container"> <div class="table-container">
<table class="table" id="table"> <table class="table table-hover table-bordered" id="table">
<thead class="thread-light"> <thead class="thread-light">
<tr> <tr>
<th class="table-header"> <th class="table-header">
@ -78,20 +77,22 @@
<tr class="cell" th:each="empresa :${empresas}" th:data-id="${empresa.id}"> <tr class="cell" th:each="empresa :${empresas}" th:data-id="${empresa.id}">
<td> <td>
<i class="edit-icon fas fa-pen-square hide-icon"></i> <div class="icon-content">
<i class="delete-icon fas fa-ban hide-icon"></i> <i class="edit-icon fas fa-pen-square"></i>
<i class="delete-icon fas fa-ban"></i>
</div>
[[${empresa.nombre}]] [[${empresa.nombre}]]
</td> </td>
<td>[[${empresa.cif}]]</td> <td>[[${empresa.cif}]]</td>
<td>[[${empresa.correo}]]</td> <td>[[${empresa.correo}]]</td>
<td>[[${empresa.telefono}]]</td> <td>[[${empresa.telefono}]]</td>
<td class="scrollable-cell"> <td class="scrollable-cell">
<div class="scrollable-content skill-cell"> <div class="scrollable-content" th:utext="${#strings.replace(empresa.keywords, ',', ',&lt;br&gt;')}">
[[${empresa.keywords}]] <!-- Keywords will be inserted here with <br> tags after each comma -->
</div> </div>
</td> </td>
<td class="scrollable-cell"> <td class="scrollable-cell">
<div class="scrollable-content skill-cell"> <div class="scrollable-content">
[[${empresa.sector.nombre}]] [[${empresa.sector.nombre}]]
</div> </div>
</td> </td>
@ -153,9 +154,7 @@
} }
var $table = $('#table'); var $table = $('#table');
var $modalDelete = $('#modalDelete');
var $myInput = $('#myInput'); var $myInput = $('#myInput');
var $createIcon = $('#create-icon');
var isSearchBarUsed = false; var isSearchBarUsed = false;
$table.on('click', '.edit-icon', function (event) { $table.on('click', '.edit-icon', function (event) {
@ -390,12 +389,12 @@
<td>${empresa.correo}</td> <td>${empresa.correo}</td>
<td>${empresa.telefono}</td> <td>${empresa.telefono}</td>
<td class="scrollable-cell"> <td class="scrollable-cell">
<div class="scrollable-content skill-cell"> <div class="scrollable-content">
${empresa.keywords} ${empresa.keywords}
</div> </div>
</td> </td>
<td class="scrollable-cell"> <td class="scrollable-cell">
<div class="scrollable-content skill-cell"> <div class="scrollable-content">
${empresa.sector.nombre} ${empresa.sector.nombre}
</div> </div>
</td> </td>

@ -34,7 +34,7 @@
</div> </div>
<div class="table-container"> <div class="table-container">
<table class="table" id="table"> <table class="table table-hover table-bordered" id="table">
<thead class="thread-light"> <thead class="thread-light">
<tr> <tr>
<th class="table-header"> <th class="table-header">
@ -47,8 +47,12 @@
<tr class="cell" th:each="familia :${items}" th:data-id="${familia.id}"> <tr class="cell" th:each="familia :${items}" th:data-id="${familia.id}">
<td> <td>
<i class="edit-icon fas fa-pen-square hide-icon"></i> <!--<i class="edit-icon fas fa-pen-square hide-icon"></i>
<i class="delete-icon fas fa-ban hide-icon"></i> <i class="delete-icon fas fa-ban hide-icon"></i>-->
<div class="icon-content">
<i class="edit-icon fas fa-pen-square"></i>
<i class="delete-icon fas fa-ban"></i>
</div>
[[${familia.nombre}]] [[${familia.nombre}]]
</td> </td>
</tr> </tr>

@ -10,10 +10,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Lista Ofertas</title> <title>Lista Ofertas</title>
<style> <style>
.table td.scrollable-cell .skill-cell {
width: 250px;
min-height: 50px;
}
</style> </style>
</head> </head>
<body> <body>
@ -39,7 +36,7 @@
</div> </div>
<div class="scrollable-table"> <div class="scrollable-table">
<table class="table" id="table"> <table class="table table-hover table-bordered" id="table">
<thead class="thread-light"> <thead class="thread-light">
<tr> <tr>
<th class="table-header"> <th class="table-header">
@ -75,20 +72,22 @@
<tbody> <tbody>
<tr class="cell" th:each="oferta :${ofertas}" th:data-id="${oferta.id}"> <tr class="cell" th:each="oferta :${ofertas}" th:data-id="${oferta.id}">
<td> <td>
<i class="edit-icon fas fa-pen-square hide-icon"></i> <div class="icon-content">
<i class="delete-icon fas fa-ban hide-icon"></i> <i class="edit-icon fas fa-pen-square"></i>
<i class="delete-icon fas fa-ban"></i>
</div>
[[${oferta.nombre}]] [[${oferta.nombre}]]
</td> </td>
<td>[[${oferta.fecha}]]</td> <td>[[${oferta.fecha}]]</td>
<td>[[${oferta.descripcion}]]</td> <td>[[${oferta.descripcion}]]</td>
<td>[[${oferta.sucursal.nombre}]]</td> <td>[[${oferta.sucursal.nombre}]]</td>
<td class="scrollable-cell"> <td class="scrollable-cell">
<div class="scrollable-content skill-cell"> <div class="scrollable-content">
[[${oferta.ciclo.nombre}]] [[${oferta.ciclo.nombre}]]
</div> </div>
</td> </td>
<td class="scrollable-cell"> <td class="scrollable-cell">
<div class="scrollable-content skill-cell"> <div class="scrollable-content">
<span th:each="skill : ${oferta.skills}" th:text="${skill.nombre} + ' '"></span> <span th:each="skill : ${oferta.skills}" th:text="${skill.nombre} + ' '"></span>
</div> </div>
</td> </td>
@ -265,12 +264,12 @@
<td>${oferta.descripcion}</td> <td>${oferta.descripcion}</td>
<td>${oferta.sucursal.nombre}</td> <td>${oferta.sucursal.nombre}</td>
<td class="scrollable-cell"> <td class="scrollable-cell">
<div class="scrollable-content skill-cell"> <div class="scrollable-content ">
${oferta.ciclo.nombre}</td> ${oferta.ciclo.nombre}</td>
</div> </div>
</td> </td>
<td class="scrollable-cell"> <td class="scrollable-cell">
<div class="scrollable-content skill-cell"> <div class="scrollable-content">
${oferta.skills.map(skill => skill.nombre).join(', ')} ${oferta.skills.map(skill => skill.nombre).join(', ')}
</div> </div>
</td> </td>

@ -36,7 +36,7 @@
</div> </div>
<div class="table-container"> <div class="table-container">
<table class="table" id="table"> <table class="table table-hover table-bordered" id="table">
<thead class="thread-light"> <thead class="thread-light">
<tr> <tr>
<th class="table-header"> <th class="table-header">
@ -48,8 +48,10 @@
<tbody> <tbody>
<tr class="cell" th:each="sector :${items}" th:data-id="${sector.id}"> <tr class="cell" th:each="sector :${items}" th:data-id="${sector.id}">
<td> <td>
<i class="edit-icon fas fa-pen-square hide-icon"></i> <div class="icon-content">
<i class="delete-icon fas fa-ban hide-icon"></i> <i class="edit-icon fas fa-pen-square"></i>
<i class="delete-icon fas fa-ban"></i>
</div>
[[${sector.nombre}]] [[${sector.nombre}]]
</td> </td>
</tr> </tr>

@ -35,7 +35,7 @@
</div> </div>
<div class="table-container"> <div class="table-container">
<table class="table" id="table"> <table class="table table-hover table-bordered" id="table">
<thead class="thread-light"> <thead class="thread-light">
<tr> <tr>
<th class="table-header"> <th class="table-header">
@ -47,8 +47,10 @@
<tbody> <tbody>
<tr class="cell" th:each="skill :${items}" th:data-id="${skill.id}"> <tr class="cell" th:each="skill :${items}" th:data-id="${skill.id}">
<td> <td>
<i class="edit-icon fas fa-pen-square hide-icon"></i> <div class="icon-content">
<i class="delete-icon fas fa-ban hide-icon"></i> <i class="edit-icon fas fa-pen-square"></i>
<i class="delete-icon fas fa-ban"></i>
</div>
[[${skill.nombre}]] [[${skill.nombre}]]
</td> </td>
</tr> </tr>

@ -35,7 +35,7 @@
</div> </div>
<div class="table-container"> <div class="table-container">
<table class="table" id="table"> <table class="table table-hover table-bordered" id="table">
<thead class="thread-light"> <thead class="thread-light">
<tr> <tr>
<th class="table-header"> <th class="table-header">
@ -68,8 +68,10 @@
<tbody> <tbody>
<tr class="cell" th:each="sucursal :${sucursales}" th:data-id="${sucursal.id}"> <tr class="cell" th:each="sucursal :${sucursales}" th:data-id="${sucursal.id}">
<td> <td>
<i class="edit-icon fas fa-pen-square hide-icon"></i> <div class="icon-content">
<i class="delete-icon fas fa-ban hide-icon"></i> <i class="edit-icon fas fa-pen-square"></i>
<i class="delete-icon fas fa-ban"></i>
</div>
[[${sucursal.nombre}]] [[${sucursal.nombre}]]
</td> </td>
<td>[[${sucursal.localidad}]]</td> <td>[[${sucursal.localidad}]]</td>

Loading…
Cancel
Save

Powered by INFORMATICA.FP.EDU.ES.