aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+my-account
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/+my-account')
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-change-email/my-account-change-email.component.scss7
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.scss5
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-danger-zone/my-account-danger-zone.component.html2
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-interface/my-account-interface-settings.component.scss5
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.html2
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss16
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-settings.component.html93
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-settings.component.scss8
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-video-settings/my-account-video-settings.component.scss5
-rw-r--r--client/src/app/+my-account/shared/actor-avatar-info.component.ts2
10 files changed, 107 insertions, 38 deletions
diff --git a/client/src/app/+my-account/my-account-settings/my-account-change-email/my-account-change-email.component.scss b/client/src/app/+my-account/my-account-settings/my-account-change-email/my-account-change-email.component.scss
index 81eba3ec9..aec709ea0 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-change-email/my-account-change-email.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-change-email/my-account-change-email.component.scss
@@ -1,6 +1,11 @@
1@import '_variables'; 1@import '_variables';
2@import '_mixins'; 2@import '_mixins';
3 3
4label {
5 font-weight: $font-regular;
6 font-size: 100%;
7}
8
4input[type=password], 9input[type=password],
5input[type=email] { 10input[type=email] {
6 @include peertube-input-text(340px); 11 @include peertube-input-text(340px);
@@ -16,7 +21,7 @@ input[type=submit] {
16.current-email, 21.current-email,
17.pending-email { 22.pending-email {
18 font-size: 16px; 23 font-size: 16px;
19 margin: 15px 0; 24 margin-bottom: 15px;
20 25
21 .email { 26 .email {
22 font-weight: $font-semibold; 27 font-weight: $font-semibold;
diff --git a/client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.scss b/client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.scss
index e641482f0..381afae07 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-change-password/my-account-change-password.component.scss
@@ -1,6 +1,11 @@
1@import '_variables'; 1@import '_variables';
2@import '_mixins'; 2@import '_mixins';
3 3
4label {
5 font-weight: $font-regular;
6 font-size: 100%;
7}
8
4input[type=password] { 9input[type=password] {
5 @include peertube-input-text(340px); 10 @include peertube-input-text(340px);
6 display: block; 11 display: block;
diff --git a/client/src/app/+my-account/my-account-settings/my-account-danger-zone/my-account-danger-zone.component.html b/client/src/app/+my-account/my-account-settings/my-account-danger-zone/my-account-danger-zone.component.html
index c542cc675..dd9b56585 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-danger-zone/my-account-danger-zone.component.html
+++ b/client/src/app/+my-account/my-account-settings/my-account-danger-zone/my-account-danger-zone.component.html
@@ -1,5 +1,5 @@
1<div class="delete-me"> 1<div class="delete-me">
2 <p i18n>Once you delete your account, there is no going back. Please be certain.</p> 2 <p i18n>Once you delete your account, there is no going back.</p>
3 3
4 <button (click)="deleteMe()" i18n>Delete your account</button> 4 <button (click)="deleteMe()" i18n>Delete your account</button>
5</div> \ No newline at end of file 5</div> \ No newline at end of file
diff --git a/client/src/app/+my-account/my-account-settings/my-account-interface/my-account-interface-settings.component.scss b/client/src/app/+my-account/my-account-settings/my-account-interface/my-account-interface-settings.component.scss
index 629f01733..7818dfc02 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-interface/my-account-interface-settings.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-interface/my-account-interface-settings.component.scss
@@ -1,6 +1,11 @@
1@import '_variables'; 1@import '_variables';
2@import '_mixins'; 2@import '_mixins';
3 3
4label {
5 font-weight: $font-regular;
6 font-size: 100%;
7}
8
4input[type=submit] { 9input[type=submit] {
5 @include peertube-button; 10 @include peertube-button;
6 @include orange-button; 11 @include orange-button;
diff --git a/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.html b/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.html
index 05c0b5ddc..14e51f57c 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.html
+++ b/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.html
@@ -24,5 +24,5 @@
24 </div> 24 </div>
25 </div> 25 </div>
26 26
27 <input type="submit" i18n-value value="Update my profile" [disabled]="!form.valid"> 27 <input type="submit" i18n-value value="Save" [disabled]="!form.valid">
28</form> 28</form>
diff --git a/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss b/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss
index 6aabb60f4..2f8df81d4 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-profile/my-account-profile.component.scss
@@ -1,6 +1,11 @@
1@import '_variables'; 1@import '_variables';
2@import '_mixins'; 2@import '_mixins';
3 3
4label {
5 font-weight: $font-regular;
6 font-size: 100%;
7}
8
4.form-group:first-child { 9.form-group:first-child {
5 margin-bottom: 15px; 10 margin-bottom: 15px;
6} 11}
@@ -11,12 +16,6 @@ input[type=text] {
11 display: block; 16 display: block;
12} 17}
13 18
14textarea {
15 @include peertube-textarea(500px, 150px);
16
17 display: block;
18}
19
20input[type=submit] { 19input[type=submit] {
21 @include peertube-button; 20 @include peertube-button;
22 @include orange-button; 21 @include orange-button;
@@ -24,3 +23,8 @@ input[type=submit] {
24 margin-top: 15px; 23 margin-top: 15px;
25} 24}
26 25
26textarea {
27 @include peertube-textarea(500px, 150px);
28
29 display: block;
30}
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>
diff --git a/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss b/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
index d0395aca9..7eb60c7fb 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-settings.component.scss
@@ -5,15 +5,11 @@
5 font-size: 15px; 5 font-size: 15px;
6 margin-top: 20px; 6 margin-top: 20px;
7 7
8 .user-quota-label { 8 label {
9 margin-right: 5px; 9 margin-right: 5px;
10 font-weight: $font-semibold;
11 } 10 }
12} 11}
13 12
14.account-title { 13.account-title {
15 @include in-content-small-title; 14 @include settings-big-title;
16
17 margin-top: 55px;
18 margin-bottom: 30px;
19} 15}
diff --git a/client/src/app/+my-account/my-account-settings/my-account-video-settings/my-account-video-settings.component.scss b/client/src/app/+my-account/my-account-settings/my-account-video-settings/my-account-video-settings.component.scss
index 1881be762..56cef0398 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-video-settings/my-account-video-settings.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-video-settings/my-account-video-settings.component.scss
@@ -1,6 +1,11 @@
1@import '_variables'; 1@import '_variables';
2@import '_mixins'; 2@import '_mixins';
3 3
4label {
5 font-weight: $font-regular;
6 font-size: 100%;
7}
8
4input[type=submit] { 9input[type=submit] {
5 @include peertube-button; 10 @include peertube-button;
6 @include orange-button; 11 @include orange-button;
diff --git a/client/src/app/+my-account/shared/actor-avatar-info.component.ts b/client/src/app/+my-account/shared/actor-avatar-info.component.ts
index 8e034bb82..eb198587d 100644
--- a/client/src/app/+my-account/shared/actor-avatar-info.component.ts
+++ b/client/src/app/+my-account/shared/actor-avatar-info.component.ts
@@ -48,6 +48,6 @@ export class ActorAvatarInfoComponent implements OnInit {
48 } 48 }
49 49
50 get avatarExtensions () { 50 get avatarExtensions () {
51 return this.serverConfig.avatar.file.extensions.join(',') 51 return this.serverConfig.avatar.file.extensions.join(', ')
52 } 52 }
53} 53}