56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<div class="input-group war-list-header" *ngIf="loginService.hasPermission(3)">
|
|
<button mat-stroked-button class="stats-add-btn" (click)="selectNewWar()">
|
|
Schlacht hinzufügen
|
|
</button>
|
|
<button mat-stroked-button class="stats-add-btn" (click)="selectNewCampaign()">
|
|
Kampagne hinzufügen
|
|
</button>
|
|
</div>
|
|
|
|
|
|
<div class="list-header"
|
|
[ngClass]="{selected : selectedWarId == campaign._id}" (click)="selectOverview(campaign._id)">
|
|
<div class="select-indicator-container">
|
|
<div class="select-indicator"></div>
|
|
</div>
|
|
<mat-icon [matTooltip]="collapsed ? 'Übersicht' : ''"
|
|
matTooltipPosition="right"
|
|
svgIcon="stats-chart"></mat-icon>
|
|
<span *ngIf="!collapsed">Übersicht</span>
|
|
</div>
|
|
|
|
<div class="list-header"
|
|
[ngClass]="{selected : selectedWarId == campaign._id + highscore}" (click)="selectHighscore(campaign._id)">
|
|
<div class="select-indicator-container">
|
|
<div class="select-indicator"></div>
|
|
</div>
|
|
<mat-icon [matTooltip]="collapsed ? 'Highscore' : ''"
|
|
matTooltipPosition="right"
|
|
svgIcon="highscore"></mat-icon>
|
|
<span *ngIf="!collapsed">Highscore</span>
|
|
</div>
|
|
|
|
<div class="list-header" style="cursor: default; border-bottom: 1px solid #f1f1f1;">
|
|
<mat-icon [matTooltip]="collapsed ? 'Schlachten' : ''"
|
|
matTooltipPosition="right"
|
|
svgIcon="battle"></mat-icon>
|
|
<span *ngIf="!collapsed">Schlachten</span>
|
|
</div>
|
|
|
|
<div class="battle-list">
|
|
<div *ngFor="let war of campaign.wars">
|
|
<cc-war-item
|
|
[war]="war"
|
|
(warEdit)="editWar($event)"
|
|
(warDelete)="deleteWar(war)"
|
|
(warSelected)="selectWar($event)"
|
|
[collapsed]="collapsed"
|
|
[selected]="war._id == selectedWarId">
|
|
</cc-war-item>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fill-vertical-border"
|
|
[ngClass]="{collapsed: collapsed}">
|
|
</div>
|