aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/menu/menu.component.html
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-06-28 13:59:48 +0200
committerChocobozzz <me@florianbigard.com>2018-06-28 15:53:12 +0200
commit8afc19a6121569da054462c7cb351a3f13030a32 (patch)
tree6dba42963681062536e635dd3ca401e1c7b0ca9f /client/src/app/menu/menu.component.html
parent3ea9a1c311c3e3c55fb95560d4dd99a77c52df4a (diff)
downloadPeerTube-8afc19a6121569da054462c7cb351a3f13030a32.tar.gz
PeerTube-8afc19a6121569da054462c7cb351a3f13030a32.tar.zst
PeerTube-8afc19a6121569da054462c7cb351a3f13030a32.zip
Add ability to choose the language
Diffstat (limited to 'client/src/app/menu/menu.component.html')
-rw-r--r--client/src/app/menu/menu.component.html126
1 files changed, 69 insertions, 57 deletions
diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html
index 8e3b295f7..784b5cd85 100644
--- a/client/src/app/menu/menu.component.html
+++ b/client/src/app/menu/menu.component.html
@@ -1,70 +1,82 @@
1<menu> 1<div class="menu-wrapper">
2 <div *ngIf="isLoggedIn" class="logged-in-block"> 2 <menu>
3 <a routerLink="/my-account/settings"> 3 <div class="top-menu">
4 <img [src]="user.accountAvatarUrl" alt="Avatar" /> 4 <div *ngIf="isLoggedIn" class="logged-in-block">
5 </a> 5 <a routerLink="/my-account/settings">
6 <img [src]="user.accountAvatarUrl" alt="Avatar" />
7 </a>
6 8
7 <div class="logged-in-info"> 9 <div class="logged-in-info">
8 <a routerLink="/my-account/settings" class="logged-in-username">{{ user.account?.displayName }}</a> 10 <a routerLink="/my-account/settings" class="logged-in-username">{{ user.account?.displayName }}</a>
9 <div class="logged-in-email">{{ user.email }}</div> 11 <div class="logged-in-email">{{ user.email }}</div>
10 </div> 12 </div>
11 13
12 <div class="logged-in-more" dropdown placement="right" container="body"> 14 <div class="logged-in-more" dropdown placement="right" container="body">
13 <span class="glyphicon glyphicon-option-vertical" dropdownToggle></span> 15 <span class="glyphicon glyphicon-option-vertical" dropdownToggle></span>
14 16
15 <ul *dropdownMenu class="dropdown-menu"> 17 <ul *dropdownMenu class="dropdown-menu">
16 <li> 18 <li>
17 <a i18n [routerLink]="[ '/accounts', user.account?.nameWithHost ]" class="dropdown-item" title="My public profile"> 19 <a i18n [routerLink]="[ '/accounts', user.account?.nameWithHost ]" class="dropdown-item" title="My public profile">
18 My public profile 20 My public profile
19 </a> 21 </a>
20 22
21 <a i18n routerLink="/my-account" class="dropdown-item" title="My account"> 23 <a i18n routerLink="/my-account" class="dropdown-item" title="My account">
22 My account 24 My account
23 </a> 25 </a>
24 26
25 <a i18n (click)="logout($event)" class="dropdown-item" title="Log out" href="#"> 27 <a i18n (click)="logout($event)" class="dropdown-item" title="Log out" href="#">
26 Log out 28 Log out
27 </a> 29 </a>
28 </li> 30 </li>
29 </ul> 31 </ul>
30 </div> 32 </div>
31 </div> 33 </div>
34
35 <div *ngIf="!isLoggedIn" class="button-block">
36 <a i18n routerLink="/login" class="login-button">Login</a>
37 <a i18n *ngIf="isRegistrationAllowed()" routerLink="/signup" class="create-account-button">Create an account</a>
38 </div>
32 39
33 <div *ngIf="!isLoggedIn" class="button-block"> 40 <div class="panel-block">
34 <a i18n routerLink="/login" class="login-button">Login</a> 41 <div i18n class="block-title">Videos</div>
35 <a i18n *ngIf="isRegistrationAllowed()" routerLink="/signup" class="create-account-button">Create an account</a>
36 </div>
37 42
38 <div class="panel-block"> 43 <a routerLink="/videos/trending" routerLinkActive="active">
39 <div i18n class="block-title">Videos</div> 44 <span class="icon icon-videos-trending"></span>
45 <ng-container i18n>Trending</ng-container>
46 </a>
40 47
41 <a routerLink="/videos/trending" routerLinkActive="active"> 48 <a routerLink="/videos/recently-added" routerLinkActive="active">
42 <span class="icon icon-videos-trending"></span> 49 <span class="icon icon-videos-recently-added"></span>
43 <ng-container i18n>Trending</ng-container> 50 <ng-container i18n>Recently added</ng-container>
44 </a> 51 </a>
45 52
46 <a routerLink="/videos/recently-added" routerLinkActive="active"> 53 <a routerLink="/videos/local" routerLinkActive="active">
47 <span class="icon icon-videos-recently-added"></span> 54 <span class="icon icon-videos-local"></span>
48 <ng-container i18n>Recently added</ng-container> 55 <ng-container i18n>Local</ng-container>
49 </a> 56 </a>
57 </div>
50 58
51 <a routerLink="/videos/local" routerLinkActive="active"> 59 <div class="panel-block">
52 <span class="icon icon-videos-local"></span> 60 <div class="block-title">More</div>
53 <ng-container i18n>Local</ng-container>
54 </a>
55 </div>
56 61
57 <div class="panel-block"> 62 <a *ngIf="userHasAdminAccess" [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
58 <div class="block-title">More</div> 63 <span class="icon icon-administration"></span>
64 <ng-container i18n>Administration</ng-container>
65 </a>
59 66
60 <a *ngIf="userHasAdminAccess" [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active"> 67 <a routerLink="/about" routerLinkActive="active">
61 <span class="icon icon-administration"></span> 68 <span class="icon icon-about"></span>
62 <ng-container i18n>Administration</ng-container> 69 <ng-container i18n>About</ng-container>
63 </a> 70 </a>
71 </div>
72 </div>
73
74 <div class="footer">
75 <span class="language">
76 <span (click)="openLanguageChooser()" i18n-title title="Change the language" class="icon icon-language"></span>
77 </span>
78 </div>
79 </menu>
80</div>
64 81
65 <a routerLink="/about" routerLinkActive="active"> 82<my-language-chooser #languageChooserModal></my-language-chooser> \ No newline at end of file
66 <span class="icon icon-about"></span>
67 <ng-container i18n>About</ng-container>
68 </a>
69 </div>
70</menu>