Merge pull request #29 from fga-eps-mds/110-header-fix

110 header fix
fga-eps-mds · Dec 5, 2023 · 0bfa03c · 0bfa03c
2 parents d3ed9c7 + 5dba3a0
commit 0bfa03c
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 4 deletions.
diff --git a/src/app/components/background/background.component.html b/src/app/components/background/background.component.html
@@ -3,23 +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="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="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="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="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="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>
@@ -31,6 +60,7 @@
         ></button>
       </div>
     </nav>
+    </div>
   </div>
   <div class="flex-grow p-3">
     <ng-content></ng-content>

diff --git a/src/app/components/background/background.component.ts b/src/app/components/background/background.component.ts
@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { MenuItem, MessageService } from 'primeng/api';
+import { AppComponent } from 'src/app/app.component';
 
 @Component({
   selector: 'app-background',
@@ -37,4 +38,7 @@ export class BackgroundComponent implements OnInit {
       this.mobileDevide = false;
     }
   }
+  getActualRoute(): string {
+    return window.location.pathname;
+  }
 }