diff options
Diffstat (limited to 'client/src/app/menu/menu.component.html')
-rw-r--r-- | client/src/app/menu/menu.component.html | 19 |
1 files changed, 10 insertions, 9 deletions
diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html index b8f8d68ab..1a9ac9e8b 100644 --- a/client/src/app/menu/menu.component.html +++ b/client/src/app/menu/menu.component.html | |||
@@ -8,7 +8,8 @@ | |||
8 | [container]="dropdownContainer" (openChange)="onDropdownOpenChange($event)" autoClose="outside" | 8 | [container]="dropdownContainer" (openChange)="onDropdownOpenChange($event)" autoClose="outside" |
9 | > | 9 | > |
10 | <div ngbDropdownToggle> | 10 | <div ngbDropdownToggle> |
11 | <my-actor-avatar [account]="user.account" size="34"></my-actor-avatar> | 11 | <my-actor-avatar [actor]="user.account" actorType="account" size="34"></my-actor-avatar> |
12 | |||
12 | <div class="logged-in-info"> | 13 | <div class="logged-in-info"> |
13 | <div class="logged-in-display-name">{{ user.account?.displayName }}</div> | 14 | <div class="logged-in-display-name">{{ user.account?.displayName }}</div> |
14 | 15 | ||
@@ -16,7 +17,7 @@ | |||
16 | </div> | 17 | </div> |
17 | 18 | ||
18 | <div class="dropdown-toggle-indicator"> | 19 | <div class="dropdown-toggle-indicator"> |
19 | <span class="glyphicon glyphicon-chevron-down"></span> | 20 | <span class="chevron-down"></span> |
20 | </div> | 21 | </div> |
21 | </div> | 22 | </div> |
22 | 23 | ||
@@ -36,31 +37,31 @@ | |||
36 | > | 37 | > |
37 | <my-global-icon iconName="language" aria-hidden="true"></my-global-icon> | 38 | <my-global-icon iconName="language" aria-hidden="true"></my-global-icon> |
38 | <span i18n>Interface:</span> | 39 | <span i18n>Interface:</span> |
39 | <span class="ml-auto muted">{{ currentInterfaceLanguage }}</span> | 40 | <span class="ms-auto muted">{{ currentInterfaceLanguage }}</span> |
40 | </a> | 41 | </a> |
41 | 42 | ||
42 | <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/settings" fragment="video-languages-subtitles" | 43 | <a ngbDropdownItem ngbDropdownToggle class="dropdown-item" routerLink="/my-account/settings" fragment="video-languages-subtitles" |
43 | #settingsLanguagesSubtitles (click)="onActiveLinkScrollToAnchor(settingsLanguagesSubtitles)"> | 44 | #settingsLanguagesSubtitles (click)="onActiveLinkScrollToAnchor(settingsLanguagesSubtitles)"> |
44 | <my-global-icon iconName="video-lang" aria-hidden="true"></my-global-icon> | 45 | <my-global-icon iconName="video-lang" aria-hidden="true"></my-global-icon> |
45 | <span i18n>Videos:</span> | 46 | <span i18n>Videos:</span> |
46 | <span class="ml-auto muted">{{ videoLanguages.join(', ') }}</span> | 47 | <span class="ms-auto muted">{{ videoLanguages.join(', ') }}</span> |
47 | </a> | 48 | </a> |
48 | 49 | ||
49 | <a ngbDropdownItem ngbDropdownToggle class="dropdown-item settings-sensitive" routerLink="/my-account/settings" | 50 | <a ngbDropdownItem ngbDropdownToggle class="dropdown-item settings-sensitive" routerLink="/my-account/settings" |
50 | fragment="video-sensitive-content-policy" #settingsSensitiveContentPolicy | 51 | fragment="video-sensitive-content-policy" #settingsSensitiveContentPolicy |
51 | (click)="onActiveLinkScrollToAnchor(settingsSensitiveContentPolicy)" | 52 | (click)="onActiveLinkScrollToAnchor(settingsSensitiveContentPolicy)" |
52 | > | 53 | > |
53 | <my-global-icon class="hover-display-toggle" [hidden]="user.nsfwPolicy === 'display'" iconName="sensitive" aria-hidden="true"></my-global-icon> | 54 | <my-global-icon class="hover-display-toggle" [hidden]="user.nsfwPolicy === 'display'" iconName="eye-open" aria-hidden="true"></my-global-icon> |
54 | <my-global-icon class="hover-display-toggle" [hidden]="user.nsfwPolicy !== 'display'" iconName="unsensitive" 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> |
55 | <span i18n>Sensitive:</span> | 56 | <span i18n>Sensitive:</span> |
56 | <span class="ml-auto muted">{{ nsfwPolicy }}</span> | 57 | <span class="ms-auto muted">{{ nsfwPolicy }}</span> |
57 | </a> | 58 | </a> |
58 | 59 | ||
59 | <a ngbDropdownItem class="dropdown-item" (click)="toggleUseP2P()"> | 60 | <a ngbDropdownItem class="dropdown-item" (click)="toggleUseP2P()"> |
60 | <my-global-icon iconName="p2p" aria-hidden="true"></my-global-icon> | 61 | <my-global-icon iconName="p2p" aria-hidden="true"></my-global-icon> |
61 | <ng-container i18n>Help share videos</ng-container> | 62 | <ng-container i18n>Help share videos</ng-container> |
62 | 63 | ||
63 | <my-input-switch class="ml-auto" [checked]="user.p2pEnabled"></my-input-switch> | 64 | <my-input-switch class="ms-auto" [checked]="user.p2pEnabled"></my-input-switch> |
64 | </a> | 65 | </a> |
65 | 66 | ||
66 | <div class="dropdown-divider"></div> | 67 | <div class="dropdown-divider"></div> |
@@ -149,7 +150,7 @@ | |||
149 | 150 | ||
150 | <div class="footer-copyleft"> | 151 | <div class="footer-copyleft"> |
151 | <small class="d-inline" i18n-title title="powered by PeerTube - CopyLeft 2015-2022"> | 152 | <small class="d-inline" i18n-title title="powered by PeerTube - CopyLeft 2015-2022"> |
152 | <a href="https://joinpeertube.org" class="mr-1" target="_blank" rel="noopener noreferrer" i18n>powered by PeerTube</a> | 153 | <a href="https://joinpeertube.org" class="me-1" target="_blank" rel="noopener noreferrer" i18n>powered by PeerTube</a> |
153 | 154 | ||
154 | <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" target="_blank" rel="noopener noreferrer"> | 155 | <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" target="_blank" rel="noopener noreferrer"> |
155 | <span aria-label="copyleft" class="d-inline-block" style="transform: rotateY(180deg)">©</span> 2015-2022 | 156 | <span aria-label="copyleft" class="d-inline-block" style="transform: rotateY(180deg)">©</span> 2015-2022 |