opt-cc/static/src/app/statistic/war/war-list/war-item.component.html

<div class="fade-in list-entry" [ngClass]="{selected : selected}" (click)="select()">

  <div class="row">
    <div [ngClass]="[loginService.hasPermission(3) ? 'col-xs-10' : 'col-xs-11']">
      <span>
        <a>{{war.title}}</a>
      </span>
      <br>
      <small>vom {{war.date | date: 'dd.MM.yyyy'}}</small>
    </div>

    <div *ngIf="loginService.hasPermission(3)"
         class="interact-ico-container">
      <button mat-icon-button
              class="add-btn"
              matTooltip="Bearbeiten"
              (click)="edit(); $event.stopPropagation()">
        <mat-icon svgIcon="edit"></mat-icon>
      </button>
      <button mat-icon-button
              class="add-btn"
              matTooltip="Löschen"
              (click)="delete(); $event.stopPropagation()">
        <mat-icon svgIcon="delete"></mat-icon>
      </button>
    </div>
  </div>
</div>