<h1 mat-dialog-title>Are you sure to delete role named: </h1>
<p *ngFor="let role of data.roles">{{role.name}}</p>
<div mat-dialog-actions>
  <button mat-button (click)="onCancel()" color="accent">No, cancel</button>
  <button mat-button (click)="onDelete()" tabindex="2" class="add-project-button" mat-raised-button color="primary">
    Yes, delete!
  </button>
</div>
