+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/utils/components/nav-bar/nav-bar.component.scss b/src/app/utils/components/nav-bar/nav-bar.component.scss
index 48bd2a4..b414649 100644
--- a/src/app/utils/components/nav-bar/nav-bar.component.scss
+++ b/src/app/utils/components/nav-bar/nav-bar.component.scss
@@ -1,55 +1,66 @@
-.StreamNotFound {
- font-style: oblique;
- font-family: cursive;
- font-size: xx-large;
-}
-
-
-mat-icon {
- margin-top: 2px;
- font-size: xx-large;
-}
-
-
-mat-slide-toggle {
- margin-top: 20px;
-}
-
-
-ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: hidden;
+.navbar {
background-color: black;
- height: 70px;
- color: white;
- border-bottom: solid 2px white;
-}
-
-
-li {
- float: left;
+ height: 75px;
font-size: x-large;
- background-color: black;
-}
-
-
-li a {
- display: block;
color: white;
- text-align: center;
- padding: 14px 16px;
- text-decoration: none;
- background-color: black;
}
-.cliquable a:hover:not(.active) {
- background-color: #c8c8c8;
+.navbar-expand-lg {
+ border-bottom: solid;
+ border-color: white;
+ border-bottom-width: 2px;
}
+// PolyNotFound
+.navbar-brand {
+ font-family: "Lucida Console";
+ font-weight: bold;
+ font-style: oblique 90deg;
+ font-size: xx-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 {
diff --git a/src/app/utils/components/nav-bar/nav-bar.component.ts b/src/app/utils/components/nav-bar/nav-bar.component.ts
index 8a83013..e4c4f2f 100644
--- a/src/app/utils/components/nav-bar/nav-bar.component.ts
+++ b/src/app/utils/components/nav-bar/nav-bar.component.ts
@@ -8,12 +8,16 @@ import {ThemeService} from "../../services/theme/theme.service";
})
export class NavBarComponent
{
- @Input() pour = "3roles";
+ @Input() pour = "3roles";
- constructor(public themeService: ThemeService) { }
+ constructor(public themeService: ThemeService) { }
- onClick(): void {
- this.themeService.isLightTheme = !this.themeService.isLightTheme
- }
+ onClick(): void {
+ this.themeService.isLightTheme = !this.themeService.isLightTheme;
+ }
+
+ onDeconnexion(): void {
+
+ }
}
diff --git a/src/app/utils/interfaces/user.ts b/src/app/utils/interfaces/user.ts
new file mode 100644
index 0000000..34ea01d
--- /dev/null
+++ b/src/app/utils/interfaces/user.ts
@@ -0,0 +1,9 @@
+export interface User
+{
+ _id: string,
+ login: string
+ hashPass: string
+ mail: string
+ role: any,
+ profilePictureUrl: string
+}
diff --git a/src/app/utils/services/fictitiousDatas/fictitious-datas.service.ts b/src/app/utils/services/fictitiousDatas/fictitious-datas.service.ts
index c724372..8b9946f 100644
--- a/src/app/utils/services/fictitiousDatas/fictitious-datas.service.ts
+++ b/src/app/utils/services/fictitiousDatas/fictitious-datas.service.ts
@@ -3,6 +3,7 @@ import {Video} from "../../interfaces/video";
import {Playlist} from "../../interfaces/playlist";
import {Advert} from "../../interfaces/advert";
import {WatchedVideo} from "../../interfaces/watchedVideo";
+import {User} from "../../interfaces/user";
@@ -167,4 +168,18 @@ export class FictitiousDatasService
return tabWatchedVideo;
}
+
+
+ getUser(): User
+ {
+ return {
+ _id: "blablablaId",
+ login: "yoyo",
+ hashPass: "agourgroou",
+ mail: "yoyo@gmail.com",
+ role: "user",
+ profilePictureUrl: "https://ih1.redbubble.net/image.945612860.1330/flat,750x1000,075,f.jpg"
+ }
+ }
+
}