field-set.component.html

<mat-card-header class="mat-card-header-text-margin-0 bg-accent-light">
    <mat-card-title>
        {{ title }}
    </mat-card-title>
    <div class="hyd-window-btns">
        <span *ngIf="showButtons">
            <mat-select *ngIf="showAddChildren" id="add-many-children" [(value)]="childrenToAdd">
                <mat-option *ngFor="let i of addManyOptionsList" [value]="i">
                    {{ i }}
                </mat-option>
            </mat-select>
            <button *ngIf="showAddChildren" type="button" mat-icon-button (click)="onAddClick()" class="add-structure"
                [title]="uitextAddStructure">
                <mat-icon>add_box</mat-icon>
            </button>
            <button type="button" mat-icon-button (click)="onCopyClick()" class="copy-structure"
                [title]="uitextCopyStructure">
                <mat-icon>content_copy</mat-icon>
            </button>
            |
            <button type="button" mat-icon-button [disabled]="! enableRemoveButton" (click)="onRemoveClick()"
                [title]="uitextRemoveStructure">
                <mat-icon>delete</mat-icon>
            </button>
            <button *ngIf="showMoveArrows" type="button" mat-icon-button [disabled]="! enableUpButton" (click)="onMoveUpClick()"
                [title]="uitextMoveStructureUp">
                <mat-icon>arrow_upward</mat-icon>
            </button>
            <button *ngIf="showMoveArrows" type="button" mat-icon-button [disabled]="! enableDownButton" (click)="onMoveDownClick()"
                [title]="uitextMoveStructureDown">
                <mat-icon>arrow_downward</mat-icon>
            </button>
            <span *ngIf="enableHelpButton">|</span>
        </span>
        <button *ngIf="enableHelpButton" class="help-button" type="button" mat-icon-button (click)="openHelp()"
            [title]="uitextOpenHelp">
            <mat-icon id="help-fieldset">help</mat-icon>
        </button>
    </div>
</mat-card-header>

<mat-card-content>
    <ng-template ngFor let-p [ngForOf]="fields">
        <param-field-line *ngIf="isInputField(p)" [param]=p (radio)=onRadioClick($event) (valid)=onParamLineValid()
            (inputChange)=onInputChange($event) (tabPressed)="onTabPressed($event)">
        </param-field-line>

        <select-field-line *ngIf="isSelectField(p)" [_select]=p (valueChanged)=onSelectLineChanged($event)>
        </select-field-line>
    </ng-template>
</mat-card-content>