Laravel 6 - 20 modificar las secciones nav

Laravel Logo

Hola y bienvenido, en esta clase lo que hemos hecho es crear un nuevo archivo llamado navuser.blade.php

y copiamos todo el nav correspondiente al usuario:

<nav class="navbar navbar-light">
  <a class="navbar-brand"><img id="icono" class="img-responsive" 
    src="https://imge.apk.tools/300/d/3/1/com.widesoft.guiatelefonica.png"></a>

  <ul class="nav flex-column text-center">
  <li class="nav-item">
    <span class="nav-link active">Bienvenido Jhonatan</span>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Cerrar sesión</a>
  </li>
</ul>

</nav>

y lo modificamos de esta manera:

<nav class="navbar navbar-light">
  <a href="{{ route('agenda.index')}}" class="navbar-brand"><img id="icono" class="img-responsive" 
    src="https://imge.apk.tools/300/d/3/1/com.widesoft.guiatelefonica.png"></a>

  <ul class="nav flex-column text-center">
  <li class="nav-item">
    <span class="nav-link active">Bienvenido {{ Auth::user()->name }}</span>
  </li>
  <li class="nav-item">
   		 <a class="nav-link" href="{{ route('logout') }}" onclick="event.preventDefault();document.getElementById('logout-form').submit();">Cerrar sesión</a>

		<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
		  @csrf
		</form>
  </li>
</ul>

</nav>



Si se fijan, agregamos la funcionalidad para que aparezca el nombre del usuario que está logueado y también la opción para cerrar sesión.

Adiconalmente, en las vistas index, create, edit y show, sustituimos el html de este nav, por el siguiente:

@include('agenda.navuser')

Por otro lado, en estas mismas vistas modificamos las migas de pan de esta manera:

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{ route('agenda.index')}}">Inicio</a></li>
    <li class="breadcrumb-item"><a>Editar el registro</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ $Agenda->id }} </li>
  </ol>
</nav>

Espero que les haya servido así que sin mas nos veremos en la próxima. 

 

Etiquetas

Comparte este artículo