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

<div class="war-list-header" *ngIf="!collapsed && loginService.hasPermission(3)">
  <button mat-stroked-button (click)="selectNewCampaign()">
    Kampagne hinzufügen
  </button>
  <button mat-stroked-button (click)="selectNewWar()">
    Schlacht hinzufügen
  </button>
</div>

<div class="list-header"
     [ngClass]="{selected : selectedWarId == campaign._id}" (click)="selectOverview(campaign._id)">
  <div class="select-indicator-container">
    <div class="select-indicator"></div>
  </div>
  <mat-icon [matTooltip]="collapsed ? 'Übersicht' : ''"
            matTooltipPosition="right"
            svgIcon="stats-chart"></mat-icon>
  <span *ngIf="!collapsed">Übersicht</span>
</div>

<div class="list-header"
     [ngClass]="{selected : selectedWarId == campaign._id + highscore}" (click)="selectHighscore(campaign._id)">
  <div class="select-indicator-container">
    <div class="select-indicator"></div>
  </div>
  <mat-icon [matTooltip]="collapsed ? 'Highscore' : ''"
            matTooltipPosition="right"
            svgIcon="highscore"></mat-icon>
  <span *ngIf="!collapsed">Highscore</span>
</div>

<div class="list-header" style="cursor: default; border-bottom: 1px solid #f1f1f1;">
  <mat-icon [matTooltip]="collapsed ? 'Schlachten' : ''"
            matTooltipPosition="right"
            svgIcon="battle"></mat-icon>
  <span *ngIf="!collapsed">Schlachten</span>
</div>

<div class="battle-list">
  <div *ngFor="let war of campaign.wars">
    <cc-war-item
      [war]="war"
      (warEdit)="editWar($event)"
      (warDelete)="deleteWar(war)"
      (warSelected)="selectWar($event)"
      [collapsed]="collapsed"
      [selected]="war._id == selectedWarId">
    </cc-war-item>
  </div>
</div>

<div class="fill-vertical-border"
     [ngClass]="{collapsed: collapsed}">
</div>