datatable-actions.component.html

<div *ngIf="dataset.datatable_selectable_rows" class="btn-group mb-2" dropdown [isDisabled]="selectedData.length < 1">
    <button id="button-basic" dropdownToggle type="button" class="btn btn-primary dropdown-toggle"
        aria-controls="dropdown-basic">
        <span *ngIf="!selectedData.length">Actions on selected rows (select rows first)</span>
        <span *ngIf="selectedData.length">Actions on {{selectedData.length}} rows </span>
        <span class="caret"></span>
    </button>
    <ul id="dropdown-basic" *dropdownMenu class="dropdown-menu" role="menu" aria-labelledby="button-basic">
        <li *ngIf="dataset.download_json" role="menuitem">
            <a class="dropdown-item" [href]="getDatatableUrl('json')"
                (click)="download($event, getDatatableUrl('json'), 'json')">
                <span class="fas fa-file"></span> Download JSON
            </a>
        </li>
        <li *ngIf="dataset.download_csv" role="menuitem">
            <a class="dropdown-item" [href]="getDatatableUrl('csv')"
                (click)="download($event, getDatatableUrl('csv'), 'csv')">
                <span class="fas fa-file-csv"></span> Download CSV
            </a>
        </li>
        <li *ngIf="dataset.download_ascii" role="menuitem">
            <a class="dropdown-item" [href]="getDatatableUrl('ascii')"
                (click)="download($event, getDatatableUrl('ascii'), 'ascii')">
                <span class="fas fa-file"></span> Download ASCII
            </a>
        </li>
        <li *ngIf="dataset.download_vo" role="menuitem">
            <a class="dropdown-item" [href]="getDatatableUrl('votable')"
                (click)="download($event, getDatatableUrl('votable'), 'votable')">
                <span class="fas fa-file"></span> VOtable
            </a>
        </li>
        <li *ngIf="dataset.download_vo" role="menuitem" [class.disabled]="!sampRegistered">
            <a class="dropdown-item" [class.disabled]="!sampRegistered" (click)="broadcastResult()">
                <span class="fas fa-broadcast-tower"></span> Broadcast VOtable
            </a>
        </li>
        <li *ngIf="isArchiveIsAvailable()" role="menuitem" [class.disabled]="archiveIsCreating">
            <a class="dropdown-item" [class.disabled]="archiveIsCreating" (click)="downloadArchive()">
                <span class="fas fa-archive"></span> Download files archive
            </a>
        </li>
    </ul>
</div>