<div class="video-edit" [formGroup]="form">
<div ngbNav #nav="ngbNav" class="nav-tabs">
+ <ng-template #pluginSettingTemplate let-pluginSetting>
+ <div class="form-group" [hidden]="isPluginFieldHidden(pluginSetting)">
+ <my-dynamic-form-field [form]="pluginDataFormGroup" [formErrors]="formErrors['pluginData']" [setting]="pluginSetting.commonOptions"></my-dynamic-form-field>
+ </div>
+ </ng-template>
+
<ng-container ngbNavItem>
<a ngbNavLink i18n>Basic info</a>
</ng-template>
</my-peertube-checkbox>
+ <ng-container
+ *ngFor="let pluginSetting of getPluginsFields('main')"
+ [ngTemplateOutlet]="pluginSettingTemplate" [ngTemplateOutletContext]="{ $implicit: pluginSetting }"
+ >
+ </ng-container>
</div>
</div>
</ng-template>
</ng-template>
</ng-container>
- <ng-container ngbNavItem *ngIf="pluginFields.length !== 0">
+ <ng-container ngbNavItem *ngIf="getPluginsFields('plugin-settings').length !== 0">
<a ngbNavLink i18n>Plugin settings</a>
<ng-template ngbNavContent>
<div class="row plugin-settings">
<div class="col-md-12 col-xl-8">
- <div *ngFor="let pluginSetting of pluginFields" class="form-group" [hidden]="isPluginFieldHidden(pluginSetting)">
- <my-dynamic-form-field [form]="pluginDataFormGroup" [formErrors]="formErrors" [setting]="pluginSetting.commonOptions"></my-dynamic-form-field>
- </div>
+ <ng-container
+ *ngFor="let pluginSetting of getPluginsFields('plugin-settings')"
+ [ngTemplateOutlet]="pluginSettingTemplate" [ngTemplateOutletContext]="{ $implicit: pluginSetting }"
+ >
+ </ng-container>
</div>
</div>