<div *ngIf="datasetsCountIsLoaded">
    <accordion [isAnimated]="true">
        <ng-container *ngFor="let dataset of getOrderedDatasetWithResults()">
            <accordion-group (isOpenChange)="retrieveMeta.emit(dataset.name)" #ag [panelClass]="'custom-accordion'" [isOpen]="false" class="my-2">
                <button class="btn btn-link btn-block clearfix" accordion-heading>
                    <div class="pull-left float-left">
                        {{ dataset.label }} <span class="badge badge-pill badge-primary">{{ getCount(dataset.name) }}</span>
                        &nbsp;
                        <span *ngIf="ag.isOpen">
                        <span class="fas fa-chevron-up"></span>
                    </span>
                        <span *ngIf="!ag.isOpen">
                        <span class="fas fa-chevron-down"></span>
                    </span>
                    </div>
                </button>
<!--                <app-datatable-->
<!--                    [dataset]="dataset"-->
<!--                    [datasetAttributeList]="getDatasetAttributeList(dataset.name)"-->
<!--                    [outputList]="outputList"-->
<!--                    [data]="data"-->
<!--                    [dataLength]="getCount(dataset.name)"-->
<!--                    (getData)="getData(dataset.name, $event)"-->
<!--                    (addSelectedData)="addSelectedData($event)"-->
<!--                    (deleteSelectedData)="deleteSelectedData($event)"-->
<!--                    (executeProcess)="executeProcess($event)">-->
<!--                </app-datatable>-->
            </accordion-group>
        </ng-container>
    </accordion>
</div>