Diciembre 12
Agregando la funcionalidad de logout
modificamos nuestra vista resources/views/layouts/modals/logout.blade.php para que luzca así
<!-- Logout Modal-->
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
<form action="{{route('logout')}}" method="POST">
@csrf
<button class="btn btn-primary"type="submit">Logout x</button>
</form>
{{-- <a class="btn btn-primary" href="login.html">Logout</a> --}}
</div>
</div>
</div>
</div>Es un pequeño cambio, pero lo que hicimos agregar un formulario con la ruta logout.
Ahora modificaremos el sidebar, para tener nuestros menúes
Diciembre 17
Sidebar
<!-- Sidebar -->
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
<!-- Sidebar - Brand -->
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.html">
<div class="sidebar-brand-icon rotate-n-15">
<i class="fas fa-paw"></i>
</div>
<div class="sidebar-brand-text mx-3">Mascotas Perdidas <sup>PY</sup></div>
</a>
<!-- Divider -->
<hr class="sidebar-divider my-0">
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" href="{{route('dashboard')}}">
<i class="fas fa-fw fa-tachometer-alt"></i>
<span>Dashboard</span></a>
</li>
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Heading -->
<div class="sidebar-heading">
reportes
</div>
<!-- Nav Item - Pages Collapse Menu -->
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo"
aria-expanded="true" aria-controls="collapseTwo">
<i class="fas fa-fw fa-cog"></i>
<span>Ultimos</span>
</a>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Agrupados:</h6>
<a class="collapse-item" href="buttons.html">Cronologicamente</a>
<a class="collapse-item" href="buttons.html">En el mapa</a>
<a class="collapse-item" href="cards.html">Por barrio</a>
<a class="collapse-item" href="cards.html">Por departamento</a>
</div>
</div>
</li>
<hr class="sidebar-divider">
<!-- Heading -->
<div class="sidebar-heading">
Mantenimiento
</div>
<!-- Nav Item - Utilities Collapse Menu -->
<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseUtilities"
aria-expanded="true" aria-controls="collapseUtilities">
<i class="fas fa-fw fa-wrench"></i>
<span>Utilidades</span>
</a>
<div id="collapseUtilities" class="collapse" aria-labelledby="headingUtilities"
data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Administración:</h6>
<a class="collapse-item" href="utilities-color.html">Usuarios</a>
<a class="collapse-item" href="utilities-border.html">Ubicaciones</a>
<a class="collapse-item" href="utilities-animation.html">Mensajes</a>
{{-- <a class="collapse-item" href="utilities-other.html">Other</a> --}}
</div>
</div>
</li>
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Heading -->
<div class="sidebar-heading">
Contenido Estatico
</div>
<!-- Nav Item - Charts -->
<li class="nav-item">
<a class="nav-link" href="charts.html">
<i class="fas fa-fw fa-chart-area"></i>
<span>Terminos y Condiciones</span></a>
</li>
<!-- Nav Item - Tables -->
<li class="nav-item">
<a class="nav-link" href="tables.html">
<i class="fas fa-fw fa-table"></i>
<span>Quienes somos</span></a>
</li>
<!-- Divider -->
<hr class="sidebar-divider d-none d-md-block">
<!-- Sidebar Toggler (Sidebar) -->
<div class="text-center d-none d-md-inline">
<button class="rounded-circle border-0" id="sidebarToggle"></button>
</div>
<!-- Sidebar Message -->
<!--
<div class="sidebar-card d-none d-lg-flex">
<img class="sidebar-card-illustration mb-2" src="{{ Vite::asset('resources/img/undraw_rocket.svg') }}" alt="...">
<p class="text-center mb-2"><strong>SB Admin Pro</strong> is packed with premium features, components, and more!</p>
<a class="btn btn-success btn-sm" href="https://startbootstrap.com/theme/sb-admin-pro">Upgrade to Pro!</a>
</div>
-->
</ul>
<!-- End of Sidebar -->Y hasta acá llegó el amor de documentar en el blog los cambios que va sufriendo el sitio.
El resto de la información pueden encontrarla en el repositorio git https://github.com/p431i7o/mascotas-perdidas-py
Lamento no haber podido avanzar más antes de claudicar con documentar en el blog, pero es mucho el trabajo y pocas las energías que tengo disponible ahora, y prefiero enfocarlas
