list-info-form.component.html

<div>
    <dsp-progress-indicator *ngIf="loading"></dsp-progress-indicator>

    <div *ngIf="!loading" class="form-content list-info">

        <!-- list label -->
        <dsp-string-literal-input [placeholder]="'List label *'" [value]="labels"
            (dataChanged)="handleData($event, 'labels')">
        </dsp-string-literal-input>
        <mat-hint class="invalid-form string-literal-error" *ngIf="labelInvalidMessage">{{ labelInvalidMessage }}</mat-hint>

        <br><br>

        <!-- list description / comment -->
        <dsp-string-literal-input [textarea]="true" [placeholder]="'List description'" [value]="comments"
            (dataChanged)="handleData($event, 'comments')" [language]="labels.length ? labels[0].language : 'en'">
        </dsp-string-literal-input>

        <div class="form-panel form-action">
            <span>
                <button mat-button type="button" (click)="closeDialog.emit(list)">
                    {{ 'appLabels.form.action.cancel' | translate }}
                </button>
            </span>
            <span class="fill-remaining-space"></span>
            <span>
                <button mat-raised-button type="submit" color="primary" [disabled]="labels.length === 0"
                    (click)="submitData()" class="list-submit">
                    {{ mode === 'update' ? 'Update' : 'Create' | translate }}
                </button>
            </span>
        </div>
    </div>
</div>