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

   1 <h1 class="sr-only" i18n>Configuration</h1>
   2 <form role="form" [formGroup]="form">
   3
   4   <div ngbNav #nav="ngbNav" [activeId]="activeNav" (activeIdChange)="onNavChange($event)" class="nav-tabs">
   5
   6     <ng-container ngbNavItem="instance-information">
   7       <a ngbNavLink i18n>Instance information</a>
   8
   9       <ng-template ngbNavContent>
  10         <my-edit-instance-information [form]="form" [formErrors]="formErrors" [languageItems]="languageItems" [categoryItems]="categoryItems">
  11         </my-edit-instance-information>
  12       </ng-template>
  13     </ng-container>
  14
  15     <ng-container ngbNavItem="basic-configuration">
  16       <a ngbNavLink i18n>Basic configuration</a>
  17
  18       <ng-template ngbNavContent>
  19         <my-edit-basic-configuration [form]="form" [formErrors]="formErrors" [serverConfig]="serverConfig">
  20         </my-edit-basic-configuration>
  21       </ng-template>
  22     </ng-container>
  23
  24     <ng-container ngbNavItem="transcoding">
  25       <a ngbNavLink i18n>VOD Transcoding</a>
  26
  27       <ng-template ngbNavContent>
  28         <my-edit-vod-transcoding [form]="form" [formErrors]="formErrors" [serverConfig]="serverConfig">
  29         </my-edit-vod-transcoding>
  30       </ng-template>
  31     </ng-container>
  32
  33     <ng-container ngbNavItem="live">
  34       <a ngbNavLink i18n>Live streaming</a>
  35
  36       <ng-template ngbNavContent>
  37         <my-edit-live-configuration [form]="form" [formErrors]="formErrors" [serverConfig]="serverConfig">
  38         </my-edit-live-configuration>
  39       </ng-template>
  40     </ng-container>
  41
  42     <ng-container ngbNavItem="advanced-configuration">
  43       <a ngbNavLink i18n>Advanced configuration</a>
  44
  45       <ng-template ngbNavContent>
  46         <my-edit-advanced-configuration [form]="form" [formErrors]="formErrors">
  47         </my-edit-advanced-configuration>
  48       </ng-template>
  49     </ng-container>
  50   </div>
  51
  52   <div [ngbNavOutlet]="nav"></div>
  53
  54   <div class="form-row mt-4"> <!-- submit placement block -->
  55     <div class="col-md-7 col-xl-5"></div>
  56     <div class="col-md-5 col-xl-5">
  57
  58       <div class="form-error submit-error" i18n *ngIf="!form.valid">
  59         There are errors in the form:
  60
  61         <ul>
  62           <li *ngFor="let error of grabAllErrors()">
  63             {{ error }}
  64           </li>
  65         </ul>
  66       </div>
  67
  68       <span class="form-error submit-error" i18n *ngIf="!hasLiveAllowReplayConsistentOptions()">
  69         You cannot allow live replay if you don't enable transcoding.
  70       </span>
  71
  72       <input (click)="formValidated()" type="submit" i18n-value value="Update configuration" [disabled]="!form.valid || !hasConsistentOptions()">
  73     </div>
  74   </div>
  75 </form>