Foro sobre Java EE > Spring boot- Dialog Modal
Veo que no se ve el codigo siguiente lo repito a ver si hay suerte
<!-- <td>Actualizar  Eliminar</td> -->
noviembre 10, 2021 |
Guiller
Guiller
Buenas compañeros. A ver si me podeis ayudar que estoy intentando hacer que me carge un dialog modal y no lo consigo no me hace nada. En el navegador con depuerador he visto que me crea las carpetas de CSS, JS y Webjar pero aun asi debo tener algo mal en el codigo que pulso al boton eliminar y no carga el dialog modal. OS dejo el codigo a ver si veis que que me estoy equivocando. Muchas gracias
<!DOCTYPE html>
<html lang="es" xmlns:th="https://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<title>Trazabilidad Alimentaria</title>
<!-- Bootstrap -->
<link href="/webjars/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/styles.css" rel="stylesheet" /> </head>
<nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
<!-- Navbar Brand-->
Trazabilidad Alimentaria
<!-- Sidebar Toggle-->
<form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
<div class="input-group">
<span class="text-white mx-2" sec:authentication="name"></span>
Logout
</div>
</form>
<!-- Navbar-->
</nav>
<div id="layoutSidenav">
<div id="layoutSidenav_nav">
<nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
<div class="sb-sidenav-menu">
<div class="nav">
<div class="sb-sidenav-menu-heading">Administración</div>
<div class="sb-nav-link-icon"></div>
Administrar Usuarios
<div class="sb-nav-link-icon"></div>
Productos Primarios
<div class="sb-sidenav-menu-heading">Servicios</div>
<div class="sb-nav-link-icon"></div>
Recetas
<div class="sb-nav-link-icon"></div>
Elaborados
<div class="sb-nav-link-icon"></div>
Trazabilidad
</div>
<div class="sb-sidenav-footer">
<div class="small">Logged in as:</div>
Start Bootstrap
</div>
</nav>
</div>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid px-4">
<h1>Productos Primarios</h1>
<div class="container-xxl">
Historico
Nuevo Producto
</div>
<div class="container-xxl">
<div class="col-md-offset-2 col-md-8">
<table class="table table-bordered">
<thead>
<tr>
<th>Nobre</th>
<th>Empresa</th>
<th>Cantidad</th>
<th>Acciones</th>
</tr>
</thead>
<tbody>
<tr th:each="producto : ${productos}">
<td th:text="${producto.nombre}">Nombre</td>
<td th:text="${producto.empresa}">Empresa</td>
<td th:text="${producto.cantidad}">1</td>
<td>Actualizar  Eliminar</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</main>
</div>
</div>
<!--
-->
<div class="modal fade" id="delete-modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<span aria-hidden="true">×</span>
<h4 class="modal-title">Borrar producto</h4>
</div>
<div class="modal-body">
<p>¿Está usted seguro de borrar este producto?</p>
No
Sí
</div>
</div>
</div>
</div> </html>