<div *ngIf="datasetsCountIsLoaded">
    <accordion [isAnimated]="true">
        <ng-container *ngFor="let dataset of getOrderedDatasetWithResults()">
            <accordion-group (isOpenChange)="retrieveData.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>
                toto
            </accordion-group>
        </ng-container>
    </accordion>
</div>


<!--        <app-result-datatable-->
<!--            [datasetName]="datasetName | async"-->
<!--            [datasetList]="datasetList | async"-->
<!--            [queryParams]="queryParams | async"-->
<!--            [datasetAttributeList]="datasetAttributeList | async"-->
<!--            [outputList]="outputList | async"-->
<!--            [searchData]="searchData | async"-->
<!--            [dataLength]="dataLength | async"-->
<!--            [selectedData]="selectedData | async"-->
<!--            (getSearchData)="getSearchData($event)"-->
<!--            (addSelectedData)="addSearchData($event)"-->
<!--            (deleteSelectedData)="deleteSearchData($event)"-->
<!--            [processWip]="processWip | async"-->
<!--            [processDone]="processDone | async"-->
<!--            [processId]="processId | async"-->
<!--            (executeProcess)="executeProcess($event)">-->
<!--        </app-result-datatable>-->