<app-spinner *ngIf="(surveyListIsLoading | async) || (databaseListIsLoading | async)"></app-spinner>

<div *ngIf="(surveyListIsLoaded | async) && (databaseListIsLoaded | async)">
    <div class="row">
        <div class="col-12">
            <button title="Add a new database" class="btn btn-outline-success float-right" routerLink="/admin/new-database">
                <span class="fas fa-plus"></span> New database
            </button>
        </div>
    </div>

    <div class="row mt-1">
        <div class="col-12">
            <app-database-table 
                [databaseList]="databaseList | async" 
                [surveyList]="surveyList | async"  
                (deleteDatabase)="deleteDatabase($event)">
            </app-database-table>
        </div>
    </div>
</div>