From 578aa1b03ff9a4c75f56cabccad9362557a1eb7c Mon Sep 17 00:00:00 2001
From: Marcos Castilhos <221008300@aluno.unb.br>
Date: Thu, 30 Nov 2023 18:25:29 -0300
Subject: [PATCH] Destaca pagina atual no header

Co-authored-by: Gabriela Tiago <gabrielatiagodearaujo@outlook.com>
---
 .../background/background.component.html      | 38 ++++++++++++++++---
 1 file changed, 33 insertions(+), 5 deletions(-)

diff --git a/src/app/components/background/background.component.html b/src/app/components/background/background.component.html
index c916e695..58e81e84 100644
--- 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>