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

<div class="select-list">
  <div class="input-group list-header" *ngIf="loginService.hasPermission(3)">
    <a class="pull-left btn btn-success" (click)="selectNewWar()">
      Schlacht hinzufügen
    </a>
    <a class="pull-right btn btn-success" (click)="selectNewCampaign()">
      Kampagne hinzufügen
    </a>
  </div>

  <accordion *ngFor="let campaign of campaigns; let isFirstRow=first">
    <accordion-group [isOpen]="isFirstRow">
      <div accordion-heading>
        {{campaign.title}}
        <span class="pull-right">▼</span>
        <span (click)="deleteCampaign(campaign); $event.stopPropagation()" title="Löschen"
              style="color: whitesmoke; padding-top: 0; padding-right: 20px;"
              class="glyphicon glyphicon-trash trash pull-right"
              *ngIf="loginService.hasPermission(3)">
        </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 style="font-size: 22px;">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 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 style="font-size: 22px;">Gesamtübersicht</a>
      </span>
      </div>
    </div>
  </div>

</div>