Melhorias _LoginPartial

Author: jeffreysSharp

src/web/JSE.WebApp.MVC/Views/Shared/_Layout.cshtml

@@ -73,25 +73,8 @@
             </nav>
 
             <!-- Button group -->
-            <div class="d-flex align-items-center">
-
-                <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex" asp-area="" asp-controller="Catalogo" asp-action="Index">
-                    <i class="ci-home animate-target"></i>                    
-                    <span class="visually-hidden">Home</span>
-                </a>
-
-                <!-- Account button visible on screens > 768px wide (md breakpoint) -->
-                <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex" href="account-signin.html">
-                    <i class="ci-user animate-target"></i>
-                    <span class="visually-hidden">Account</span>
-                </a>
-
-                <!-- Cart button -->
-                <button type="button" class="btn btn-icon btn-lg fs-xl btn-outline-secondary position-relative border-0 rounded-circle animate-scale" data-bs-toggle="offcanvas" data-bs-target="#shoppingCart" aria-controls="shoppingCart" aria-label="Shopping cart">
-                    <span class="position-absolute top-0 start-100 badge fs-xs text-bg-primary rounded-pill mt-1 ms-n4 z-2" style="--cz-badge-padding-y: .25em; --cz-badge-padding-x: .42em">3</span>
-                    <i class="ci-shopping-bag animate-target me-1"></i>
-                </button>
-            </div>
+            <partial name="_LoginPartial" />
+
         </div>
     </header>
 

src/web/JSE.WebApp.MVC/Views/Shared/_LoginPartial.cshtml

@@ -2,7 +2,49 @@
 @using JSE.WebApp.MVC.Extensions
 @inject IAspNetUser AppUser
 
-<ul class="navbar-nav">
+
+<div class="d-flex align-items-center">
+
+    <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex" asp-area="" asp-controller="Catalogo" asp-action="Index" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Home">
+        <i class="ci-home animate-target"></i>
+        <span class="visually-hidden">Home</span>
+    </a>
+
+    @if (AppUser.EstaAutenticado())
+    {
+        <!-- Account button visible on screens > 768px wide (md breakpoint) -->
+        <a class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Olá @AppUser.ObterUserEmail()">
+            <i class="ci-user-check animate-target"></i>
+            <span class="visually-hidden">Olá @AppUser.ObterUserEmail()</span>
+        </a>
+
+        <a asp-controller="Identidade" asp-action="Logout" class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Sair">
+            <i class="ci-log-out animate-target"></i>            
+            <span class="visually-hidden">Sair</span>
+        </a>
+
+        <!-- Cart button -->
+        <button type="button" class="btn btn-icon btn-lg fs-xl btn-outline-secondary position-relative border-0 rounded-circle animate-scale" data-bs-toggle="offcanvas" data-bs-target="#shoppingCart" aria-controls="shoppingCart" aria-label="Shopping cart" data-bs-placement="bottom" data-bs-title="Carrinho">
+            <span class="position-absolute top-0 start-100 badge fs-xs text-bg-primary rounded-pill mt-1 ms-n4 z-2" style="--cz-badge-padding-y: .25em; --cz-badge-padding-x: .42em">3</span>
+            <i class="ci-shopping-bag animate-target me-1"></i>
+        </button>
+    }
+    else
+    {
+        <a asp-controller="Identidade" asp-action="Login"  class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Entrar">
+            <i class="ci-unlock animate-target"></i>            
+            <span class="visually-hidden">Entrar</span>
+        </a>
+
+        <a asp-controller="Identidade" asp-action="Registro" class="btn btn-icon btn-lg fs-lg btn-outline-secondary border-0 rounded-circle animate-shake d-none d-md-inline-flex" data-bs-toggle="tooltip"  data-bs-placement="bottom" data-bs-title="Cadastre-se">
+            <i class="ci-user-plus animate-target"></i>
+            <span class="visually-hidden">Cadastre-se</span>
+        </a>
+    }
+</div>
+
+
+@* <ul class="navbar-nav">
     @if (AppUser.EstaAutenticado())
     {
         <li class="nav-item">
@@ -21,4 +63,4 @@
             <a class="nav-link text-dark" asp-controller="Identidade" asp-action="Login">Entrar</a>
         </li>
     }
-</ul>
+</ul> *@