aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+my-account/my-account-settings/my-account-settings.component.html
diff options
context:
space:
mode:
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.html93
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>
generated by cgit v1.2.3 (git 2.25.1) at 2024-07-13 23:51:02 +0000