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