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 class=
"dropdown-item" href=
"https://joinpeertube.org/help" target=
"_blank" rel=
"noopener noreferrer">
35 <my-global-icon iconName=
"help"></my-global-icon> <ng-container i18n
>Help
</ng-container>
38 <a (click)=
"logout($event)" class=
"dropdown-item" href=
"#">
39 <my-global-icon iconName=
"sign-out"></my-global-icon> <ng-container i18n
>Log out
</ng-container>
45 <div *
ngIf=
"!isLoggedIn" class=
"button-block">
46 <a i18n
routerLink=
"/login" class=
"login-button">Login
</a>
47 <a i18n *
ngIf=
"isRegistrationAllowed()" routerLink=
"/signup" class=
"create-account-button">Create an account
</a>
50 <div *
ngIf=
"isLoggedIn" class=
"panel-block">
51 <div i18n
class=
"block-title">My library
</div>
53 <a routerLink=
"/my-account/videos" routerLinkActive=
"active">
54 <my-global-icon iconName=
"videos"></my-global-icon>
55 <ng-container i18n
>Videos
</ng-container>
58 <a routerLink=
"/my-account/video-playlists" routerLinkActive=
"active">
59 <my-global-icon iconName=
"playlists"></my-global-icon>
60 <ng-container i18n
>Playlists
</ng-container>
63 <a routerLink=
"/videos/subscriptions" routerLinkActive=
"active">
64 <my-global-icon iconName=
"subscriptions"></my-global-icon>
65 <ng-container i18n
>Subscriptions
</ng-container>
68 <a routerLink=
"/my-account/history/videos" routerLinkActive=
"active">
69 <my-global-icon iconName=
"history"></my-global-icon>
70 <ng-container i18n
>History
</ng-container>
75 <div class=
"panel-block">
76 <div i18n
class=
"block-title">Videos
</div>
78 <a routerLink=
"/videos/overview" routerLinkActive=
"active">
79 <my-global-icon iconName=
"globe"></my-global-icon>
80 <ng-container i18n
>Discover
</ng-container>
83 <a routerLink=
"/videos/trending" routerLinkActive=
"active">
84 <my-global-icon iconName=
"trending"></my-global-icon>
85 <ng-container i18n
>Trending
</ng-container>
88 <a routerLink=
"/videos/most-liked" routerLinkActive=
"active">
89 <my-global-icon iconName=
"like"></my-global-icon>
90 <ng-container i18n
>Most liked
</ng-container>
93 <a routerLink=
"/videos/recently-added" routerLinkActive=
"active">
94 <my-global-icon iconName=
"recently-added"></my-global-icon>
95 <ng-container i18n
>Recently added
</ng-container>
98 <a routerLink=
"/videos/local" routerLinkActive=
"active">
99 <my-global-icon iconName=
"home"></my-global-icon>
100 <ng-container i18n
>Local
</ng-container>
104 <div class=
"panel-block">
105 <div class=
"block-title" i18n
>More
</div>
107 <a *
ngIf=
"userHasAdminAccess" [routerLink]=
"getFirstAdminRouteAvailable()" routerLinkActive=
"active">
108 <my-global-icon iconName=
"administration"></my-global-icon>
109 <ng-container i18n
>Administration
</ng-container>
112 <a routerLink=
"/about" routerLinkActive=
"active">
113 <my-global-icon iconName=
"about"></my-global-icon>
114 <ng-container i18n
>About
</ng-container>
119 <div class=
"footer d-flex justify-content-between">
120 <span class=
"language">
121 <span tabindex=
"0" role=
"button" (keyup.enter)=
"openLanguageChooser()" (click)=
"openLanguageChooser()" i18n-title
title=
"Change the language" class=
"icon icon-language"></span>
124 <span class=
"shortcuts">
125 <span tabindex=
"0" role=
"button" (keyup.enter)=
"openHotkeysCheatSheet()" (click)=
"openHotkeysCheatSheet()" i18n-title
title=
"Show keyboard shortcuts" class=
"icon icon-shortcuts"></span>
131 <my-language-chooser #languageChooserModal
></my-language-chooser>