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

   1 <h1 class="visually-hidden" i18n>Configuration</h1>
   2
   3 <div class="alert alert-warning" *ngIf="!isUpdateAllowed()" i18n>
   4   Updating instance configuration from the web interface is disabled by the system administrator.
   5 </div>
   6
   7 <form role="form" [formGroup]="form">
   8
   9   <div ngbNav #nav="ngbNav" [activeId]="activeNav" (activeIdChange)="onNavChange($event)" class="nav-tabs">
  10
  11     <ng-container ngbNavItem="instance-homepage">
  12       <a ngbNavLink i18n>Homepage</a>
  13
  14       <ng-template ngbNavContent>
  15         <my-edit-homepage [form]="form" [formErrors]="formErrors"></my-edit-homepage>
  16       </ng-template>
  17     </ng-container>
  18
  19     <ng-container ngbNavItem="instance-information">
  20       <a ngbNavLink i18n>Information</a>
  21
  22       <ng-template ngbNavContent>
  23         <my-edit-instance-information [form]="form" [formErrors]="formErrors" [languageItems]="languageItems" [categoryItems]="categoryItems">
  24         </my-edit-instance-information>
  25       </ng-template>
  26     </ng-container>
  27
  28     <ng-container ngbNavItem="basic-configuration">
  29       <a ngbNavLink i18n>Basic</a>
  30
  31       <ng-template ngbNavContent>
  32         <my-edit-basic-configuration [form]="form" [formErrors]="formErrors" [serverConfig]="serverConfig">
  33         </my-edit-basic-configuration>
  34       </ng-template>
  35     </ng-container>
  36
  37     <ng-container ngbNavItem="transcoding">
  38       <a ngbNavLink i18n>VOD Transcoding</a>
  39
  40       <ng-template ngbNavContent>
  41         <my-edit-vod-transcoding [form]="form" [formErrors]="formErrors" [serverConfig]="serverConfig">
  42         </my-edit-vod-transcoding>
  43       </ng-template>
  44     </ng-container>
  45
  46     <ng-container ngbNavItem="live">
  47       <a ngbNavLink i18n>Live streaming</a>
  48
  49       <ng-template ngbNavContent>
  50         <my-edit-live-configuration [form]="form" [formErrors]="formErrors" [serverConfig]="serverConfig">
  51         </my-edit-live-configuration>
  52       </ng-template>
  53     </ng-container>
  54
  55     <ng-container ngbNavItem="advanced-configuration">
  56       <a ngbNavLink i18n>Advanced</a>
  57
  58       <ng-template ngbNavContent>
  59         <my-edit-advanced-configuration [form]="form" [formErrors]="formErrors">
  60         </my-edit-advanced-configuration>
  61       </ng-template>
  62     </ng-container>
  63   </div>
  64
  65   <div [ngbNavOutlet]="nav"></div>
  66
  67   <div class="row mt-4"> <!-- submit placement block -->
  68     <div class="col-md-7 col-xl-5"></div>
  69     <div class="col-md-5 col-xl-5">
  70
  71       <div class="form-error submit-error" i18n *ngIf="!form.valid && isUpdateAllowed()">
  72         There are errors in the form:
  73
  74         <ul>
  75           <li *ngFor="let error of grabAllErrors()">
  76             {{ error }}
  77           </li>
  78         </ul>
  79       </div>
  80
  81       <span class="form-error submit-error" i18n *ngIf="!hasLiveAllowReplayConsistentOptions()">
  82         You cannot allow live replay if you don't enable transcoding.
  83       </span>
  84
  85       <span i18n *ngIf="!isUpdateAllowed()">
  86         You cannot change the server configuration because it's managed externally.
  87       </span>
  88
  89       <input
  90         (click)="formValidated()" type="submit" i18n-value value="Update configuration"
  91         [disabled]="!form.valid || !hasConsistentOptions() || !isUpdateAllowed()"
  92       >
  93     </div>
  94   </div>
  95 </form>