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 class=
"logged-in-username">{{ user.username }}
</div>
14 <div class=
"logged-in-more" ngbDropdown
placement=
"right-top auto" container=
"body" autoClose=
"outside">
15 <my-global-icon iconName=
"more-vertical" ngbDropdownToggle
role=
"button"></my-global-icon>
18 <a *
ngIf=
"user.account" ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" [routerLink]=
"[ '/accounts', user.account.nameWithHost ]">
19 <my-global-icon iconName=
"go"></my-global-icon> <ng-container i18n
>Public profile
</ng-container>
22 <div class=
"dropdown-divider"></div>
24 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" routerLink=
"/my-account">
25 <my-global-icon iconName=
"user"></my-global-icon> <ng-container i18n
>Account settings
</ng-container>
28 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" routerLink=
"/my-account/video-channels">
29 <my-global-icon iconName=
"folder"></my-global-icon> <ng-container i18n
>Channels settings
</ng-container>
32 <div class=
"dropdown-divider"></div>
34 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" (click)=
"openLanguageChooser()">
35 <my-global-icon iconName=
"language"></my-global-icon>
36 <ng-container i18n
>Interface: {{ language }}
</ng-container>
37 <i class=
"ml-auto glyphicon glyphicon-menu-right"></i>
40 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" routerLink=
"/my-account">
41 <my-global-icon iconName=
"video-lang"></my-global-icon>
42 <ng-container i18n
>Videos: {{ videoLanguages.join(', ') }}
</ng-container>
43 <i class=
"ml-auto glyphicon glyphicon-menu-right"></i>
46 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" routerLink=
"/my-account">
47 <my-global-icon class=
"hover-display-toggle" [ngClass]=
"{ 'not-displayed': user.nsfwPolicy === 'display' }" iconName=
"sensitive"></my-global-icon>
48 <my-global-icon class=
"hover-display-toggle" [ngClass]=
"{ 'not-displayed': user.nsfwPolicy !== 'display' }" iconName=
"unsensitive"></my-global-icon>
49 <ng-container i18n
>Sensitive: {{ nsfwPolicy }}
</ng-container>
50 <i class=
"ml-auto glyphicon glyphicon-menu-right"></i>
53 <a ngbDropdownItem
class=
"dropdown-item" (click)=
"toggleUseP2P()">
54 <my-global-icon iconName=
"p2p"></my-global-icon>
55 <ng-container i18n
>Help share videos
</ng-container>
56 <input type=
"checkbox" [checked]=
"user.webTorrentEnabled"/><label class=
"ml-auto" for=
"switch">Toggle p2p
</label>
59 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" routerLink=
"/my-account">
60 <my-global-icon iconName=
"more-horizontal"></my-global-icon> <ng-container i18n
>More account settings
</ng-container>
63 <div class=
"dropdown-divider"></div>
65 <a ngbDropdownItem ngbDropdownToggle
class=
"dropdown-item" (click)=
"openHotkeysCheatSheet()">
66 <i class=
"icon icon-shortcuts"></i> <ng-container i18n
>Keyboard shortcuts
</ng-container>
69 <a ngbDropdownItem ngbDropdownToggle (click)=
"logout($event)" class=
"dropdown-item" href=
"#">
70 <my-global-icon iconName=
"sign-out"></my-global-icon> <ng-container i18n
>Log out
</ng-container>
76 <div *
ngIf=
"!isLoggedIn" class=
"button-block">
77 <a i18n
routerLink=
"/login" class=
"login-button">Login
</a>
78 <a i18n *
ngIf=
"isRegistrationAllowed()" routerLink=
"/signup" class=
"create-account-button">Create an account
</a>
81 <div *
ngIf=
"isLoggedIn" class=
"panel-block">
82 <div i18n
class=
"block-title">MY LIBRARY
</div>
84 <a routerLink=
"/my-account/videos" routerLinkActive=
"active">
85 <my-global-icon iconName=
"videos"></my-global-icon>
86 <ng-container i18n
>Videos
</ng-container>
89 <a routerLink=
"/my-account/video-playlists" routerLinkActive=
"active">
90 <my-global-icon iconName=
"playlists"></my-global-icon>
91 <ng-container i18n
>Playlists
</ng-container>
94 <a routerLink=
"/videos/subscriptions" routerLinkActive=
"active">
95 <my-global-icon iconName=
"subscriptions"></my-global-icon>
96 <ng-container i18n
>Subscriptions
</ng-container>
99 <a routerLink=
"/my-account/history/videos" routerLinkActive=
"active">
100 <my-global-icon iconName=
"history"></my-global-icon>
101 <ng-container i18n
>History
</ng-container>
106 <div class=
"panel-block">
107 <div i18n
class=
"block-title">VIDEOS
</div>
109 <a routerLink=
"/videos/overview" routerLinkActive=
"active">
110 <my-global-icon iconName=
"globe"></my-global-icon>
111 <ng-container i18n
>Discover
</ng-container>
114 <a routerLink=
"/videos/trending" routerLinkActive=
"active">
115 <my-global-icon iconName=
"trending"></my-global-icon>
116 <ng-container i18n
>Trending
</ng-container>
119 <a routerLink=
"/videos/most-liked" routerLinkActive=
"active">
120 <my-global-icon iconName=
"like"></my-global-icon>
121 <ng-container i18n
>Most liked
</ng-container>
124 <a routerLink=
"/videos/recently-added" routerLinkActive=
"active">
125 <my-global-icon iconName=
"recently-added"></my-global-icon>
126 <ng-container i18n
>Recently added
</ng-container>
129 <a routerLink=
"/videos/local" routerLinkActive=
"active">
130 <my-global-icon iconName=
"home"></my-global-icon>
131 <ng-container i18n
>Local
</ng-container>
137 <div class=
"panel-block">
138 <a *
ngIf=
"userHasAdminAccess" [routerLink]=
"getFirstAdminRouteAvailable()" routerLinkActive=
"active">
139 <my-global-icon iconName=
"cog"></my-global-icon>
140 <ng-container i18n
>Administration
</ng-container>
142 <a *
ngIf=
"!isLoggedIn" (click)=
"openQuickSettings()">
143 <my-global-icon iconName=
"cog"></my-global-icon>
144 <ng-container i18n
>Settings
</ng-container>
146 <a routerLink=
"/about/instance">
147 <my-global-icon iconName=
"help"></my-global-icon>
148 <ng-container i18n
>About
</ng-container>
152 <div class=
"d-flex flex-column">
153 <div class=
"footer-links">
154 <a i18n
routerLink=
"/about/instance">Contact
</a>
155 <a i18n
routerLink=
"/about/instance">Terms of Service
</a>
156 <a i18n
routerLink=
"/about/instance" fragment=
"statistics">Stats
</a>
157 <a (click)=
"openLanguageChooser()" class=
"c-hand">
158 <span i18n
>Interface: {{ language }}
</span>
161 <div class=
"footer-links">
162 <a i18n
href=
"https://joinpeertube.org/#you-are-a-video-maker" i18n-title
title=
"Creator guide" target=
"_blank" rel=
"noopener noreferrer">Creators
</a>
163 <a i18n
href=
"https://docs.joinpeertube.org/#/contribute-getting-started" i18n-title
title=
"PeerTube license" target=
"_blank" rel=
"noopener noreferrer">Contributors
</a>
164 <a i18n
routerLink=
"/about/peertube" i18n-title
title=
"More information about privacy within PeerTube">Privacy
</a>
165 <a i18n
href=
"https://joinpeertube.org/faq" i18n-title
title=
"Frequently asked questions about PeerTube" target=
"_blank" rel=
"noopener noreferrer">FAQ
</a>
166 <a i18n
href=
"https://docs.joinpeertube.org/api-rest-reference.html" i18n-title
title=
"API documentation" target=
"_blank" rel=
"noopener noreferrer">API
</a>
167 <a i18n
href=
"https://joinpeertube.org/help" i18n-title
title=
"Get help using PeerTube" target=
"_blank" rel=
"noopener noreferrer">Help
</a>
168 <a (click)=
"openHotkeysCheatSheet()" class=
"c-hand" i18n
>Shortcuts
</a>
170 <div class=
"footer-copyleft">
171 <small class=
"d-inline" i18n-title
title=
"powered by PeerTube - CopyLeft 2015-2020">
172 <a href=
"https://joinpeertube.org" i18n-title
title=
"PeerTube website" target=
"_blank" rel=
"noopener noreferrer" i18n
>
175 <a href=
"https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" i18n-title
title=
"PeerTube license" target=
"_blank" rel=
"noopener noreferrer">
176 <span aria-label=
"copyleft" class=
"d-inline-block" style=
"transform: rotateY(180deg)">©</span> 2015-
2020
185 <my-language-chooser #languageChooserModal
></my-language-chooser>
186 <my-quick-settings #quickSettingsModal
></my-quick-settings>