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

13
src/app/admin/utils/components/navbar-admin/navbar-admin.component.html
View file

@ -6,24 +6,29 @@
<span class="navbar-toggler-icon"></span>
</button>
<!-- [UserList] [Mes AdList] [Historique] -->
<!-- [userList] [adList] -->
<div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item active monLi">
<a class="nav-link" routerLink="/admin/userList"> Liste des utillisateurs </a>
<a *ngIf="(url !== routes[0]) && (url !== routes[1])" [routerLink]="routes[1]" class="nav-link">Liste des utillisateurs</a>
<a *ngIf="(url === routes[0]) || (url === routes[1])" [routerLink]="routes[1]" class="nav-link myActiveLink">Liste des utillisateurs</a>
</li>
<li class="nav-item active monLi">
<a class="nav-link" routerLink="/admin/adList"> Liste des pubs </a>
<a *ngIf="url !== routes[2]" [routerLink]="routes[2]" class="nav-link">Liste des pubs</a>
<a *ngIf="url === routes[2]" [routerLink]="routes[2]" class="nav-link myActiveLink">Liste des pubs</a>
</li>
</ul>
</div>
<!-- Mon profil -->
<img [src]=urlImage
onerror="this.onerror=null; this.src='assets/profil.png'"
routerLink="/admin/myProfil"
[routerLink]="routes[3]"
alt="">
<!-- Deconnexion -->
<button mat-button class="btnDeconnexion" (click)="onDeconnexion()" routerLink="/">
Deconnexion

17
src/app/admin/utils/components/navbar-admin/navbar-admin.component.scss
View file

@ -1,6 +1,6 @@
.navbar {
background-color: black;
height: 50px;
height: 60px;
font-size: medium;
color: white;
}
@ -23,16 +23,22 @@
}
// Recherche, Mes Playlists, Historique
.monLi {
margin: 0px 10px 0px 10px;
}
.nav-link {
color: white;
}
.nav-link:hover {
color: grey;
}
.myActiveLink {
text-decoration: underline;
}
// Bonton deconnexion
.btnDeconnexion {
font-size: medium;
margin: 0px 10px 0px 10px
@ -42,11 +48,6 @@
}
.monLi {
margin: 0px 10px 0px 10px;
}
img {
border: solid 2px white;
border-radius: 50px;

14
src/app/admin/utils/components/navbar-admin/navbar-admin.component.ts
View file

@ -1,4 +1,5 @@
import { Component } from '@angular/core';
import {Component} from '@angular/core';
import {Router} from "@angular/router";
@ -9,9 +10,18 @@ import { Component } from '@angular/core';
})
export class NavbarAdminComponent
{
routes: string[] = [
"/admin", // 0
"/admin/userList", // 1
"/admin/adList", // 2
"/admin/myProfil", // 3
];
url = this.router.url;
urlImage: string = "https://www.reference-gaming.com/assets/media/product/41195/figurine-pop-duck-tales-n-309-loulou.jpg?format=product-cover-large&k=1519639530" ;
constructor() { }
constructor(private router: Router) { }
onDeconnexion(): void {}
}