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 routerLink=
"/my-account/settings" class=
"logged-in-display-name">{{ user.account?.displayName }}
</a>
9 <div class=
"logged-in-username">{{ user.username }}
</div>
12 <div class=
"logged-in-more" ngbDropdown
placement=
"bottom-right">
13 <my-global-icon iconName=
"more-vertical" ngbDropdownToggle
role=
"button"></my-global-icon>
16 <a *
ngIf=
"user.account" [routerLink]=
"[ '/accounts', user.account.nameWithHost ]" class=
"dropdown-item">
17 <my-global-icon iconName=
"go"></my-global-icon> <ng-container i18n
>My public profile
</ng-container>
20 <a routerLink=
"/my-account" class=
"dropdown-item">
21 <my-global-icon iconName=
"user"></my-global-icon> <ng-container i18n
>My account
</ng-container>
24 <a (click)=
"logout($event)" class=
"dropdown-item" href=
"#">
25 <my-global-icon iconName=
"sign-out"></my-global-icon> <ng-container i18n
>Log out
</ng-container>
31 <div *
ngIf=
"!isLoggedIn" class=
"button-block">
32 <a i18n
routerLink=
"/login" class=
"login-button">Login
</a>
33 <a i18n *
ngIf=
"isRegistrationAllowed()" routerLink=
"/signup" class=
"create-account-button">Create an account
</a>
36 <div *
ngIf=
"isLoggedIn" class=
"panel-block">
37 <div i18n
class=
"block-title">My library
</div>
39 <a routerLink=
"/my-account/videos" routerLinkActive=
"active">
40 <my-global-icon iconName=
"videos"></my-global-icon>
41 <ng-container i18n
>Videos
</ng-container>
44 <a routerLink=
"/my-account/video-playlists" routerLinkActive=
"active">
45 <my-global-icon iconName=
"playlists"></my-global-icon>
46 <ng-container i18n
>Playlists
</ng-container>
49 <a routerLink=
"/videos/subscriptions" routerLinkActive=
"active">
50 <my-global-icon iconName=
"subscriptions"></my-global-icon>
51 <ng-container i18n
>Subscriptions
</ng-container>
54 <a routerLink=
"/my-account/history/videos" routerLinkActive=
"active">
55 <my-global-icon iconName=
"history"></my-global-icon>
56 <ng-container i18n
>History
</ng-container>
61 <div class=
"panel-block">
62 <div i18n
class=
"block-title">Videos
</div>
64 <a routerLink=
"/videos/overview" routerLinkActive=
"active">
65 <my-global-icon iconName=
"globe"></my-global-icon>
66 <ng-container i18n
>Discover
</ng-container>
69 <a routerLink=
"/videos/trending" routerLinkActive=
"active">
70 <my-global-icon iconName=
"trending"></my-global-icon>
71 <ng-container i18n
>Trending
</ng-container>
74 <a routerLink=
"/videos/recently-added" routerLinkActive=
"active">
75 <my-global-icon iconName=
"recently-added"></my-global-icon>
76 <ng-container i18n
>Recently added
</ng-container>
79 <a routerLink=
"/videos/local" routerLinkActive=
"active">
80 <my-global-icon iconName=
"home"></my-global-icon>
81 <ng-container i18n
>Local
</ng-container>
85 <div class=
"panel-block">
86 <div class=
"block-title" i18n
>More
</div>
88 <a *
ngIf=
"userHasAdminAccess" [routerLink]=
"getFirstAdminRouteAvailable()" routerLinkActive=
"active">
89 <my-global-icon iconName=
"administration"></my-global-icon>
90 <ng-container i18n
>Administration
</ng-container>
93 <a routerLink=
"/about" routerLinkActive=
"active">
94 <my-global-icon iconName=
"about"></my-global-icon>
95 <ng-container i18n
>About
</ng-container>
100 <div class=
"footer d-flex justify-content-between">
101 <span class=
"language">
102 <span tabindex=
"0" (keyup.enter)=
"openLanguageChooser()" (click)=
"openLanguageChooser()" i18n-title
title=
"Change the language" class=
"icon icon-language"></span>
105 <span class=
"shortcuts">
106 <span tabindex=
"0" (keyup.enter)=
"openHotkeysCheatSheet()" (click)=
"openHotkeysCheatSheet()" i18n-title
title=
"Show keyboard shortcuts" class=
"icon icon-shortcuts"></span>
112 <my-language-chooser #languageChooserModal
></my-language-chooser>