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

<div class="war-list">
  <div class="input-group search-bar" style="width:100%" *ngIf="loginService.hasPermission(3)">
    <a class="pull-left btn btn-success" (click)="selectNewWar()">
      Schlacht hinzufügen
    </a>
  </div>

  <div class="fade-in list-entry" style="margin-top: 20px; margin-bottom: 20px;"
       [ngClass]="{selected : selectedWarId == 'all'}" (click)="selectOverview('all')">
    <div class="row">
      <div class="col-xs-9">
      <span style="margin:auto">
        <a>Gesamtübersicht</a>
      </span>
      </div>
    </div>
  </div>

  <accordion *ngFor="let campaign of campaigns">
    <accordion-group>
      <div accordion-heading (click)="selectOverview(campaign._id)">
        {{campaign.title}}
        <span class="pull-right">▼</span>
      </div>

      <div class="fade-in list-entry" style="margin-top: -16px; margin-bottom: 10px;"
           [ngClass]="{selected : selectedWarId == campaign._id}" (click)="selectOverview(campaign._id)">
        <div class="row">
          <div class="col-xs-9">
      <span style="margin:auto">
        <a>Kampagnenübersicht</a>
      </span>
          </div>
        </div>
      </div>

      <div *ngFor="let war of campaign.wars">
        <pjm-war-item
          [war]="war"
          (warDelete)="deleteWar(war)"
          (warSelected)="selectWar($event)"
          [selected]="war._id == selectedWarId">
        </pjm-war-item>
      </div>
    </accordion-group>
  </accordion>

</div>