<mat-drawer-container id="measuresMainDrawer" fxFlexFill>
  <mat-drawer opened=true mode='side'>
    <mat-list-item *ngFor="let store of stores">
      <button mat-button
        matTooltip="{{ store.name }}"
        matTooltipPosition="right"
        [routerLink]="store.store" routerLinkActive="active">
        {{ store.name }}
      </button>
    </mat-list-item>
  </mat-drawer>
  <mat-drawer-content fxLayout>
    <div fxFlex fxFlexFill>
      <router-outlet></router-outlet>
    </div>
  </mat-drawer-content>
</mat-drawer-container>


<!--
<button mat-raised-button [matMenuTriggerFor]="typesMenu" class="measure-type">
    Type of data
    <mat-icon>more_vert</mat-icon>
</button>

<mat-menu #typesMenu="matMenu">
  <nav>
    <a mat-menu-item *ngFor="let store of stores" [routerLink]="store.store" routerLinkActive="active">
      {{ store.name }}
    </a>
  </nav>
</mat-menu>

<router-outlet name='info'></router-outlet>
-->