continuation de la partie advertiser

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

@@ -0,0 +1,35 @@
+<nav class="navbar navbar-expand-lg">
+
+    <!-- PolyNotFound -->
+    <a class="navbar-brand" routerLink="/advertiser/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] [viewsAd]-->
+    <div class="collapse navbar-collapse">
+        <ul class="navbar-nav">
+            <li class="nav-item active monLi">
+                <a class="nav-link" routerLink="/advertiser/adList"> Gestion des annonces </a>
+            </li>
+            <li class="nav-item active monLi">
+                <a class="nav-link" routerLink="/advertiser/adsPopularity"> Popularité des annonces </a>
+            </li>
+            <li class="nav-item active monLi">
+                <a class="nav-link" routerLink="/advertiser/subjectsPopularity"> Popularité des domaines </a>
+            </li>
+        </ul>
+    </div>
+
+    <!-- Mon profil -->
+    <img [src]=urlImage
+         onerror="this.onerror=null; this.src='assets/profil.png'"
+         routerLink="/advertiser/myProfil"
+         alt="">
+
+    <!-- Deconnexion -->
+    <button mat-button class="btnDeconnexion" (click)="onDeconnexion()" routerLink="/">
+        Deconnexion
+    </button>
+
+</nav>

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

@@ -0,0 +1,79 @@
+.navbar {
+  background-color: black;
+  height: 50px;
+  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;
+}
+
+
+// Recherche, Mes Playlists, Historique
+.nav-link {
+  color: white;
+}
+.nav-link:hover {
+  color: grey;
+}
+
+
+img {
+  border: solid 2px white;
+  border-radius: 50px;
+  margin: 0px 10px 0px 15px;
+  width: 40px;
+  height: 40px;
+}
+img:hover {
+  cursor: pointer;
+}
+
+
+// Bonton deconnexion
+.btnDeconnexion {
+  font-size: medium;
+  margin: 0px 10px 0px 10px
+}
+.btnDeconnexion:hover {
+  color: grey;
+}
+
+
+// --------------------------------------------------------------------
+
+
+::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/components/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/components/navbar-advertiser/navbar-advertiser.component.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+
+
+
+@Component({
+  selector: 'app-navbar-advertiser',
+  templateUrl: './navbar-advertiser.component.html',
+  styleUrls: ['./navbar-advertiser.component.scss']
+})
+export class NavbarAdvertiserComponent
+{
+    urlImage: string = "https://www.figurines-goodies.com/1188-large_default/dewey-duck-tales-disney-funko-pop.jpg" ;
+
+    constructor() { }
+
+    onDeconnexion(): void {}
+}