result.component.html

<app-spinner *ngIf="(datasetListIsLoading | async) 
    || (attributeListIsLoading | async) 
    || (criteriaFamilyListIsLoading | async) 
    || (outputFamilyListIsLoading | async)
    || (outputCategoryListIsLoading | async)">
</app-spinner>

<div *ngIf="(datasetListIsLoaded | async)
    && (attributeListIsLoaded | async) 
    && (criteriaFamilyListIsLoaded | async) 
    && (outputFamilyListIsLoaded | async)
    && (outputCategoryListIsLoaded | async)" class="row mt-4">
    <div class="col-12">
        <app-download
            [datasetSelected]="datasetSelected | async"
            [datasetList]="datasetList | async"
            [criteriaList]="criteriaList | async"
            [outputList]="outputList | async"
            [dataLength]="dataLength | async"
            [dataLengthIsLoading]="dataLengthIsLoading | async"
            [dataLengthIsLoaded]="dataLengthIsLoaded | async"
            [sampRegistered]="sampRegistered | async"
            (getDataLength)="getDataLength()"
            (broadcast)="broadcastVotable($event)">
        </app-download>
        <!-- <app-reminder
            [datasetName]="datasetName | async"
            [datasetList]="datasetList | async"
            [datasetAttributeList]="attributeList | async"
            [dataLengthIsLoaded]="dataLengthIsLoaded | async"
            [isConeSearchAdded]="isConeSearchAdded | async"
            [coneSearch]="coneSearch | async"
            [criteriaFamilyList]="criteriaFamilyList | async"
            [criteriaList]="criteriaList | async"
            [outputFamilyList]="outputFamilyList | async"
            [categoryList]="categoryList | async"
            [outputList]="outputList | async">
        </app-reminder>
        <app-samp
            [datasetName]="datasetName | async"
            [datasetList]="datasetList | async"
            [sampRegistered]="sampRegistered | async"
            (sampRegister)="sampRegister()"
            (sampUnregister)="sampUnregister()">
        </app-samp>
        <app-result-url-display
            [datasetList]="datasetList | async"
            [dataLengthIsLoaded]="dataLengthIsLoaded | async"
            [datasetName]="datasetName | async"
            [isConeSearchAdded]="isConeSearchAdded | async"
            [coneSearch]="coneSearch | async"
            [criteriaList]="criteriaList | async"
            [outputList]="outputList | async">
        </app-result-url-display>
        <app-cone-search-plot-tab
            [datasetName]="datasetName | async"
            [datasetList]="datasetList | async"
            [datasetAttributeList]="attributeList | async"
            [searchData]="searchData | async"
            [dataLengthIsLoaded]="dataLengthIsLoaded | async"
            [dataLength]="dataLength | async"
            [isConeSearchAdded]="isConeSearchAdded | async"
            [coneSearch]="coneSearch | async">
        </app-cone-search-plot-tab>
        <app-datatable-tab
            [datasetName]="datasetName | async"
            [datasetList]="datasetList | async"
            [datasetAttributeList]="attributeList | async"
            [outputList]="outputList | async"
            [searchData]="searchData | async"
            [dataLengthIsLoaded]="dataLengthIsLoaded | 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-datatable-tab> -->
    </div>
</div>
<div class="row mt-5 justify-content-between">
    <div class="col">
        <a routerLink="/instance/{{ instanceSelected | async }}/search/output/{{ datasetSelected | async }}" [queryParams]="queryParams | async" class="btn btn-outline-secondary">
            <span class="fas fa-arrow-left"></span> Output
        </a>
    </div>
</div>