Fix external user edition

client/src/app/+admin/users/user-edit/user-edit.component.html

@@ -89,19 +89,19 @@
           {{ formErrors.username }}
         </div>
       </div>
-  
+
       <div class="form-group">
         <label i18n for="email">Email</label>
         <input
           type="text" id="email" i18n-placeholder placeholder="mail@example.com" class="form-control"
           formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }"
-          autocomplete="off"
+          autocomplete="off" [readonly]="user.pluginAuth !== null"
         >
         <div *ngIf="formErrors.email" class="form-error">
           {{ formErrors.email }}
         </div>
       </div>
-  
+
       <div class="form-group" *ngIf="isCreation()">
         <label i18n for="password">Password</label>
         <my-help *ngIf="isPasswordOptional()">
@@ -119,7 +119,7 @@
           {{ formErrors.password }}
         </div>
       </div>
-  
+
       <div class="form-group">
         <label i18n for="role">Role</label>
         <div class="peertube-select-container">
@@ -129,12 +129,12 @@
               </option>
             </select>
         </div>
-  
+
         <div *ngIf="formErrors.role" class="form-error">
           {{ formErrors.role }}
         </div>
       </div>
-  
+
       <div class="form-group">
         <label i18n for="videoQuota">Video quota</label>
         <div class="peertube-select-container">
@@ -144,13 +144,13 @@
             </option>
           </select>
         </div>
-  
+
         <div i18n class="transcoding-information" *ngIf="isTranscodingInformationDisplayed()">
           Transcoding is enabled. The video quota only takes into account <strong>original</strong> video size. <br />
           At most, this user could upload ~ {{ computeQuotaWithTranscoding() | bytes: 0 }}.
         </div>
       </div>
-  
+
       <div class="form-group">
         <label i18n for="videoQuotaDaily">Daily video quota</label>
         <div class="peertube-select-container">
@@ -161,14 +161,14 @@
           </select>
         </div>
       </div>
-  
+
       <div class="form-group">
         <my-peertube-checkbox
           inputName="byPassAutoBlock" formControlName="byPassAutoBlock"
           i18n-labelText labelText="Doesn't need review before a video goes public"
         ></my-peertube-checkbox>
       </div>
-  
+
       <input type="submit" value="{{ getFormButtonTitle() }}" [disabled]="!form.valid">
     </form>
 
@@ -180,7 +180,7 @@
 </div>
 
 
-<div *ngIf="!isCreation() && user" class="form-row mt-4"> <!-- danger zone grid -->
+<div *ngIf="!isCreation() && user && user.pluginAuth === null" class="form-row mt-4"> <!-- danger zone grid -->
   <div class="form-group col-12 col-lg-4 col-xl-3">
     <div class="anchor" id="danger"></div> <!-- danger zone anchor -->
     <div i18n class="account-title account-title-danger">DANGER ZONE</div>

client/src/sass/include/_mixins.scss

@@ -107,6 +107,10 @@
     color: pvar(--inputPlaceholderColor);
   }
 
+  &[readonly] {
+    opacity: 0.7;
+  }
+
   @media screen and (max-width: $width) {
     width: 100%;
   }