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

70 lines
2.3 KiB
HTML
Raw Normal View History

2017-10-06 20:11:18 +02:00
<div class="select-list">
<div class="input-group list-header" *ngIf="loginService.hasPermission(3)">
2018-07-06 23:42:50 +02:00
<button mat-stroked-button class="stats-add-btn" (click)="selectNewWar()">
Schlacht hinzufügen
2018-07-06 23:42:50 +02:00
</button>
<button mat-stroked-button class="stats-add-btn" (click)="selectNewCampaign()">
2017-09-12 15:02:35 +02:00
Kampagne hinzufügen
2018-07-06 23:42:50 +02:00
</button>
</div>
<mat-accordion *ngFor="let campaign of campaigns; let isFirstRow=first">
<mat-expansion-panel [expanded]="isFirstRow">
<mat-expansion-panel-header>
<mat-panel-title>
2018-06-30 22:22:46 +02:00
{{campaign.title}}
</mat-panel-title>
<mat-panel-description class="war-interaction-panel" *ngIf="loginService.hasPermission(3)">
2018-07-09 19:54:57 +02:00
<span (click)="deleteCampaign(campaign); $event.stopPropagation()" matTooltip="Löschen"
2018-07-06 23:42:50 +02:00
class="glyphicon glyphicon-trash trash">
2018-06-30 22:22:46 +02:00
</span>
2018-07-09 19:54:57 +02:00
<span (click)="editCampaign(campaign); $event.stopPropagation()" matTooltip="Bearbeiten"
class="glyphicon glyphicon-edit trash"
style="padding-right: 10px;">
2018-06-30 22:22:46 +02:00
</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>Übersicht</a>
2017-12-23 10:41:36 +01:00
</span>
2018-06-30 22:22:46 +02:00
</div>
2017-08-12 22:27:23 +02:00
</div>
2018-06-30 22:22:46 +02:00
<div class="fade-in list-entry"
[ngClass]="{selected : selectedWarId == campaign._id + highscore}" (click)="selectHighscore(campaign._id)">
<div>
<span>
<a>Highscore</a>
2017-12-23 10:41:36 +01:00
</span>
2018-06-30 22:22:46 +02:00
</div>
2017-12-23 10:41:36 +01:00
</div>
</div>
2018-06-30 22:22:46 +02:00
<div *ngFor="let war of campaign.wars">
<cc-war-item
2018-06-30 22:22:46 +02:00
[war]="war"
(warEdit)="editWar($event)"
(warDelete)="deleteWar(war)"
(warSelected)="selectWar($event)"
[selected]="war._id == selectedWarId">
</cc-war-item>
</div>
2018-06-30 22:22:46 +02:00
</mat-expansion-panel>
</mat-accordion>
<div class="fade-in list-entry"
2018-07-05 20:44:12 +02:00
style="background: white"
2017-08-13 16:35:42 +02:00
[ngClass]="{selected : selectedWarId == 'all'}" (click)="selectOverview('all')">
<div class="row">
<div class="col-xs-9">
2018-06-30 22:22:46 +02:00
<span>
<a>Gesamtübersicht</a>
2017-08-13 16:35:42 +02:00
</span>
</div>
</div>
</div>
</div>