1 <div class=
"menu-wrapper">
2 <menu [ngClass]=
"{ 'is-logged-in': isLoggedIn }">
4 <div *
ngIf=
"isLoggedIn" class=
"logged-in-block">
7 class=
"logged-in-more" ngbDropdown #
dropdown=
"ngbDropdown" placement=
"bottom-left auto"
8 [container]=
"dropdownContainer" (openChange)=
"onDropdownOpenChange($event)" autoClose=
"outside"
10 <div ngbDropdownToggle
>
11 <my-actor-avatar [actor]=
"user.account" actorType=
"account" size=
"34"></my-actor-avatar>
13 <div class=
"logged-in-info">
14 <div class=
"logged-in-display-name">{{ user.account?.displayName }}
</div>
16 <div class=
"logged-in-username">@{{ user.username }}
</div>
19 <div class=
"dropdown-toggle-indicator">
20 <span class=
"chevron-down"></span>
26 *
ngIf=
"user.account" ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" [routerLink]=
"[ '/a', user.account.nameWithHost ]"
27 #profile (click)=
"onActiveLinkScrollToAnchor(profile)"
29 <my-global-icon iconName=
"go" aria-hidden=
"true"></my-global-icon> <ng-container i18n
>Public profile
</ng-container>
32 <div class=
"dropdown-divider"></div>
35 myPluginSelector
pluginSelectorId=
"menu-user-dropdown-language-item"
36 ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" (click)=
"openLanguageChooser()"
38 <my-global-icon iconName=
"language" aria-hidden=
"true"></my-global-icon>
39 <span i18n
>Interface:
</span>
40 <span class=
"ms-auto muted">{{ currentInterfaceLanguage }}
</span>
43 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" routerLink=
"/my-account/settings" fragment=
"video-languages-subtitles"
44 #settingsLanguagesSubtitles (click)=
"onActiveLinkScrollToAnchor(settingsLanguagesSubtitles)">
45 <my-global-icon iconName=
"video-lang" aria-hidden=
"true"></my-global-icon>
46 <span i18n
>Videos:
</span>
47 <span class=
"ms-auto muted">{{ videoLanguages.join(', ') }}
</span>
50 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item settings-sensitive" routerLink=
"/my-account/settings"
51 fragment=
"video-sensitive-content-policy" #settingsSensitiveContentPolicy
52 (click)=
"onActiveLinkScrollToAnchor(settingsSensitiveContentPolicy)"
54 <my-global-icon class=
"hover-display-toggle" [hidden]=
"user.nsfwPolicy === 'display'" iconName=
"eye-open" aria-hidden=
"true"></my-global-icon>
55 <my-global-icon class=
"hover-display-toggle" [hidden]=
"user.nsfwPolicy !== 'display'" iconName=
"eye-close" aria-hidden=
"true"></my-global-icon>
56 <span i18n
>Sensitive:
</span>
57 <span class=
"ms-auto muted">{{ nsfwPolicy }}
</span>
60 <a ngbDropdownItem
class=
"dropdown-item" (click)=
"toggleUseP2P()">
61 <my-global-icon iconName=
"p2p" aria-hidden=
"true"></my-global-icon>
62 <ng-container i18n
>Help share videos
</ng-container>
64 <my-input-switch class=
"ms-auto" [checked]=
"user.p2pEnabled"></my-input-switch>
67 <div class=
"dropdown-divider"></div>
69 <a *
ngIf=
"!isInMobileView" ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" (click)=
"openHotkeysCheatSheet()">
70 <my-global-icon iconName=
"command" aria-hidden=
"true"></my-global-icon>
71 <ng-container i18n
>Keyboard shortcuts
</ng-container>
74 <a ngbDropdownItem ngbDropdownToggle (click)=
"logout($event)" class=
"dropdown-item" href=
"#">
75 <my-global-icon iconName=
"sign-out" aria-hidden=
"true"></my-global-icon>
76 <ng-container i18n
>Log out
</ng-container>
81 <my-notification (navigate)=
"onActiveLinkScrollToAnchor($event)"></my-notification>
84 <div class=
"logged-in-menu">
85 <a class=
"menu-link" routerLink=
"/my-account" routerLinkActive=
"active" #settingsLink (click)=
"onActiveLinkScrollToAnchor(settingsLink)">
86 <my-global-icon iconName=
"user" aria-hidden=
"true"></my-global-icon>
87 <ng-container i18n
>My account
</ng-container>
90 <a class=
"menu-link" routerLink=
"/my-library" routerLinkActive=
"active" #libraryLink (click)=
"onActiveLinkScrollToAnchor(libraryLink)">
91 <my-global-icon class=
"channel-icon" iconName=
"channel" aria-hidden=
"true"></my-global-icon>
92 <ng-container i18n
>My library
</ng-container>
95 <a class=
"menu-link" *
ngIf=
"userHasAdminAccess" [routerLink]=
"getFirstAdminRouteAvailable()" routerLinkActive=
"active">
96 <my-global-icon iconName=
"cog" aria-hidden=
"true"></my-global-icon>
97 <ng-container i18n
>Administration
</ng-container>
102 <div *
ngIf=
"!isLoggedIn" class=
"login-buttons-block">
103 <my-login-link className=
"peertube-button-link orange-button w-100"></my-login-link>
105 <a *
ngIf=
"isRegistrationAllowed()" routerLink=
"/signup" class=
"peertube-button-link create-account-button">
106 <my-signup-label [requiresApproval]=
"requiresApproval"></my-signup-label>
110 <ng-container *
ngFor=
"let menuSection of menuSections" >
111 <div [ngClass]=
"[ menuSection.key, 'menu-block' ]">
112 <div i18n
class=
"block-title">{{ menuSection.title }}
</div>
114 <a class=
"menu-link" *
ngFor=
"let link of menuSection.links" [routerLink]=
"link.path" routerLinkActive=
"active">
115 <my-global-icon *
ngIf=
"link.icon" [iconName]=
"link.icon" [ngClass]=
"link.iconClass" aria-hidden=
"true"></my-global-icon>
116 <ng-container>{{ link.shortLabel }}
</ng-container>
123 <div class=
"footer-block">
124 <a *
ngIf=
"!isLoggedIn" class=
"menu-link" (click)=
"openQuickSettings()">
125 <my-global-icon iconName=
"cog" aria-hidden=
"true"></my-global-icon>
126 <ng-container i18n
>My settings
</ng-container>
129 <a class=
"menu-link" routerLink=
"/about" routerLinkActive=
"active">
130 <my-global-icon iconName=
"help" aria-hidden=
"true"></my-global-icon>
131 <ng-container i18n
>About
</ng-container>
135 <div class=
"footer-bottom">
137 <div class=
"footer-links">
138 <span *
ngIf=
"isLoggedIn === false" role=
"button" (click)=
"openLanguageChooser()" class=
"c-hand" i18n
>Interface: {{ currentInterfaceLanguage }}
</span>
141 <a i18n
routerLink=
"/about/instance">Contact
</a>
142 <a i18n
href=
"https://joinpeertube.org/help" i18n-title
title=
"Get help using PeerTube" target=
"_blank" rel=
"noopener noreferrer">Help
</a>
143 <a i18n
href=
"https://joinpeertube.org/faq" i18n-title
title=
"Frequently asked questions about PeerTube" target=
"_blank" rel=
"noopener noreferrer">FAQ
</a>
144 <a i18n
routerLink=
"/about/instance" fragment=
"statistics">Stats
</a>
145 <a i18n
href=
"https://docs.joinpeertube.org/api/rest-reference.html" i18n-title
title=
"API documentation" target=
"_blank" rel=
"noopener noreferrer">API
</a>
146 <a role=
"button" (click)=
"openHotkeysCheatSheet()" class=
"c-hand" i18n
>Keyboard shortcuts
</a>
150 <div class=
"footer-copyleft" i18n-title
title=
"powered by PeerTube - CopyLeft 2015-2023">
151 <a href=
"https://joinpeertube.org" class=
"me-1" target=
"_blank" rel=
"noopener noreferrer" i18n
>powered by PeerTube
</a>
153 <a href=
"https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" target=
"_blank" rel=
"noopener noreferrer">
154 <span aria-label=
"copyleft" class=
"d-inline-block" style=
"transform: rotateY(180deg)">©</span> 2015-
2023
162 <my-language-chooser #languageChooserModal
></my-language-chooser>
163 <my-quick-settings #quickSettingsModal
></my-quick-settings>