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"
       [matTooltip]="collapsed ? war.title : ''"
       matTooltipPosition="right">
    <div style="position:relative; z-index:10;">
      <div class="select-indicator-battle"></div>
    </div>
    <span class="war-title"
          [ngClass]="{collapsed: collapsed}">
        ◦ {{war.title}}
    </span>
    <span style="float:right;margin-right: 12px;"
          *ngIf="!collapsed && loginService.hasPermission(3)">
      <button mat-icon-button [matMenuTriggerFor]="menu" (click)="$event.stopPropagation()">
        <mat-icon svgIcon="more-vert"></mat-icon>
      </button>
      <mat-menu #menu="matMenu">
        <button mat-menu-item (click)="edit()">
          <mat-icon svgIcon="edit"></mat-icon>
          <span>{{'stats.sidebar.battle.manage.edit' | translate}}</span>
        </button>
        <button mat-menu-item (click)="delete()">
          <mat-icon svgIcon="delete"></mat-icon>
          <span>{{'stats.sidebar.battle.manage.delete' | translate}}</span>
        </button>
      </mat-menu>
    </span>
    <div class="war-detail"
         [ngClass]="{collapsed: collapsed}">
      {{'stats.sidebar.battles.battle.from.date' | translate}} {{war.date | date: 'dd.MM.yyyy'}}
    </div>
  </div>
</div>