1 <div class=
"menu-wrapper">
2 <menu [ngClass]=
"{ 'logged-in': isLoggedIn }">
4 <div *
ngIf=
"isLoggedIn" class=
"logged-in-block">
5 <my-avatar-notification [user]=
"user"></my-avatar-notification>
7 <div class=
"logged-in-info">
8 <a *
ngIf=
"user.account" [routerLink]=
"[ '/accounts', user.account.nameWithHost ]" class=
"logged-in-display-name">{{ user.account?.displayName }}
</a>
9 <a *
ngIf=
"!user.account" routerLink=
"/my-account/settings" class=
"logged-in-display-name">{{ user.account?.displayName }}
</a>
11 <div ngxClipboard [cbContent]=
"user.account?.nameWithHost" class=
"logged-in-username">{{ user.username }}
</div>
14 <div class=
"logged-in-more" ngbDropdown
placement=
"bottom-right auto">
15 <my-global-icon iconName=
"more-vertical" ngbDropdownToggle
role=
"button"></my-global-icon>
18 <a *
ngIf=
"user.account" [routerLink]=
"[ '/accounts', user.account.nameWithHost ]" class=
"dropdown-item">
19 <my-global-icon iconName=
"go"></my-global-icon> <ng-container i18n
>Public profile
</ng-container>
22 <div class=
"dropdown-divider"></div>
24 <a routerLink=
"/my-account" class=
"dropdown-item">
25 <my-global-icon iconName=
"user"></my-global-icon> <ng-container i18n
>Account settings
</ng-container>
28 <a routerLink=
"/my-account/video-channels" class=
"dropdown-item">
29 <my-global-icon iconName=
"folder"></my-global-icon> <ng-container i18n
>Channels settings
</ng-container>
32 <div class=
"dropdown-divider"></div>
34 <a (click)=
"logout($event)" class=
"dropdown-item" href=
"#">
35 <my-global-icon iconName=
"sign-out"></my-global-icon> <ng-container i18n
>Log out
</ng-container>
41 <div *
ngIf=
"!isLoggedIn" class=
"button-block">
42 <a i18n
routerLink=
"/login" class=
"login-button">Login
</a>
43 <a i18n *
ngIf=
"isRegistrationAllowed()" routerLink=
"/signup" class=
"create-account-button">Create an account
</a>
46 <div *
ngIf=
"isLoggedIn" class=
"panel-block">
47 <div i18n
class=
"block-title">My library
</div>
49 <a routerLink=
"/my-account/videos" routerLinkActive=
"active">
50 <my-global-icon iconName=
"videos"></my-global-icon>
51 <ng-container i18n
>Videos
</ng-container>
54 <a routerLink=
"/my-account/video-playlists" routerLinkActive=
"active">
55 <my-global-icon iconName=
"playlists"></my-global-icon>
56 <ng-container i18n
>Playlists
</ng-container>
59 <a routerLink=
"/videos/subscriptions" routerLinkActive=
"active">
60 <my-global-icon iconName=
"subscriptions"></my-global-icon>
61 <ng-container i18n
>Subscriptions
</ng-container>
64 <a routerLink=
"/my-account/history/videos" routerLinkActive=
"active">
65 <my-global-icon iconName=
"history"></my-global-icon>
66 <ng-container i18n
>History
</ng-container>
71 <div class=
"panel-block">
72 <div i18n
class=
"block-title">Videos
</div>
74 <a routerLink=
"/videos/overview" routerLinkActive=
"active">
75 <my-global-icon iconName=
"globe"></my-global-icon>
76 <ng-container i18n
>Discover
</ng-container>
79 <a routerLink=
"/videos/trending" routerLinkActive=
"active">
80 <my-global-icon iconName=
"trending"></my-global-icon>
81 <ng-container i18n
>Trending
</ng-container>
84 <a routerLink=
"/videos/most-liked" routerLinkActive=
"active">
85 <my-global-icon iconName=
"like"></my-global-icon>
86 <ng-container i18n
>Most liked
</ng-container>
89 <a routerLink=
"/videos/recently-added" routerLinkActive=
"active">
90 <my-global-icon iconName=
"recently-added"></my-global-icon>
91 <ng-container i18n
>Recently added
</ng-container>
94 <a routerLink=
"/videos/local" routerLinkActive=
"active">
95 <my-global-icon iconName=
"home"></my-global-icon>
96 <ng-container i18n
>Local
</ng-container>
100 <div class=
"panel-block">
101 <div class=
"block-title" i18n
>More
</div>
103 <a *
ngIf=
"userHasAdminAccess" [routerLink]=
"getFirstAdminRouteAvailable()" routerLinkActive=
"active">
104 <my-global-icon iconName=
"administration"></my-global-icon>
105 <ng-container i18n
>Administration
</ng-container>
108 <a routerLink=
"/about" routerLinkActive=
"active">
109 <my-global-icon iconName=
"about"></my-global-icon>
110 <ng-container i18n
>About
</ng-container>
115 <div class=
"footer d-flex justify-content-between">
116 <span class=
"language">
117 <span tabindex=
"0" role=
"button" (keyup.enter)=
"openLanguageChooser()" (click)=
"openLanguageChooser()" i18n-title
title=
"Change the language" class=
"icon icon-language"></span>
120 <span class=
"shortcuts">
121 <span tabindex=
"0" role=
"button" (keyup.enter)=
"openHotkeysCheatSheet()" (click)=
"openHotkeysCheatSheet()" i18n-title
title=
"Show keyboard shortcuts" class=
"icon icon-shortcuts"></span>
127 <my-language-chooser #languageChooserModal
></my-language-chooser>