diff options
-rw-r--r-- | client/src/app/+admin/users/user-edit/user-edit.component.html | 22 | ||||
-rw-r--r-- | client/src/sass/include/_mixins.scss | 4 |
2 files changed, 15 insertions, 11 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 417bbf618..297e6104c 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 | |||
@@ -89,19 +89,19 @@ | |||
89 | {{ formErrors.username }} | 89 | {{ formErrors.username }} |
90 | </div> | 90 | </div> |
91 | </div> | 91 | </div> |
92 | 92 | ||
93 | <div class="form-group"> | 93 | <div class="form-group"> |
94 | <label i18n for="email">Email</label> | 94 | <label i18n for="email">Email</label> |
95 | <input | 95 | <input |
96 | type="text" id="email" i18n-placeholder placeholder="mail@example.com" class="form-control" | 96 | type="text" id="email" i18n-placeholder placeholder="mail@example.com" class="form-control" |
97 | formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }" | 97 | formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }" |
98 | autocomplete="off" | 98 | autocomplete="off" [readonly]="user.pluginAuth !== null" |
99 | > | 99 | > |
100 | <div *ngIf="formErrors.email" class="form-error"> | 100 | <div *ngIf="formErrors.email" class="form-error"> |
101 | {{ formErrors.email }} | 101 | {{ formErrors.email }} |
102 | </div> | 102 | </div> |
103 | </div> | 103 | </div> |
104 | 104 | ||
105 | <div class="form-group" *ngIf="isCreation()"> | 105 | <div class="form-group" *ngIf="isCreation()"> |
106 | <label i18n for="password">Password</label> | 106 | <label i18n for="password">Password</label> |
107 | <my-help *ngIf="isPasswordOptional()"> | 107 | <my-help *ngIf="isPasswordOptional()"> |
@@ -119,7 +119,7 @@ | |||
119 | {{ formErrors.password }} | 119 | {{ formErrors.password }} |
120 | </div> | 120 | </div> |
121 | </div> | 121 | </div> |
122 | 122 | ||
123 | <div class="form-group"> | 123 | <div class="form-group"> |
124 | <label i18n for="role">Role</label> | 124 | <label i18n for="role">Role</label> |
125 | <div class="peertube-select-container"> | 125 | <div class="peertube-select-container"> |
@@ -129,12 +129,12 @@ | |||
129 | </option> | 129 | </option> |
130 | </select> | 130 | </select> |
131 | </div> | 131 | </div> |
132 | 132 | ||
133 | <div *ngIf="formErrors.role" class="form-error"> | 133 | <div *ngIf="formErrors.role" class="form-error"> |
134 | {{ formErrors.role }} | 134 | {{ formErrors.role }} |
135 | </div> | 135 | </div> |
136 | </div> | 136 | </div> |
137 | 137 | ||
138 | <div class="form-group"> | 138 | <div class="form-group"> |
139 | <label i18n for="videoQuota">Video quota</label> | 139 | <label i18n for="videoQuota">Video quota</label> |
140 | <div class="peertube-select-container"> | 140 | <div class="peertube-select-container"> |
@@ -144,13 +144,13 @@ | |||
144 | </option> | 144 | </option> |
145 | </select> | 145 | </select> |
146 | </div> | 146 | </div> |
147 | 147 | ||
148 | <div i18n class="transcoding-information" *ngIf="isTranscodingInformationDisplayed()"> | 148 | <div i18n class="transcoding-information" *ngIf="isTranscodingInformationDisplayed()"> |
149 | Transcoding is enabled. The video quota only takes into account <strong>original</strong> video size. <br /> | 149 | Transcoding is enabled. The video quota only takes into account <strong>original</strong> video size. <br /> |
150 | At most, this user could upload ~ {{ computeQuotaWithTranscoding() | bytes: 0 }}. | 150 | At most, this user could upload ~ {{ computeQuotaWithTranscoding() | bytes: 0 }}. |
151 | </div> | 151 | </div> |
152 | </div> | 152 | </div> |
153 | 153 | ||
154 | <div class="form-group"> | 154 | <div class="form-group"> |
155 | <label i18n for="videoQuotaDaily">Daily video quota</label> | 155 | <label i18n for="videoQuotaDaily">Daily video quota</label> |
156 | <div class="peertube-select-container"> | 156 | <div class="peertube-select-container"> |
@@ -161,14 +161,14 @@ | |||
161 | </select> | 161 | </select> |
162 | </div> | 162 | </div> |
163 | </div> | 163 | </div> |
164 | 164 | ||
165 | <div class="form-group"> | 165 | <div class="form-group"> |
166 | <my-peertube-checkbox | 166 | <my-peertube-checkbox |
167 | inputName="byPassAutoBlock" formControlName="byPassAutoBlock" | 167 | inputName="byPassAutoBlock" formControlName="byPassAutoBlock" |
168 | i18n-labelText labelText="Doesn't need review before a video goes public" | 168 | i18n-labelText labelText="Doesn't need review before a video goes public" |
169 | ></my-peertube-checkbox> | 169 | ></my-peertube-checkbox> |
170 | </div> | 170 | </div> |
171 | 171 | ||
172 | <input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid"> | 172 | <input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid"> |
173 | </form> | 173 | </form> |
174 | 174 | ||
@@ -180,7 +180,7 @@ | |||
180 | </div> | 180 | </div> |
181 | 181 | ||
182 | 182 | ||
183 | <div *ngIf="!isCreation() && user" class="form-row mt-4"> <!-- danger zone grid --> | 183 | <div *ngIf="!isCreation() && user && user.pluginAuth === null" class="form-row mt-4"> <!-- danger zone grid --> |
184 | <div class="form-group col-12 col-lg-4 col-xl-3"> | 184 | <div class="form-group col-12 col-lg-4 col-xl-3"> |
185 | <div class="anchor" id="danger"></div> <!-- danger zone anchor --> | 185 | <div class="anchor" id="danger"></div> <!-- danger zone anchor --> |
186 | <div i18n class="account-title account-title-danger">DANGER ZONE</div> | 186 | <div i18n class="account-title account-title-danger">DANGER ZONE</div> |
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index c6822b714..2cefaf73d 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -107,6 +107,10 @@ | |||
107 | color: pvar(--inputPlaceholderColor); | 107 | color: pvar(--inputPlaceholderColor); |
108 | } | 108 | } |
109 | 109 | ||
110 | &[readonly] { | ||
111 | opacity: 0.7; | ||
112 | } | ||
113 | |||
110 | @media screen and (max-width: $width) { | 114 | @media screen and (max-width: $width) { |
111 | width: 100%; | 115 | width: 100%; |
112 | } | 116 | } |