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

<div class="input-group war-list-header" *ngIf="loginService.hasPermission(3)">
  <button mat-stroked-button class="stats-add-btn" (click)="selectNewWar()">
    Schlacht hinzufügen
  </button>
  <button mat-stroked-button class="stats-add-btn" (click)="selectNewCampaign()">
    Kampagne hinzufügen
  </button>
</div>


<div class="list-header"
     [ngClass]="{selected : selectedWarId == campaign._id}" (click)="selectOverview(campaign._id)">
  <div class="select-indicator"></div>
  <mat-icon svgIcon="stats-chart"></mat-icon>
  Übersicht
</div>

<div class="list-header"
     [ngClass]="{selected : selectedWarId == campaign._id + highscore}" (click)="selectHighscore(campaign._id)">
  <div class="select-indicator"></div>
  <mat-icon svgIcon="highscore"></mat-icon>
  Highscore
</div>

<div class="list-header" style="cursor: default; border-bottom: 1px solid #f1f1f1;">
  <mat-icon svgIcon="battle"></mat-icon>
  Schlachten
</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)"
      [selected]="war._id == selectedWarId">
    </cc-war-item>
  </div>
</div>

<div class="fill-vertical-border"></div>