yvachot/PolyNotFound
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ameloriation du style de la partie user

Browse source
This commit is contained in:
MiharyR 2021-11-24 21:34:27 +01:00
parent 1e5b9bd49c
commit cd1f323686
26 changed files with 333 additions and 85 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/app/advertiser/utils/components/navbar-advertiser/navbar-advertiser.component.html
View file

@ -6,27 +6,33 @@
<span class="navbar-toggler-icon"></span>
</button>
<!-- [adList] [viewsAd]-->
<!-- [adList] [adsPopularity] [subjectsPopularity] -->
<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>
<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 class="nav-link" routerLink="/advertiser/adsPopularity"> Popularité des annonces </a>
<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 class="nav-link" routerLink="/advertiser/subjectsPopularity"> Popularité des domaines </a>
<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="/advertiser/myProfil"
[routerLink]="routes[4]"
alt="">
<!-- Deconnexion -->
<button mat-button class="btnDeconnexion" (click)="onDeconnexion()" routerLink="/">
Deconnexion

25
src/app/advertiser/utils/components/navbar-advertiser/navbar-advertiser.component.scss
View file

@ -1,6 +1,6 @@
.navbar {
background-color: black;
height: 50px;
height: 60px;
font-size: medium;
color: white;
}
@ -28,13 +28,24 @@
}
// Recherche, Mes Playlists, Historique
.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 {
@ -49,16 +60,6 @@ img:hover {
}
// Bonton deconnexion
.btnDeconnexion {
font-size: medium;
margin: 0px 10px 0px 10px
}
.btnDeconnexion:hover {
color: grey;
}
// --------------------------------------------------------------------

13
src/app/advertiser/utils/components/navbar-advertiser/navbar-advertiser.component.ts
View file

@ -1,4 +1,5 @@
import { Component } from '@angular/core';
import {Router} from "@angular/router";
@ -9,9 +10,19 @@ import { Component } from '@angular/core';
})
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() { }
constructor(private router: Router) { }
onDeconnexion(): void {}
}