mini cambios

Author: Xarlifue360

frontend/src/app/app.routing.ts

@@ -1,4 +1,5 @@
 import { Routes, RouterModule } from '@angular/router';
+import { AdminComponent } from './components/admin/admin.component';
 
 import { HomeComponent } from './components/home/home.component';
 import { NewsComponent } from './components/news/news.component';
@@ -13,6 +14,7 @@ const appRoutes = [
     { path: 'news', component: NewsComponent },
     { path: 'showNews', component: ShowNewsComponent},
     { path: 'userProfile', component: UserProfile},
+    { path: 'admin', component: AdminComponent},
     { path: '', redirectTo: 'home', pathMatch: 'full'}
 ]
 

frontend/src/app/components/navBar/navBar.component.html

@@ -5,34 +5,15 @@
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
             <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                 <li class="nav-item"><a class="nav-link" href="/">Inicio</a></li>
-                <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Videojuegos</a>
-                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog">
-                        <li><a class="dropdown-item" [routerLink]="['/videogame']">Descubrir</a></li>
-                        <li><a class="dropdown-item" [routerLink]="['/videogameStatistics/0']">Top Juegos</a></li>
-                    </ul>
-                </li>
+                <li class="nav-item"><a class="nav-link" [routerLink]="['/videogamecatalog']">Descubrir Juegos</a></li>
+                <li class="nav-item"><a class="nav-link" [routerLink]="['/videogameStatistics/0']">Top Juegos</a></li>
                 <li class="nav-item"><a class="nav-link" [routerLink]="['/news']">Noticias</a></li>
                 <li class="nav-item"><a class="nav-link" [routerLink]="['/about']">About</a></li>
-
-
-                <p *ngIf="!loginService.isLogged()"><!--/p-->
-                <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Sesión</a>
-                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog">
-                        <li><a class="dropdown-item" [routerLink]="['/login']">Iniciar sesión</a></li>
-                        <li><a class="dropdown-item" [routerLink]="['/signin']">Registrarse</a></li>
-                    </ul>
-                </li>
-
-
-                <a ngIf="loginService.isLogged()">
-                    <p ngIf="loginService.isAdmin()"><!--/p-->
-                        <li class="nav-item"><a class="nav-link" [routerLink]="['/admin']">Administrador</a></li>
-                    </p>
-                    <li class="nav-item"><a class="nav-link" [routerLink]="['/userProfile']">Perfil</a></li>
-                </a>
+                <li *ngIf="! loginService.isLogged()" class="nav-item"><a class="nav-link" [routerLink]="['/login']">Iniciar sesión</a></li>
+                <li *ngIf="! loginService.isLogged()" class="nav-item"><a class="nav-link" [routerLink]="['/signUp']">Registrarse</a></li>
+                <li *ngIf="loginService.isLogged()" class="nav-item"><a class="nav-link" [routerLink]="['/userProfile/{{loginService.currentUser().id}}']">Perfil</a></li>
+                <li *ngIf="loginService.isAdmin() && loginService.isLogged()" class="nav-item"><a class="nav-link" [routerLink]="['/admin']">Administrador</a></li>
             </ul>
         </div>
     </div>
-</nav>
+</nav>