restructuration des fichiers (pour pouvoir passer plus facilement plusieurs fronts)

src/app/advertiser/manageAds/drag-and-drop/drag-and-drop.component.html

@@ -1,15 +1,17 @@
 <div title="bobo" class="container" appDragAndDrop (fileDropped)="onFileDropped($event)">
     <input type="file" #fileDropRef id="fileDropRef" multiple (change)="fileBrowseHandler($event.target.files)" />
     <h3>Images</h3>
-    <img src="/assets/uploadFile.png" width="50" height="50" style="margin-top: 5px">
+    <img src="/src/assets/uploadFile.png" width="50" height="50" style="margin-top: 5px">
     <div style="font-style: italic; margin-top: 10px">Glisser déposer</div>
     <div style="font-style: italic">ou</div>
     <div style="font-style: italic" for="fileDropRef">Cliquer pour selectionner</div>
 </div>
+
 <mat-icon [title]=info_image>info</mat-icon>
+
 <div class="files-list">
     <div class="single-file" *ngFor="let file of files; let i = index">
-        <img src="assets/uploadFile.png" width="45px" alt="file">
+        <img src="/assets/uploadFile.png" width="45px" alt="file">
         <div class="info">
             <h4 class="name">
                 {{ file?.name }}

src/app/advertiser/manageAds/input-tags/input-tags.component.spec.ts

@@ -1,20 +1,20 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { BarTagsComponent } from './bar-tags.component';
+import { InputTagsComponent } from './input-tags.component';
 
 describe('BarTagsComponent', () => {
-  let component: BarTagsComponent;
-  let fixture: ComponentFixture<BarTagsComponent>;
+  let component: InputTagsComponent;
+  let fixture: ComponentFixture<InputTagsComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ BarTagsComponent ]
+      declarations: [ InputTagsComponent ]
     })
     .compileComponents();
   });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(BarTagsComponent);
