Destaca pagina atual no header

Co-authored-by: Gabriela Tiago <[email protected]>
fga-eps-mds · Nov 30, 2023 · 578aa1b · 578aa1b
1 parent d1f719a
commit 578aa1b
Showing 1 changed file with 33 additions and 5 deletions.
diff --git a/src/app/components/background/background.component.html b/src/app/components/background/background.component.html
@@ -3,24 +3,52 @@
     <div class="pt-10 flex justify-center items-center">
       <img alt="simbolo-unb" src="../../../assets/Simbolo_UnBTV-01 1.png" />
     </div>
-    <div *ngIf="!getActiveRoute()"> 
+    <div *ngIf="getActualRoute() !== '/login'"> 
     <nav class="flex flex-row items-center justify-center pl-3">
       <ul class="flex flex-row gap-1 text-xs">
-        <li class="text-blue-brand">
+        <div *ngIf="getActualRoute() === '/stream'"> 
+        <li class="text-blue-brand font-bold text-[#00A550]">
           <a [routerLink]="['/stream']">Agora na TV</a>
         </li>
-        <div class="mx-2 text-blue-brand">|</div>
+        </div>
+        <div *ngIf="getActualRoute() !== '/stream'"> 
         <li class="text-blue-brand">
-          <a [routerLink]="['/videos']">Catálogo</a>
+          <a [routerLink]="['/stream']">Agora na TV</a>
         </li>
+        </div>
+        <div class="mx-2 text-blue-brand">|</div>
+        <div *ngIf="getActualRoute() === '/videos'">
+          <li class="text-blue-brand font-bold text-[#00A550]">
+            <a [routerLink]="['/videos']">Catálogo</a>
+          </li>
+        </div>
+        <div *ngIf="getActualRoute() !== '/videos'">
+          <li class="text-blue-brand" >
+            <a [routerLink]="['/videos']">Catálogo</a>
+          </li>
+        </div>
         <div class="mx-2 text-blue-brand">|</div>
+        <div *ngIf="getActualRoute() === '/grid-days'"> 
+        <li class="text-blue-brand font-bold text-[#00A550]">
+          <a [routerLink]="['/grid-days']">Programação</a>
+        </li>
+        </div>
+        <div *ngIf="getActualRoute() !== '/grid-days'"> 
         <li class="text-blue-brand">
           <a [routerLink]="['/grid-days']">Programação</a>
         </li>
+        </div>
         <div class="mx-2 text-blue-brand">|</div>
-        <li class="text-blue-brand">
+        <div *ngIf="getActualRoute() === '/participate'" >
+        <li class="text-blue-brand font-bold text-[#00A550]">
           <a [routerLink]="['/participate']">Participe</a>
         </li>
+        </div>
+        <div *ngIf="getActualRoute() !== '/participate'" >
+          <li class="text-blue-brand">
+            <a [routerLink]="['/participate']">Participe</a>
+          </li>
+          </div>
       </ul>
       <div class="card flex justify-content-center mx-2">
         <p-menu #menu [model]="items" [popup]="true"></p-menu>