diff options
Diffstat (limited to 'client/src/app/+admin/users')
-rw-r--r-- | client/src/app/+admin/users/user-edit/user-edit.component.html | 30 | ||||
-rw-r--r-- | client/src/app/+admin/users/user-edit/user-edit.component.scss | 4 |
2 files changed, 19 insertions, 15 deletions
diff --git a/client/src/app/+admin/users/user-edit/user-edit.component.html b/client/src/app/+admin/users/user-edit/user-edit.component.html index 963e2f39a..77aa613a1 100644 --- a/client/src/app/+admin/users/user-edit/user-edit.component.html +++ b/client/src/app/+admin/users/user-edit/user-edit.component.html | |||
@@ -7,7 +7,7 @@ | |||
7 | <div class="form-group" *ngIf="isCreation()"> | 7 | <div class="form-group" *ngIf="isCreation()"> |
8 | <label for="username">Username</label> | 8 | <label for="username">Username</label> |
9 | <input | 9 | <input |
10 | type="text" class="form-control" id="username" placeholder="john" | 10 | type="text" id="username" placeholder="john" |
11 | formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }" | 11 | formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }" |
12 | > | 12 | > |
13 | <div *ngIf="formErrors.username" class="form-error"> | 13 | <div *ngIf="formErrors.username" class="form-error"> |
@@ -18,7 +18,7 @@ | |||
18 | <div class="form-group"> | 18 | <div class="form-group"> |
19 | <label for="email">Email</label> | 19 | <label for="email">Email</label> |
20 | <input | 20 | <input |
21 | type="text" class="form-control" id="email" placeholder="mail@example.com" | 21 | type="text" id="email" placeholder="mail@example.com" |
22 | formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }" | 22 | formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }" |
23 | > | 23 | > |
24 | <div *ngIf="formErrors.email" class="form-error"> | 24 | <div *ngIf="formErrors.email" class="form-error"> |
@@ -29,7 +29,7 @@ | |||
29 | <div class="form-group" *ngIf="isCreation()"> | 29 | <div class="form-group" *ngIf="isCreation()"> |
30 | <label for="password">Password</label> | 30 | <label for="password">Password</label> |
31 | <input | 31 | <input |
32 | type="password" class="form-control" id="password" | 32 | type="password" id="password" |
33 | formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }" | 33 | formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }" |
34 | > | 34 | > |
35 | <div *ngIf="formErrors.password" class="form-error"> | 35 | <div *ngIf="formErrors.password" class="form-error"> |
@@ -39,11 +39,13 @@ | |||
39 | 39 | ||
40 | <div class="form-group"> | 40 | <div class="form-group"> |
41 | <label for="role">Role</label> | 41 | <label for="role">Role</label> |
42 | <select class="form-control" id="role" formControlName="role"> | 42 | <div class="peertube-select-container"> |
43 | <option *ngFor="let role of roles" [value]="role.value"> | 43 | <select id="role" formControlName="role"> |
44 | {{ role.label }} | 44 | <option *ngFor="let role of roles" [value]="role.value"> |
45 | </option> | 45 | {{ role.label }} |
46 | </select> | 46 | </option> |
47 | </select> | ||
48 | </div> | ||
47 | 49 | ||
48 | <div *ngIf="formErrors.role" class="form-error"> | 50 | <div *ngIf="formErrors.role" class="form-error"> |
49 | {{ formErrors.role }} | 51 | {{ formErrors.role }} |
@@ -52,11 +54,13 @@ | |||
52 | 54 | ||
53 | <div class="form-group"> | 55 | <div class="form-group"> |
54 | <label for="videoQuota">Video quota</label> | 56 | <label for="videoQuota">Video quota</label> |
55 | <select class="form-control" id="videoQuota" formControlName="videoQuota"> | 57 | <div class="peertube-select-container"> |
56 | <option *ngFor="let videoQuotaOption of videoQuotaOptions" [value]="videoQuotaOption.value"> | 58 | <select id="videoQuota" formControlName="videoQuota"> |
57 | {{ videoQuotaOption.label }} | 59 | <option *ngFor="let videoQuotaOption of videoQuotaOptions" [value]="videoQuotaOption.value"> |
58 | </option> | 60 | {{ videoQuotaOption.label }} |
59 | </select> | 61 | </option> |
62 | </select> | ||
63 | </div> | ||
60 | 64 | ||
61 | <div class="transcoding-information" *ngIf="isTranscodingInformationDisplayed()"> | 65 | <div class="transcoding-information" *ngIf="isTranscodingInformationDisplayed()"> |
62 | Transcoding is enabled on server. The video quota only take in account <strong>original</strong> video. <br /> | 66 | Transcoding is enabled on server. The video quota only take in account <strong>original</strong> video. <br /> |
diff --git a/client/src/app/+admin/users/user-edit/user-edit.component.scss b/client/src/app/+admin/users/user-edit/user-edit.component.scss index 1bb1c5f0f..59bb8e3e4 100644 --- a/client/src/app/+admin/users/user-edit/user-edit.component.scss +++ b/client/src/app/+admin/users/user-edit/user-edit.component.scss | |||
@@ -10,8 +10,8 @@ input:not([type=submit]) { | |||
10 | display: block; | 10 | display: block; |
11 | } | 11 | } |
12 | 12 | ||
13 | select { | 13 | .peertube-select-container { |
14 | @include peertube-select(340px); | 14 | @include peertube-select-container(340px); |
15 | } | 15 | } |
16 | 16 | ||
17 | input[type=submit] { | 17 | input[type=submit] { |