diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-03-08 17:33:40 +0100 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-03-10 16:23:40 +0100 |
commit | 482fa503e545e00252e25eee7b3e0f7d421cf9d4 (patch) | |
tree | 4aa27a683656ced173fe48b914cfd7d65b289717 /client/src/app/+my-account/my-account-settings/my-account-settings.component.html | |
parent | 3b20bdd6dc7402b0723e038c57f0606131e20e54 (diff) | |
download | PeerTube-482fa503e545e00252e25eee7b3e0f7d421cf9d4.tar.gz PeerTube-482fa503e545e00252e25eee7b3e0f7d421cf9d4.tar.zst PeerTube-482fa503e545e00252e25eee7b3e0f7d421cf9d4.zip |
Use grid to organise settings in admin, my-account
Diffstat (limited to 'client/src/app/+my-account/my-account-settings/my-account-settings.component.html')
-rw-r--r-- | client/src/app/+my-account/my-account-settings/my-account-settings.component.html | 93 |
1 files changed, 71 insertions, 22 deletions
diff --git a/client/src/app/+my-account/my-account-settings/my-account-settings.component.html b/client/src/app/+my-account/my-account-settings/my-account-settings.component.html index 9f187b574..164afb4ea 100644 --- a/client/src/app/+my-account/my-account-settings/my-account-settings.component.html +++ b/client/src/app/+my-account/my-account-settings/my-account-settings.component.html | |||
@@ -1,34 +1,83 @@ | |||
1 | <my-actor-avatar-info [actor]="user.account" (avatarChange)="onAvatarChange($event)"></my-actor-avatar-info> | 1 | <div class="form-row"> <!-- profile grid --> |
2 | <div class="form-group col-12 col-lg-4 col-xl-3"> | ||
3 | <div i18n class="account-title">PROFILE</div> | ||
4 | </div> | ||
5 | |||
6 | <div class="form-group form-group-right col-12 col-lg-8 col-xl-9"> | ||
7 | <my-actor-avatar-info [actor]="user.account" (avatarChange)="onAvatarChange($event)"></my-actor-avatar-info> | ||
8 | |||
9 | <div class="user-quota mb-3"> | ||
10 | <div> | ||
11 | <label i18n>Total video quota:</label> | ||
12 | <ng-container i18n>{{ userVideoQuotaUsed | bytes: 0 }} used</ng-container> / {{ userVideoQuota }} | ||
13 | </div> | ||
14 | |||
15 | <div *ngIf="hasDailyQuota()"> | ||
16 | <label i18n>Daily video quota:</label> | ||
17 | <ng-container>{{ userVideoQuotaUsedDaily | bytes: 0 }} used</ng-container> / {{ userVideoQuotaDaily }} | ||
18 | </div> | ||
19 | </div> | ||
20 | |||
21 | <my-account-profile [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-profile> | ||
22 | </div> | ||
23 | </div> | ||
2 | 24 | ||
3 | <div class="user-quota"> | 25 | <div class="form-row mt-5"> <!-- video settings grid --> |
4 | <div> | 26 | <div class="form-group col-12 col-lg-4 col-xl-3"> |
5 | <span i18n class="user-quota-label">Total video quota:</span> | 27 | <div i18n class="account-title">VIDEO SETTINGS</div> |
6 | <ng-container i18n>{{ userVideoQuotaUsed | bytes: 0 }} used</ng-container> / {{ userVideoQuota }} | ||
7 | </div> | 28 | </div> |
8 | 29 | ||
9 | <div *ngIf="hasDailyQuota()"> | 30 | <div class="form-group form-group-right col-12 col-lg-8 col-xl-9"> |
10 | <span i18n class="user-quota-label">Daily video quota:</span> | 31 | <my-account-video-settings [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-video-settings> |
11 | <ng-container>{{ userVideoQuotaUsedDaily | bytes: 0 }} used</ng-container> / {{ userVideoQuotaDaily }} | ||
12 | </div> | 32 | </div> |
13 | </div> | 33 | </div> |
14 | 34 | ||
15 | <div i18n class="account-title">Profile</div> | 35 | <div class="form-row mt-5"> <!-- notifications grid --> |
16 | <my-account-profile [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-profile> | 36 | <div class="form-group col-12 col-lg-4 col-xl-3"> |
37 | <div i18n class="account-title">NOTIFICATIONS</div> | ||
38 | </div> | ||
17 | 39 | ||
18 | <div i18n class="account-title">Video settings</div> | 40 | <div class="form-group form-group-right col-12 col-lg-8 col-xl-9"> |
19 | <my-account-video-settings [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-video-settings> | 41 | <my-account-notification-preferences [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-notification-preferences> |
42 | </div> | ||
43 | </div> | ||
20 | 44 | ||
21 | <div i18n class="account-title">Notifications</div> | 45 | <div class="form-row mt-5"> <!-- interface grid --> |
22 | <my-account-notification-preferences [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-notification-preferences> | 46 | <div class="form-group col-12 col-lg-4 col-xl-3"> |
47 | <div i18n class="account-title">INTERFACE</div> | ||
48 | </div> | ||
23 | 49 | ||
24 | <div i18n class="account-title">Interface</div> | 50 | <div class="form-group form-group-right col-12 col-lg-8 col-xl-9"> |
25 | <my-account-interface-settings [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-interface-settings> | 51 | <my-account-interface-settings [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-interface-settings> |
52 | </div> | ||
53 | </div> | ||
26 | 54 | ||
27 | <div i18n class="account-title">Password</div> | 55 | <div class="form-row mt-5"> <!-- password grid --> |
28 | <my-account-change-password></my-account-change-password> | 56 | <div class="form-group col-12 col-lg-4 col-xl-3"> |
57 | <div i18n class="account-title">PASSWORD</div> | ||
58 | </div> | ||
59 | |||
60 | <div class="form-group form-group-right col-12 col-lg-8 col-xl-9"> | ||
61 | <my-account-change-password></my-account-change-password> | ||
62 | </div> | ||
63 | </div> | ||
64 | |||
65 | <div class="form-row mt-5"> <!-- email grid --> | ||
66 | <div class="form-group col-12 col-lg-4 col-xl-3"> | ||
67 | <div i18n class="account-title">EMAIL</div> | ||
68 | </div> | ||
29 | 69 | ||
30 | <div i18n class="account-title">Email</div> | 70 | <div class="form-group form-group-right col-12 col-lg-8 col-xl-9"> |
31 | <my-account-change-email></my-account-change-email> | 71 | <my-account-change-email></my-account-change-email> |
72 | </div> | ||
73 | </div> | ||
74 | |||
75 | <div class="form-row mt-5"> <!-- danger zone grid --> | ||
76 | <div class="form-group col-12 col-lg-4 col-xl-3"> | ||
77 | <div i18n class="account-title">DANGER ZONE</div> | ||
78 | </div> | ||
32 | 79 | ||
33 | <div i18n class="account-title">Danger zone</div> | 80 | <div class="form-group form-group-right col-12 col-lg-8 col-xl-9"> |
34 | <my-account-danger-zone [user]="user"></my-account-danger-zone> | 81 | <my-account-danger-zone [user]="user"></my-account-danger-zone> |
82 | </div> | ||
83 | </div> | ||