]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/menu/menu.component.html
Translated using Weblate (Russian)
[github/Chocobozzz/PeerTube.git] / client / src / app / menu / menu.component.html
1 <div class="menu-wrapper">
2 <menu [ngClass]="{ 'is-logged-in': isLoggedIn }">
3 <div class="top-menu">
4 <div *ngIf="isLoggedIn" class="logged-in-block">
5 <div>
6 <div
7 class="logged-in-more" ngbDropdown #dropdown="ngbDropdown" placement="bottom-left auto"
8 [container]="dropdownContainer" (openChange)="onDropdownOpenChange($event)" autoClose="outside"
9 >
10 <div ngbDropdownToggle>
11 <my-actor-avatar [account]="user.account" size="34"></my-actor-avatar>
12 <div class="logged-in-info">
13 <div class="logged-in-display-name">{{ user.account?.displayName }}</div>
14
15 <div class="logged-in-username">@{{ user.username }}</div>
16 </div>
17
18 <div class="dropdown-toggle-indicator">
19 <span class="glyphicon glyphicon-chevron-down"></span>
20 </div>
21 </div>
22
23 <div ngbDropdownMenu>
24 <a
25 *ngIf="user.account" ngbDropdownItem ngbDropdownToggle class="dropdown-item" [routerLink]="[ '/a', user.account.nameWithHost ]"
26 #profile (click)="onActiveLinkScrollToAnchor(profile)"
27 >
28 <my-global-icon iconName="go" aria-hidden="true"></my-global-icon> <ng-container i18n>Public profile</ng-container>
29 </a>
30
31 <div class="dropdown-divider"></div>
32
33 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" (click)="openLanguageChooser()">
34 <my-global-icon iconName="language" aria-hidden="true"></my-global-icon>
35 <span i18n>Interface:</span>
36 <span class="ml-auto text-muted">{{ currentInterfaceLanguage }}</span>
37 </a>
38
39 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/settings" fragment="video-languages-subtitles"
40 #settingsLanguagesSubtitles (click)="onActiveLinkScrollToAnchor(settingsLanguagesSubtitles)">
41 <my-global-icon iconName="video-lang" aria-hidden="true"></my-global-icon>
42 <span i18n>Videos:</span>
43 <span class="ml-auto text-muted">{{ videoLanguages.join(', ') }}</span>
44 </a>
45
46 <a ngbDropdownItem ngbDropdownToggle class="dropdown-item settings-sensitive" routerLink="/my-account/settings"
47 fragment="video-sensitive-content-policy" #settingsSensitiveContentPolicy
48 (click)="onActiveLinkScrollToAnchor(settingsSensitiveContentPolicy)"
49 >
50 <my-global-icon class="hover-display-toggle" [hidden]="user.nsfwPolicy === 'display'" iconName="sensitive" aria-hidden="true"></my-global-icon>
51 <my-global-icon class="hover-display-toggle" [hidden]="user.nsfwPolicy !== 'display'" iconName="unsensitive" aria-hidden="true"></my-global-icon>
52 <span i18n>Sensitive:</span>
53 <span class="ml-auto text-muted">{{ nsfwPolicy }}</span>
54 </a>
55
56 <a ngbDropdownItem class="dropdown-item" (click)="toggleUseP2P()">
57 <my-global-icon iconName="p2p" aria-hidden="true"></my-global-icon>
58 <ng-container i18n>Help share videos</ng-container>
59
60 <my-input-switch class="ml-auto" [checked]="user.webTorrentEnabled"></my-input-switch>
61 </a>
62
63 <div class="dropdown-divider"></div>
64
65 <a *ngIf="!isInMobileView" ngbDropdownItem ngbDropdownToggle class="dropdown-item" (click)="openHotkeysCheatSheet()">
66 <my-global-icon iconName="command" aria-hidden="true"></my-global-icon>
67 <ng-container i18n>Keyboard shortcuts</ng-container>
68 </a>
69
70 <a ngbDropdownItem ngbDropdownToggle (click)="logout($event)" class="dropdown-item" href="#">
71 <my-global-icon iconName="sign-out" aria-hidden="true"></my-global-icon>
72 <ng-container i18n>Log out</ng-container>
73 </a>
74 </div>
75 </div>
76
77 <my-notification (navigate)="onActiveLinkScrollToAnchor($event)"></my-notification>
78 </div>
79
80 <div class="logged-in-menu">
81 <a class="menu-link" routerLink="/my-account" routerLinkActive="active" #settingsLink (click)="onActiveLinkScrollToAnchor(settingsLink)">
82 <my-global-icon iconName="user" aria-hidden="true"></my-global-icon>
83 <ng-container i18n>My account</ng-container>
84 </a>
85
86 <a class="menu-link" routerLink="/my-library" routerLinkActive="active" #libraryLink (click)="onActiveLinkScrollToAnchor(libraryLink)">
87 <my-global-icon iconName="channel" aria-hidden="true"></my-global-icon>
88 <ng-container i18n>My library</ng-container>
89 </a>
90
91 <a class="menu-link" *ngIf="userHasAdminAccess" [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
92 <my-global-icon iconName="cog" aria-hidden="true"></my-global-icon>
93 <ng-container i18n>Administration</ng-container>
94 </a>
95 </div>
96 </div>
97
98 <div *ngIf="!isLoggedIn" class="login-buttons-block">
99 <a i18n routerLink="/login" class="peertube-button-link orange-button">Login</a>
100 <a i18n *ngIf="isRegistrationAllowed()" routerLink="/signup" class="peertube-button-link create-account-button">Create an account</a>
101 </div>
102
103 <ng-container *ngFor="let menuSection of menuSections" >
104 <div [ngClass]="[ menuSection.key, 'menu-block' ]">
105 <div i18n class="block-title">{{ menuSection.title }}</div>
106
107 <a class="menu-link" *ngFor="let link of menuSection.links" [routerLink]="link.path" routerLinkActive="active">
108 <my-global-icon [iconName]="link.icon" aria-hidden="true"></my-global-icon>
109 <ng-container>{{ link.shortLabel }}</ng-container>
110 </a>
111 </div>
112 </ng-container>
113 </div>
114
115 <div class="footer">
116 <div class="footer-block">
117 <a *ngIf="!isLoggedIn" class="menu-link" (click)="openQuickSettings()">
118 <my-global-icon iconName="cog" aria-hidden="true"></my-global-icon>
119 <ng-container i18n>My settings</ng-container>
120 </a>
121
122 <a class="menu-link" routerLink="/about" routerLinkActive="active">
123 <my-global-icon iconName="help" aria-hidden="true"></my-global-icon>
124 <ng-container i18n>About</ng-container>
125 </a>
126 </div>
127
128 <div class="footer-bottom">
129
130 <div class="footer-links">
131 <div *ngIf="isLoggedIn === false">
132 <span role="button" (click)="openLanguageChooser()" class="c-hand" i18n>Interface: {{ currentInterfaceLanguage }}</span>
133 </div>
134
135 <div>
136 <a i18n routerLink="/about/instance">Contact</a>
137 <a i18n href="https://joinpeertube.org/help" i18n-title title="Get help using PeerTube" target="_blank" rel="noopener noreferrer">Help</a>
138 <a i18n href="https://joinpeertube.org/faq" i18n-title title="Frequently asked questions about PeerTube" target="_blank" rel="noopener noreferrer">FAQ</a>
139 <a i18n routerLink="/about/instance" fragment="statistics">Stats</a>
140 <a i18n href="https://docs.joinpeertube.org/api-rest-reference.html" i18n-title title="API documentation" target="_blank" rel="noopener noreferrer">API</a>
141 <a (click)="openHotkeysCheatSheet()" class="c-hand" i18n>Keyboard shortcuts</a>
142 </div>
143 </div>
144
145 <div class="footer-copyleft">
146 <small class="d-inline" i18n-title title="powered by PeerTube - CopyLeft 2015-2021">
147 <a href="https://joinpeertube.org" class="mr-1" target="_blank" rel="noopener noreferrer" i18n>powered by PeerTube</a>
148
149 <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" target="_blank" rel="noopener noreferrer">
150 <span aria-label="copyleft" class="d-inline-block" style="transform: rotateY(180deg)">&copy;</span> 2015-2021
151 </a>
152 </small>
153 </div>
154 </div>
155 </div>
156 </menu>
157 </div>
158
159 <my-language-chooser #languageChooserModal></my-language-chooser>
160 <my-quick-settings #quickSettingsModal></my-quick-settings>