|
|
@ -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, ',', ',<br>')}">
|
|
|
|
[[${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>
|
|
|
|