68 lines
2.5 KiB
HTML
68 lines
2.5 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>
|
|
|
|
<mat-accordion *ngFor="let campaign of campaigns;">
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header style="height:auto; padding: 30px 15px;">
|
|
<mat-panel-title style="font-size: 20px; font-weight: 700; border-bottom: 1px solid;">
|
|
{{campaign.title}}
|
|
</mat-panel-title>
|
|
<mat-panel-description class="war-interaction-panel" *ngIf="loginService.hasPermission(3)">
|
|
<span (click)="editCampaign(campaign); $event.stopPropagation()" title="Bearbeiten"
|
|
class="glyphicon glyphicon-edit trash">
|
|
</span>
|
|
<span (click)="deleteCampaign(campaign); $event.stopPropagation()" title="Löschen"
|
|
class="glyphicon glyphicon-trash trash">
|
|
</span>
|
|
</mat-panel-description>
|
|
</mat-expansion-panel-header>
|
|
<div class="top-list-entry">
|
|
<div class="fade-in list-entry"
|
|
[ngClass]="{selected : selectedWarId == campaign._id}" (click)="selectOverview(campaign._id)">
|
|
<div>
|
|
<span>
|
|
<a style="font-size: 20px;">Übersicht</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="fade-in list-entry"
|
|
[ngClass]="{selected : selectedWarId == campaign._id + highscore}" (click)="selectHighscore(campaign._id)">
|
|
<div style="margin: auto">
|
|
<span style="margin:auto">
|
|
<a style="font-size: 20px;">Highscore</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div *ngFor="let war of campaign.wars">
|
|
<pjm-war-item
|
|
[war]="war"
|
|
(warEdit)="editWar($event)"
|
|
(warDelete)="deleteWar(war)"
|
|
(warSelected)="selectWar($event)"
|
|
[selected]="war._id == selectedWarId">
|
|
</pjm-war-item>
|
|
</div>
|
|
</mat-expansion-panel>
|
|
</mat-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>
|
|
<a style="font-size: 22px;">Gesamtübersicht</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|