<h1 mat-dialog-title>{{user.firstname}} {{user.lastname}}</h1>
<div mat-dialog-content>
  <mat-form-field appearance="outline">
    <mat-label>Uživatelská role</mat-label>
    <!-- <input matInput [(ngModel)]="newRole"> -->
    <mat-select [(value)]="newRole">
        <mat-option *ngFor="let role of roles; let i = index" [value]="role">
          {{rolesPretty[i]}}
        </mat-option>
    </mat-select>
  </mat-form-field>
</div>
<div mat-dialog-actions>
  <button mat-button (click)="close()">Zrušit</button>
  <button mat-button [mat-dialog-close]="newRole" cdkFocusInitial>Uložit</button>
</div>

