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

   1 <div class="row">
   2   <div class="content-padding">
   3
   4     <h3 *ngIf="isCreation() === true">Add user</h3>
   5     <h3 *ngIf="isCreation() === false">Edit user {{ username }}</h3>
   6
   7     <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   8
   9     <form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
  10       <div class="form-group" *ngIf="isCreation()">
  11         <label for="username">Username</label>
  12         <input
  13           type="text" class="form-control" id="username" placeholder="john"
  14           formControlName="username"
  15         >
  16         <div *ngIf="formErrors.username" class="alert alert-danger">
  17           {{ formErrors.username }}
  18         </div>
  19       </div>
  20
  21       <div class="form-group">
  22         <label for="email">Email</label>
  23         <input
  24           type="text" class="form-control" id="email" placeholder="mail@example.com"
  25           formControlName="email"
  26         >
  27         <div *ngIf="formErrors.email" class="alert alert-danger">
  28           {{ formErrors.email }}
  29         </div>
  30       </div>
  31
  32       <div class="form-group" *ngIf="isCreation()">
  33         <label for="password">Password</label>
  34         <input
  35           type="password" class="form-control" id="password"
  36           formControlName="password"
  37         >
  38         <div *ngIf="formErrors.password" class="alert alert-danger">
  39           {{ formErrors.password }}
  40         </div>
  41       </div>
  42
  43       <div class="form-group">
  44         <label for="videoQuota">Video quota</label>
  45         <select class="form-control" id="videoQuota" formControlName="videoQuota">
  46           <option *ngFor="let videoQuotaOption of videoQuotaOptions" [value]="videoQuotaOption.value">
  47             {{ videoQuotaOption.label }}
  48           </option>
  49         </select>
  50
  51         <div class="transcoding-information" *ngIf="isTranscodingInformationDisplayed()">
  52           Transcoding is enabled on server. The video quota only take in account <strong>original</strong> video. <br />
  53           In maximum, this user could use ~ {{ computeQuotaWithTranscoding() | bytes }}.
  54         </div>
  55       </div>
  56
  57       <input type="submit" value="{{ getFormButtonTitle() }}" class="btn btn-default" [disabled]="!form.valid">
  58     </form>
  59   </div>
  60 </div>