summary.component.html

<div class="border rounded">
    <p class="lead text-center border-bottom bg-light py-2">Search summary</p>
    <p class="text-center font-italic">
        Dataset
    </p>
    <p *ngIf="datasetName && datasetList.length > 0" class="pl-5">{{ getDataset().label }}</p>
    <hr>
    <p class="text-center font-italic">
        Criteria
    </p>
    <p *ngIf="criteriaList.length < 1" class="pl-5 font-weight-bold">
        No selected criteria
    </p>
    <ul *ngIf="criteriaList.length > 0" class="pl-5 list-unstyled">
        <li *ngFor="let criterion of criteriaList">
            {{ getAttribute(criterion.id).form_label }} {{ printCriterion(criterion) }}
        </li>
    </ul>
    <hr>
    <p class="text-center font-italic">
        Output
    </p>
    <ul class="pl-5 list-unstyled">
        <li *ngFor="let output of outputList">
            {{ getAttribute(output).form_label }}
        </li>
    </ul>
</div>