|
|
|
@ -2,57 +2,119 @@ |
|
|
|
<html lang="es" |
|
|
|
xmlns:sec="http://www.thymeleaf.org/extras/spring-security"> |
|
|
|
<head> |
|
|
|
<meta charset="UTF-8"> |
|
|
|
<meta charset="UTF-8"> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<nav th:fragment="usuarios" class="navbar navbar-expand-lg bg-dark navbar-dark fixed-top" style="--bs-bg-opacity: .8;"> |
|
|
|
<div class="container-fluid"> |
|
|
|
<a class="navbar-brand" href="/"> <i class="fa-solid fa-leaf fa-fade"></i> CRUD Usuario</a> |
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" |
|
|
|
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" |
|
|
|
aria-expanded="false" aria-label="Toggle navigation"> |
|
|
|
<span class="navbar-toggler-icon"></span> |
|
|
|
</button> |
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent"> |
|
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link active" aria-current="page" href="/">Listado</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link" href="buscar">Buscar</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item dropdown"> |
|
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" |
|
|
|
aria-expanded="false"> |
|
|
|
CRUD |
|
|
|
</a> |
|
|
|
<ul class="dropdown-menu"> |
|
|
|
<li><a class="dropdown-item" href="nuevo">Crear</a></li> |
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
<nav th:fragment="usuarios" class="navbar navbar-expand-lg bg-dark navbar-dark fixed-top" |
|
|
|
style="--bs-bg-opacity: .8;"> |
|
|
|
<div class="container-fluid"> |
|
|
|
<a class="navbar-brand" href="/"> <i class="fa-solid fa-leaf fa-fade"></i> CRUD Usuario</a> |
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" |
|
|
|
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" |
|
|
|
aria-expanded="false" aria-label="Toggle navigation"> |
|
|
|
<span class="navbar-toggler-icon"></span> |
|
|
|
</button> |
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent"> |
|
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link active" aria-current="page" href="/">Listado</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link" href="buscar">Buscar</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item dropdown"> |
|
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" |
|
|
|
aria-expanded="false"> |
|
|
|
CRUD |
|
|
|
</a> |
|
|
|
<ul class="dropdown-menu"> |
|
|
|
<li><a class="dropdown-item" href="nuevo">Crear</a></li> |
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
|
|
|
|
<li class="nav-item dropdown"> |
|
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" |
|
|
|
aria-expanded="false"> |
|
|
|
API |
|
|
|
</a> |
|
|
|
<ul class="dropdown-menu"> |
|
|
|
<li><a class="dropdown-item" href="/api">JSON usuarios</a></li> |
|
|
|
<li><a class="dropdown-item" href="/api/insert">Insert</a></li> |
|
|
|
<li> |
|
|
|
<hr class="dropdown-divider"> |
|
|
|
</li> |
|
|
|
<li><a class="dropdown-item" href="/api/delete">Delete</a></li> |
|
|
|
<li><a class="dropdown-item" href="/api/update">Update</a></li> |
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
<li class="nav-item dropdown"> |
|
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" |
|
|
|
aria-expanded="false"> |
|
|
|
API |
|
|
|
</a> |
|
|
|
<ul class="dropdown-menu"> |
|
|
|
<li><a class="dropdown-item" href="/api">JSON usuarios</a></li> |
|
|
|
<li><a class="dropdown-item" href="/api/insert">Insert</a></li> |
|
|
|
<li> |
|
|
|
<hr class="dropdown-divider"> |
|
|
|
</li> |
|
|
|
<li><a class="dropdown-item" href="/api/delete">Delete</a></li> |
|
|
|
<li><a class="dropdown-item" href="/api/update">Update</a></li> |
|
|
|
</ul> |
|
|
|
</li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
<!-- Right elements --> |
|
|
|
<div class="d-flex align-items-center"> |
|
|
|
<!-- Icon --> |
|
|
|
<a class="link-secondary me-3" href="#"> |
|
|
|
<i class="fas fa-shopping-cart"></i> |
|
|
|
</a> |
|
|
|
|
|
|
|
<!-- Notifications --> |
|
|
|
<div class="dropdown"> |
|
|
|
<a |
|
|
|
class="link-secondary me-3 dropdown-toggle hidden-arrow" |
|
|
|
href="#" |
|
|
|
id="navbarDropdownMenuLink" |
|
|
|
role="button" |
|
|
|
data-mdb-toggle="dropdown" |
|
|
|
aria-expanded="false"> |
|
|
|
<i class="fas fa-bell"></i> |
|
|
|
<span class="badge rounded-pill badge-notification bg-danger">1</span> |
|
|
|
</a> |
|
|
|
<ul class="dropdown-menu dropdown-menu-end" |
|
|
|
aria-labelledby="navbarDropdownMenuLink"> |
|
|
|
<li> |
|
|
|
<a class="dropdown-item" href="#">Some news</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a class="dropdown-item" href="#">Another news</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a class="dropdown-item" href="#">Something else here</a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
<!-- Avatar --> |
|
|
|
<div class="dropdown"> |
|
|
|
<a class="dropdown-toggle d-flex align-items-center hidden-arrow" |
|
|
|
href="#" |
|
|
|
id="navbarDropdownMenuAvatar" |
|
|
|
role="button" |
|
|
|
data-mdb-toggle="dropdown" |
|
|
|
aria-expanded="false"> |
|
|
|
<img |
|
|
|
src="https://mdbcdn.b-cdn.net/img/new/avatars/2.webp" |
|
|
|
class="rounded-circle" |
|
|
|
height="25" |
|
|
|
alt="Black and White Portrait of a Man" |
|
|
|
loading="lazy"/> |
|
|
|
</a> |
|
|
|
<ul class="dropdown-menu dropdown-menu-end" |
|
|
|
aria-labelledby="navbarDropdownMenuAvatar"> |
|
|
|
<li> |
|
|
|
<a class="dropdown-item" href="#">My profile</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a class="dropdown-item" href="#">Settings</a> |
|
|
|
</li> |
|
|
|
<li> |
|
|
|
<a class="dropdown-item" href="#">Logout</a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- Right elements --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</nav> |
|
|
|
</body> |
|
|
|
</html> |
