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

66 lines
2.2 KiB
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 top-list-entry"
[ngClass]="{selected : selectedWarId == campaign._id}" (click)="selectOverview(campaign._id)">
<div style="margin: auto;">
<span style="margin:auto">
<a style="font-size: 22px;">Übersicht</a>
</span>
</div>
</div>
<div class="fade-in list-entry top-list-entry"
[ngClass]="{selected : selectedWarId == campaign._id + highscore}" (click)="selectHighscore(campaign._id)">
<div style="margin: auto">
<span style="margin:auto">
<a style="font-size: 22px;">Highscore</a>
</span>
</div>
</div>
<div style="padding-top: 40px;">
<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>
</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>