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-9' : 'col-xs-11']">
      <span>
        <a style="font-size: 22px;">{{war.title}}</a>
      </span>
      <br>
      <small>vom {{war.date | date: 'dd.MM.yyyy'}}</small>
    </div>

    <div class="col-xs-3" *ngIf="loginService.hasPermission(3)">
      <span (click)="delete(); $event.stopPropagation()"
            title="Löschen"
            class="glyphicon glyphicon-trash trash"></span>
      <span (click)="edit(); $event.stopPropagation()"
            style="padding-right: 10px;"
            title="Bearbeiten"
            class="glyphicon glyphicon-edit trash"></span>
    </div>

  </div>
</div>