client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html

   1 <div class="admin-sub-title">Update PeerTube configuration</div>
   2
   3 <form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
   4
   5   <div class="inner-form-title">Cache</div>
   6
   7   <div class="form-group">
   8     <label for="cachePreviewsSize">Preview cache size</label>
   9     <input
  10       type="text" id="cachePreviewsSize"
  11       formControlName="cachePreviewsSize" [ngClass]="{ 'input-error': formErrors['cachePreviewsSize'] }"
  12     >
  13     <div *ngIf="formErrors.cachePreviewsSize" class="form-error">
  14       {{ formErrors.cachePreviewsSize }}
  15     </div>
  16   </div>
  17
  18   <div class="inner-form-title">Signup</div>
  19
  20   <div class="form-group">
  21     <input type="checkbox" id="signupEnabled" formControlName="signupEnabled">
  22
  23     <label for="signupEnabled"></label>
  24     <label for="signupEnabled">Signup enabled</label>
  25   </div>
  26
  27   <div *ngIf="isSignupEnabled()" class="form-group">
  28     <label for="signupLimit">Signup limit</label>
  29     <input
  30         type="text" id="signupLimit"
  31         formControlName="signupLimit" [ngClass]="{ 'input-error': formErrors['signupLimit'] }"
  32     >
  33     <div *ngIf="formErrors.signupLimit" class="form-error">
  34       {{ formErrors.signupLimit }}
  35     </div>
  36   </div>
  37
  38   <div class="inner-form-title">Administrator</div>
  39
  40   <div class="form-group">
  41     <label for="adminEmail">Admin email</label>
  42     <input
  43         type="text" id="adminEmail"
  44         formControlName="adminEmail" [ngClass]="{ 'input-error': formErrors['adminEmail'] }"
  45     >
  46     <div *ngIf="formErrors.adminEmail" class="form-error">
  47       {{ formErrors.adminEmail }}
  48     </div>
  49   </div>
  50
  51   <div class="inner-form-title">Users</div>
  52
  53   <div class="form-group">
  54     <label for="userVideoQuota">User default video quota</label>
  55     <div class="peertube-select-container">
  56       <select id="userVideoQuota" formControlName="userVideoQuota">
  57         <option *ngFor="let videoQuotaOption of videoQuotaOptions" [value]="videoQuotaOption.value">
  58           {{ videoQuotaOption.label }}
  59         </option>
  60       </select>
  61     </div>
  62   </div>
  63
  64   <div class="inner-form-title">Transcoding</div>
  65
  66   <div class="form-group">
  67     <input type="checkbox" id="transcodingEnabled" formControlName="transcodingEnabled">
  68
  69     <label for="transcodingEnabled"></label>
  70     <label for="transcodingEnabled">Transcoding enabled</label>
  71   </div>
  72
  73   <ng-template [ngIf]="isTranscodingEnabled()">
  74
  75     <div class="form-group">
  76       <label for="transcodingThreads">Transcoding threads</label>
  77       <div class="peertube-select-container">
  78         <select id="transcodingThreads" formControlName="transcodingThreads">
  79           <option *ngFor="let transcodingThreadOption of transcodingThreadOptions" [value]="transcodingThreadOption.value">
  80             {{ transcodingThreadOption.label }}
  81           </option>
  82         </select>
  83       </div>
  84     </div>
  85
  86     <div class="form-group" *ngFor="let resolution of resolutions">
  87       <input
  88         type="checkbox" [id]="getResolutionKey(resolution)"
  89         [formControlName]="getResolutionKey(resolution)"
  90       >
  91       <label [for]="getResolutionKey(resolution)"></label>
  92       <label [for]="getResolutionKey(resolution)">Resolution {{ resolution }} enabled</label>
  93     </div>
  94   </ng-template>
  95
  96   <input type="submit" value="Update configuration" [disabled]="!form.valid">
  97 </form>