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

<div class='war-item' [ngClass]="{selected : selected}" (click)="select()">
  <div class="war-item-box">
    <div style="position:relative; z-index:10;">
      <div class="select-indicator-battle"></div>
    </div>
    <span class="war-title">
        ◦ {{war.title}}
      </span>
    <div class="war-detail">vom {{war.date | date: 'dd.MM.yyyy'}}</div>
  </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>