+    fixture = TestBed.createComponent(InputTagsComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/advertiser/manageAds/input-tags/input-tags.component.ts

@@ -5,17 +5,17 @@ import {Observable} from "rxjs";
 import {map, startWith} from "rxjs/operators";
 import {MatChipInputEvent} from "@angular/material/chips";
 import {MatAutocompleteSelectedEvent} from "@angular/material/autocomplete";
-import {FictitiousDatasService} from "../../utils/services/fictitiousDatas/fictitious-datas.service";
-import {MessageService} from "../../utils/services/message/message.service";
+import {FictitiousDatasService} from "../../../utils/services/fictitiousDatas/fictitious-datas.service";
+import {MessageService} from "../../../utils/services/message/message.service";
 
 
 
 @Component({
-    selector: 'app-bar-tags',
-    templateUrl: './bar-tags.component.html',
-    styleUrls: ['./bar-tags.component.scss']
+    selector: 'app-input-tags',
+    templateUrl: './input-tags.component.html',
+    styleUrls: ['./input-tags.component.scss']
 })
-export class BarTagsComponent implements OnInit
+export class InputTagsComponent implements OnInit
 {
     selectable = true;
     removable = true;
@@ -41,30 +41,19 @@ export class BarTagsComponent implements OnInit
         // --- FAUX CODE ---
         this.allTags = this.fictitiousDatasService.getTags();
         this.allTags.sort();
-
-        // --- VRAI CODE ---
-        /*
-        this.messageService
-            .sendMessage("advertiser/get/tags", null)
-            .subscribe( retour => {
-
-                if(retour.status === "error") console.log(retour);
-                else {
-                    this.allTags = retour.data.tags;
-                    this.allTags.sort();
-                }
-            });
-        */
     }
 
 
     add(event: MatChipInputEvent): void
     {
         const value = (event.value || '').trim();
-        if (value) this.myTags.push(value); // Add our fruit
-        event.chipInput!.clear(); // Clear the input value
-        this.formControl.setValue(null);
-        this.eventEmitter.emit(this.myTags);
+        if (value && (this.allTags.indexOf(value) !== -1))
+        {
+            this.myTags.push(value);
+            event.chipInput!.clear();
+            this.formControl.setValue(null);
+            this.eventEmitter.emit(this.myTags);
+        }
     }
 
 

src/app/advertiser/manageAds/page-advertiser/page-advertiser.component.html

@@ -2,7 +2,7 @@
     <div class="myContainer">
 
 
-        <app-nav-bar pour="advertiser"></app-nav-bar><br><br>
+        <app-navbar-advertiser></app-navbar-advertiser><br><br>
 
         <!-- ---------------------------------------------------------------------------------- -->
 

src/app/advertiser/manageAds/page-advertiser/page-advertiser.component.ts

@@ -1,9 +1,9 @@
 import {Component, OnInit, ViewChild} from '@angular/core';
 import {MatSort} from "@angular/material/sort";
-import {ThemeService} from "../../utils/services/theme/theme.service";
-import {FictitiousDatasService} from "../../utils/services/fictitiousDatas/fictitious-datas.service";
+import {ThemeService} from "../../../utils/services/theme/theme.service";
+import {FictitiousDatasService} from "../../../utils/services/fictitiousDatas/fictitious-datas.service";
 import {MatTableDataSource} from "@angular/material/table";
-import {Advert} from "../../utils/interfaces/advert";
+import {Advert} from "../../../utils/interfaces/advert";
 import {MatDialog} from "@angular/material/dialog";
 import {PopupAddOrUpdateAdComponent} from "../popup-add-or-update-ad/popup-add-or-update-ad.component";
 import {MatSnackBar} from "@angular/material/snack-bar";

src/app/advertiser/manageAds/popup-add-or-update-ad/popup-add-or-update-ad.component.html

@@ -18,7 +18,7 @@
         <app-drag-and-drop></app-drag-and-drop>
 
         <!-- Tags -->
-        <app-bar-tags [myTags]="advert.tags" (eventEmitter)="onEventBarTags($event)"></app-bar-tags>
+        <app-input-tags [myTags]="advert.tags" (eventEmitter)="onEventInputTags($event)"></app-input-tags>
 
         <!-- Comments -->
         <mat-form-field class="commentContainer" appearance="fill">

src/app/advertiser/manageAds/popup-add-or-update-ad/popup-add-or-update-ad.component.ts

@@ -1,8 +1,8 @@
 import {Component, Inject, OnInit} from '@angular/core';
-import {Advert} from "../../utils/interfaces/advert";
+import {Advert} from "../../../utils/interfaces/advert";
 import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
-import {MessageService} from "../../utils/services/message/message.service";
-import {ThemeService} from "../../utils/services/theme/theme.service";
+import {MessageService} from "../../../utils/services/message/message.service";
+import {ThemeService} from "../../../utils/services/theme/theme.service";
 
 
 const ADVERT_VIDE = {
@@ -82,7 +82,7 @@ export class PopupAddOrUpdateAdComponent implements OnInit
     }
 
 
-    onEventBarTags(myTags: string[]): void
+    onEventInputTags(myTags: string[]): void
     {
         this.advert.tags = myTags;
     }

src/app/advertiser/manageAds/popup-delete-ad/popup-delete-ad.component.ts

@@ -1,7 +1,7 @@
 import {Component, Inject, OnInit} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
-import {MessageService} from "../../utils/services/message/message.service";
-import {Advert} from "../../utils/interfaces/advert";
+import {MessageService} from "../../../utils/services/message/message.service";
+import {Advert} from "../../../utils/interfaces/advert";
 
 
 

src/app/advertiser/manageAds/popup-visualize-ad/popup-visualize-ad.component.ts

@@ -1,7 +1,7 @@
 import {Component, Inject, OnInit} from '@angular/core';
-import {ThemeService} from "../../utils/services/theme/theme.service";
+import {ThemeService} from "../../../utils/services/theme/theme.service";
 import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from "@angular/material/dialog";
-import {Advert} from "../../utils/interfaces/advert";
+import {Advert} from "../../../utils/interfaces/advert";
 import {PopupVisualizeImagesComponent} from "../popup-visualize-images/popup-visualize-images.component";
 
 @Component({

src/app/advertiser/manageAds/popup-visualize-images/popup-visualize-images.component.ts

@@ -1,6 +1,6 @@
 import {Component, Inject, OnInit} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from "@angular/material/dialog";
-import {ThemeService} from "../../utils/services/theme/theme.service";
+import {ThemeService} from "../../../utils/services/theme/theme.service";
 
 @Component({
     selector: 'app-popup-visualize-images',

src/app/advertiser/myProfil/page-profil-advertiser/page-profil-advertiser.component.html

@@ -0,0 +1 @@
+<p>page-profil-advertiser works!</p>

src/app/advertiser/myProfil/page-profil-advertiser/page-profil-advertiser.component.spec.ts

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

src/app/advertiser/myProfil/page-profil-advertiser/page-profil-advertiser.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-page-profil-advertiser',
+  templateUrl: './page-profil-advertiser.component.html',
+  styleUrls: ['./page-profil-advertiser.component.scss']
+})
+export class PageProfilAdvertiserComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/advertiser/myProfil/popup-update-advertiser/popup-update-advertiser.component.html

@@ -0,0 +1 @@
+<p>popup-update-advertiser works!</p>

src/app/advertiser/myProfil/popup-update-advertiser/popup-update-advertiser.component.spec.ts

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

src/app/advertiser/myProfil/popup-update-advertiser/popup-update-advertiser.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-popup-update-advertiser',
+  templateUrl: './popup-update-advertiser.component.html',
+  styleUrls: ['./popup-update-advertiser.component.scss']
+})
+export class PopupUpdateAdvertiserComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

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

@@ -0,0 +1,23 @@
+<nav class="navbar navbar-expand-lg">
+
+    <!-- PolyNotFound -->
+    <a class="navbar-brand" routerLink="/advertiser"> 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>
+
+    <!-- Vide -->
+    <div class="collapse navbar-collapse"></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/navbar-advertiser/navbar-advertiser.component.scss

@@ -0,0 +1,80 @@
+.navbar {
+  background-color: black;
+  height: 75px;
+  font-size: x-large;
+  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-style: oblique 90deg;
+  font-size: xxx-large;
+  margin-left: 30px;
+  color: white;
+}
+
+
+// Recherche, Mes Playlists, Historique
+.nav-link {
+  color: white;
+}
+.nav-link:hover {
+  color: grey;
+}
+
+
+// Bonton deconnexion
+.btnDeconnexion {
+  font-size: x-large;
+  margin: 0px 10px 0px 10px
+}
+.btnDeconnexion:hover {
+  color: grey;
+}
+
+
+.monLi {
+  margin: 0px 10px 0px 10px;
+}
+
+
+img {
+  border: solid 2px white;
+  border-radius: 50px;
+  margin: 0px 10px 0px 15px;
+  width: 50px;
+  height: 50px;
+}
+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/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/navbar-advertiser/navbar-advertiser.component.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import {ThemeService} from "../../utils/services/theme/theme.service";
+
+@Component({
+  selector: 'app-navbar-advertiser',
+  templateUrl: './navbar-advertiser.component.html',
+  styleUrls: ['./navbar-advertiser.component.scss']
+})
+export class NavbarAdvertiserComponent
+{
+    urlImage: string = "" ;
+
+    constructor( public themeService: ThemeService ) { }
+
+    onDeconnexion(): void {}
+
+}