<h3>Dashboards</h3>
<mat-accordion>
    <mat-expansion-panel
        *ngFor="let menuItem of menuItems"
        >
        <mat-expansion-panel-header>
            <mat-panel-title>
                {{ menuItem.name }}
            </mat-panel-title>
        </mat-expansion-panel-header>
        <mat-list-item
            *ngFor="let item of menuItem.pages"
            >
            <button mat-button
                    [hidden]="authenticationService.isNotAuthorized([item.viewable_role]) | async"
                    matTooltip="{{ item.description }}"
                    matTooltipPosition="right"
                    routerLink="/dashboard/{{ item.group }}/{{ item.name }}"
                    routerLinkActive="active"
                    >
                {{ item.name }}
            </button>
        </mat-list-item>
    </mat-expansion-panel>
</mat-accordion>
