1 <div class=
"menu-wrapper">
2 <menu [ngClass]=
"{ 'is-logged-in': isLoggedIn }">
4 <div *
ngIf=
"isLoggedIn" class=
"logged-in-block">
6 <my-avatar-notification [user]=
"user" (navigate)=
"onActiveLinkScrollToAnchor($event)"></my-avatar-notification>
8 <div class=
"logged-in-info">
9 <a *
ngIf=
"user.account" [routerLink]=
"[ '/accounts', user.account.nameWithHost ]" class=
"logged-in-display-name">{{ user.account?.displayName }}
</a>
10 <a *
ngIf=
"!user.account" routerLink=
"/my-account/settings" class=
"logged-in-display-name">{{ user.account?.displayName }}
</a>
12 <div class=
"logged-in-username">@{{ user.username }}
</div>
15 <div class=
"logged-in-more" ngbDropdown [placement]=
"loggedInMorePlacement" container=
"body" autoClose=
"outside">
16 <my-global-icon iconName=
"more-vertical" ngbDropdownToggle
role=
"button"></my-global-icon>
19 <a *
ngIf=
"user.account" ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" [routerLink]=
"[ '/accounts', user.account.nameWithHost ]">
20 <my-global-icon iconName=
"go" aria-hidden=
"true"></my-global-icon> <ng-container i18n
>Public profile
</ng-container>
23 <div class=
"dropdown-divider"></div>
25 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" routerLink=
"/my-account/notifications"
26 #notifications (click)=
"onActiveLinkScrollToAnchor(notifications)">
27 <my-global-icon iconName=
"inbox-full" aria-hidden=
"true"></my-global-icon> <ng-container i18n
>My notifications
</ng-container>
30 <div class=
"dropdown-divider"></div>
32 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" (click)=
"openLanguageChooser()">
33 <my-global-icon iconName=
"language" aria-hidden=
"true"></my-global-icon>
34 <span i18n
>Interface:
</span>
35 <span class=
"ml-auto text-muted">{{ currentInterfaceLanguage }}
</span>
38 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" routerLink=
"/my-account/settings" fragment=
"video-languages-subtitles"
39 #settingsLanguagesSubtitles (click)=
"onActiveLinkScrollToAnchor(settingsLanguagesSubtitles)">
40 <my-global-icon iconName=
"video-lang" aria-hidden=
"true"></my-global-icon>
41 <span i18n
>Videos:
</span>
42 <span class=
"ml-auto text-muted">{{ videoLanguages.join(', ') }}
</span>
45 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" routerLink=
"/my-account/settings"
46 fragment=
"video-sensitive-content-policy" #settingsSensitiveContentPolicy
47 (click)=
"onActiveLinkScrollToAnchor(settingsSensitiveContentPolicy)">
48 <my-global-icon class=
"hover-display-toggle" [ngClass]=
"{ 'not-displayed': user.nsfwPolicy === 'display' }" iconName=
"sensitive" aria-hidden=
"true"></my-global-icon>
49 <my-global-icon class=
"hover-display-toggle" [ngClass]=
"{ 'not-displayed': user.nsfwPolicy !== 'display' }" iconName=
"unsensitive" aria-hidden=
"true"></my-global-icon>
50 <span i18n
>Sensitive:
</span>
51 <span class=
"ml-auto text-muted">{{ nsfwPolicy }}
</span>
54 <a ngbDropdownItem
class=
"dropdown-item" (click)=
"toggleUseP2P()">
55 <my-global-icon iconName=
"p2p" aria-hidden=
"true"></my-global-icon>
56 <ng-container i18n
>Help share videos
</ng-container>
58 <my-input-switch class=
"ml-auto" [checked]=
"user.webTorrentEnabled"></my-input-switch>
61 <div class=
"dropdown-divider"></div>
63 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" (click)=
"openHotkeysCheatSheet()">
64 <my-global-icon iconName=
"command" aria-hidden=
"true"></my-global-icon>
65 <ng-container i18n
>Keyboard shortcuts
</ng-container>
68 <a ngbDropdownItem ngbDropdownToggle (click)=
"logout($event)" class=
"dropdown-item" href=
"#">
69 <my-global-icon iconName=
"sign-out" aria-hidden=
"true"></my-global-icon>
70 <ng-container i18n
>Log out
</ng-container>
76 <div class=
"logged-in-menu">
77 <a routerLink=
"/my-account" routerLinkActive=
"active" #settingsLink (click)=
"onActiveLinkScrollToAnchor(settingsLink)">
78 <my-global-icon iconName=
"user" aria-hidden=
"true"></my-global-icon>
79 <ng-container i18n
>My account
</ng-container>
82 <a routerLink=
"/my-library" routerLinkActive=
"active" #libraryLink (click)=
"onActiveLinkScrollToAnchor(libraryLink)">
83 <my-global-icon iconName=
"channel" aria-hidden=
"true"></my-global-icon>
84 <ng-container i18n
>My library
</ng-container>
87 <a *
ngIf=
"userHasAdminAccess" [routerLink]=
"getFirstAdminRouteAvailable()" routerLinkActive=
"active">
88 <my-global-icon iconName=
"cog" aria-hidden=
"true"></my-global-icon>
89 <ng-container i18n
>Administration
</ng-container>
94 <div *
ngIf=
"!isLoggedIn" class=
"login-buttons-block">
95 <a i18n
routerLink=
"/login" class=
"login-button">Login
</a>
96 <a i18n *
ngIf=
"isRegistrationAllowed()" routerLink=
"/signup" class=
"create-account-button">Create an account
</a>
99 <div *
ngIf=
"isLoggedIn" class=
"in-my-library">
100 <div i18n
class=
"block-title">IN MY LIBRARY
</div>
102 <a *
ngIf=
"user.canSeeVideosLink" routerLink=
"/my-library/videos" routerLinkActive=
"active">
103 <my-global-icon iconName=
"videos" aria-hidden=
"true"></my-global-icon>
104 <ng-container i18n
>Videos
</ng-container>
107 <a routerLink=
"/my-library/video-playlists" routerLinkActive=
"active">
108 <my-global-icon iconName=
"playlists" aria-hidden=
"true"></my-global-icon>
109 <ng-container i18n
>Playlists
</ng-container>
112 <a routerLink=
"/videos/subscriptions" routerLinkActive=
"active">
113 <my-global-icon iconName=
"subscriptions" aria-hidden=
"true"></my-global-icon>
114 <ng-container i18n
>Subscriptions
</ng-container>
117 <a routerLink=
"/my-library/history/videos" routerLinkActive=
"active">
118 <my-global-icon iconName=
"history" aria-hidden=
"true"></my-global-icon>
119 <ng-container i18n
>History
</ng-container>
124 <div class=
"on-instance">
125 <div i18n
class=
"block-title">ON {{instanceName}}
</div>
127 <a routerLink=
"/videos/overview" routerLinkActive=
"active">
128 <my-global-icon iconName=
"globe" aria-hidden=
"true"></my-global-icon>
129 <ng-container i18n
>Discover
</ng-container>
132 <a routerLink=
"/videos/trending" routerLinkActive=
"active">
133 <my-global-icon iconName=
"trending" aria-hidden=
"true"></my-global-icon>
134 <ng-container i18n
>Trending
</ng-container>
137 <a routerLink=
"/videos/most-liked" routerLinkActive=
"active">
138 <my-global-icon iconName=
"like" aria-hidden=
"true"></my-global-icon>
139 <ng-container i18n
>Most liked
</ng-container>
142 <a routerLink=
"/videos/recently-added" routerLinkActive=
"active">
143 <my-global-icon iconName=
"recently-added" aria-hidden=
"true"></my-global-icon>
144 <ng-container i18n
>Recently added
</ng-container>
147 <a routerLink=
"/videos/local" routerLinkActive=
"active">
148 <my-global-icon iconName=
"home" aria-hidden=
"true"></my-global-icon>
149 <ng-container i18n
>Local videos
</ng-container>
155 <div class=
"footer-block">
156 <a *
ngIf=
"!isLoggedIn" (click)=
"openQuickSettings()">
157 <my-global-icon iconName=
"cog" aria-hidden=
"true"></my-global-icon>
158 <ng-container i18n
>Settings
</ng-container>
161 <a routerLink=
"/about" routerLinkActive=
"active">
162 <my-global-icon iconName=
"help" aria-hidden=
"true"></my-global-icon>
163 <ng-container i18n
>About
</ng-container>
167 <div class=
"bottom-links">
169 <div class=
"footer-links">
170 <div *
ngIf=
"isLoggedIn === false">
171 <span role=
"button" (click)=
"openLanguageChooser()" class=
"c-hand" i18n
>Interface: {{ currentInterfaceLanguage }}
</span>
175 <a i18n
routerLink=
"/about/instance">Contact
</a>
176 <a i18n
href=
"https://joinpeertube.org/help" i18n-title
title=
"Get help using PeerTube" target=
"_blank" rel=
"noopener noreferrer">Help
</a>
177 <a i18n
href=
"https://joinpeertube.org/faq" i18n-title
title=
"Frequently asked questions about PeerTube" target=
"_blank" rel=
"noopener noreferrer">FAQ
</a>
178 <a i18n
routerLink=
"/about/instance" fragment=
"statistics">Stats
</a>
179 <a i18n
href=
"https://docs.joinpeertube.org/api-rest-reference.html" i18n-title
title=
"API documentation" target=
"_blank" rel=
"noopener noreferrer">API
</a>
180 <a (click)=
"openHotkeysCheatSheet()" class=
"c-hand" i18n
>Keyboard shortcuts
</a>
184 <div class=
"footer-copyleft">
185 <small class=
"d-inline" i18n-title
title=
"powered by PeerTube - CopyLeft 2015-2020">
186 <a href=
"https://joinpeertube.org" class=
"mr-1" target=
"_blank" rel=
"noopener noreferrer" i18n
>powered by PeerTube
</a>
188 <a href=
"https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" target=
"_blank" rel=
"noopener noreferrer">
189 <span aria-label=
"copyleft" class=
"d-inline-block" style=
"transform: rotateY(180deg)">©</span> 2015-
2020
198 <my-language-chooser #languageChooserModal
></my-language-chooser>
199 <my-quick-settings #quickSettingsModal
></my-quick-settings>