corrections des erreurs remarquées par Wilfried

src/app/advertiser/utils/navbar-advertiser/navbar-advertiser.component.html

@@ -0,0 +1,41 @@
+<nav class="navbar navbar-expand-lg">
+
+    <!-- PolyNotFound -->
+    <a class="navbar-brand" routerLink="/url/adList"> StreamNotFound </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+
+
+    <!-- [adList] [adsPopularity] [subjectsPopularity] -->
+    <div class="collapse navbar-collapse">
+        <ul class="navbar-nav">
+            <li class="nav-item active monLi">
+                <a *ngIf="(url !== routes[0]) && (url !== routes[1])" [routerLink]="routes[1]" class="nav-link">Gestion des annonces</a>
+                <a *ngIf="(url === routes[0]) || (url === routes[1])" [routerLink]="routes[1]" class="nav-link myActiveLink">Gestion des annonces</a>
+            </li>
+            <li class="nav-item active monLi">
+                <a *ngIf="url !== routes[2]" [routerLink]="routes[2]" class="nav-link">Popularité des annonces</a>
+                <a *ngIf="url === routes[2]" [routerLink]="routes[2]" class="nav-link myActiveLink">Popularité des annonces</a>
+            </li>
+            <li class="nav-item active monLi">
+                <a *ngIf="url !== routes[3]" [routerLink]="routes[3]" class="nav-link">Popularité des domaines</a>
+                <a *ngIf="url === routes[3]" [routerLink]="routes[3]" class="nav-link myActiveLink">Popularité des domaines</a>
+            </li>
+        </ul>
+    </div>
+
+
+    <!-- Mon profil -->
+    <img [src]=urlImage
+         onerror="this.onerror=null; this.src='assets/profil.png'"
+         [routerLink]="routes[4]"
+         alt="">
+
+
+    <!-- Deconnexion -->
+    <button mat-button class="btnDeconnexion" (click)="onDeconnexion()" routerLink="/">
+        Deconnexion
+    </button>
+
+</nav>

src/app/advertiser/utils/navbar-advertiser/navbar-advertiser.component.scss

@@ -0,0 +1,80 @@
+.navbar {
+  background-color: black;
+  height: 60px;
+  font-size: medium;
+  color: white;
+}
+
+
+.navbar-expand-lg {
+  border-bottom: solid;
+  border-color: white;
+  border-bottom-width: 2px;
+}
+
+
+// PolyNotFound
+.navbar-brand {
+  font-family: cursive;
+  font-weight: bold;
+  font-size: x-large;
+  margin-left: 15px;
+  color: white;
+}
+
+
+.monLi {
+  margin: 0px 10px 0px 10px;
+}
+
+
+.nav-link {
+  color: white;
+}
+.nav-link:hover {
+  color: grey;
+}
+.myActiveLink {
+  text-decoration: underline;
+}
+
+
+.btnDeconnexion {
+  font-size: medium;
+  margin: 0px 10px 0px 10px
+}
+.btnDeconnexion:hover {
+  color: grey;
+}
+
+
+img {
+  border: solid 2px white;
+  border-radius: 50px;
+  margin: 0px 10px 0px 15px;
+  width: 40px;
+  height: 40px;
+}
+img:hover {
+  cursor: pointer;
+}
+
+
+// --------------------------------------------------------------------
+
+
+::ng-deep .mat-slide-toggle-thumb {
+  background-color: #c8c8c8;
+}
+
+::ng-deep .mat-slide-toggle-bar {
+  background-color: #ffffff;
+}
+
+::ng-deep .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
+  background-color: #ffffff;
+}
+
+::ng-deep .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
+  background-color: #646464;
+}

src/app/advertiser/utils/navbar-advertiser/navbar-advertiser.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NavbarAdvertiserComponent } from './navbar-advertiser.component';
+
+describe('NavbarAdvertiserComponent', () => {
+  let component: NavbarAdvertiserComponent;
+  let fixture: ComponentFixture<NavbarAdvertiserComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ NavbarAdvertiserComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(NavbarAdvertiserComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/advertiser/utils/navbar-advertiser/navbar-advertiser.component.ts

@@ -0,0 +1,28 @@
+import { Component } from '@angular/core';
+import {Router} from "@angular/router";
+
+
+
+@Component({
+  selector: 'app-navbar-advertiser',
+  templateUrl: './navbar-advertiser.component.html',
+  styleUrls: ['./navbar-advertiser.component.scss']
+})
+export class NavbarAdvertiserComponent
+{
+    routes: string[] = [
+        "/advertiser",                      // 0
+        "/advertiser/adList",               // 1
+        "/advertiser/adsPopularity",        // 2
+        "/advertiser/subjectsPopularity",   // 3
+        "/advertiser/myProfil"              // 4
+    ];
+
+    url = this.router.url;
+
+    urlImage: string = "https://www.figurines-goodies.com/1188-large_default/dewey-duck-tales-disney-funko-pop.jpg" ;
+
+    constructor(private router: Router) { }
+
+    onDeconnexion(): void {}
+}