aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-07-06 11:03:05 +0200
committerChocobozzz <me@florianbigard.com>2020-07-06 11:03:05 +0200
commit767bb14a381f6c7b5bf27c0f17d6c86a0f42a21f (patch)
tree33f1db3e3f2a868835a74fafcc56a8b21bb78a2a
parent9e5dd0d96e65715ee4750d1de0b9eb768b5025ab (diff)
downloadPeerTube-767bb14a381f6c7b5bf27c0f17d6c86a0f42a21f.tar.gz
PeerTube-767bb14a381f6c7b5bf27c0f17d6c86a0f42a21f.tar.zst
PeerTube-767bb14a381f6c7b5bf27c0f17d6c86a0f42a21f.zip
Fix external user edition
-rw-r--r--client/src/app/+admin/users/user-edit/user-edit.component.html22
-rw-r--r--client/src/sass/include/_mixins.scss4
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 }