98 lines
3.6 KiB
HTML
98 lines
3.6 KiB
HTML
<div *ngIf="war" class="war-header fade-in" xmlns="http://www.w3.org/1999/html">
|
|
<div class="war-header-container">
|
|
<h3>{{war.title}} - vom {{war.date | date: 'dd.MM.yyyy'}}</h3>
|
|
<div class="pull-left head-field" style="width: 250px">
|
|
<h4>Endpunktestand:</h4>
|
|
<span [style.color]="fraction.COLOR_BLUFOR" style="font-weight: bold; margin-right: 10px">{{fraction.BLUFOR}} {{war.ptBlufor}}</span>
|
|
<span style="font-size: x-large">|</span>
|
|
<span [style.color]="fraction.COLOR_OPFOR" style="font-weight: bold; margin-left: 10px;">{{war.ptOpfor}} {{fraction.OPFOR}}</span>
|
|
</div>
|
|
|
|
<div class="pull-left head-field " style="padding-left: 100px;">
|
|
<h4 class="pull-left" style="margin-bottom: 0;">Teilnehmer:</h4>
|
|
<ngx-charts-pie-chart
|
|
class="pull-left"
|
|
[view]="[120, 120]"
|
|
[scheme]="colorScheme"
|
|
[results]="playerChart"
|
|
[legend]="false"
|
|
[explodeSlices]="false"
|
|
[labels]="false"
|
|
[doughnut]="false"
|
|
[gradient]="false">
|
|
</ngx-charts-pie-chart>
|
|
</div>
|
|
|
|
<div class="pull-left " style="padding-left: 100px; padding-top:15px">
|
|
<a class="btn btn-default" style="margin: 20px" target="_blank" href="resource/logs/{{war._id}}/clean.log">Logfile
|
|
anzeigen</a>
|
|
<form class="form-group" *ngIf="tab === 0">
|
|
<label class="radio-inline">
|
|
<input type="radio" name="fractSelect"
|
|
[checked]="(fractionFilterSelected == undefined) ? 'true' : 'false'"
|
|
[(ngModel)]="fractionFilterSelected"
|
|
(change)="filterPlayersByFraction()">Alle
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="fractSelect" value="BLUFOR"
|
|
[(ngModel)]="fractionFilterSelected"
|
|
#fractRadioBufor
|
|
(change)="filterPlayersByFraction(fractRadioBufor.value)">{{fraction.BLUFOR}}
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="fractSelect" value="OPFOR"
|
|
[(ngModel)]="fractionFilterSelected"
|
|
#fractRadioOpfor
|
|
(change)="filterPlayersByFraction(fractRadioOpfor.value)">{{fraction.OPFOR}}
|
|
</label>
|
|
<br>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<ul class="nav nav-tabs" style="width:980px; margin:auto">
|
|
<li class="nav-item" [ngClass]="{active :tab === 0}" (click)="switchTab(0)">
|
|
<a class="nav-link"><img src="../../../assets/scoreboard-btn.png"> Scoreboard</a>
|
|
</li>
|
|
<li class="nav-item" [ngClass]="{active :tab === 1}" (click)="switchTab(1)">
|
|
<a class="nav-link"><img src="../../../assets/fraction-btn.png"> Fraktionen</a>
|
|
</li>
|
|
<li class="nav-item" [ngClass]="{active :tab === 2, deactivated :tab !== 2} ">
|
|
<a class="nav-link"><img src="../../../assets/player-stats-btn.png"> Player</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<!--Sub-Components (=TABS)-->
|
|
<div *ngIf="war">
|
|
|
|
<scoreboard
|
|
*ngIf="tab === 0"
|
|
[war]="war"
|
|
[fractionFilterSelected]="fractionFilterSelected"
|
|
(playerTabSwitch)="switchToPlayerTab($event)">
|
|
</scoreboard>
|
|
|
|
<war-detail-fraction
|
|
*ngIf="tab === 1 && logData"
|
|
[war]="war"
|
|
[logData]="logData">
|
|
</war-detail-fraction>
|
|
|
|
<war-player-detail
|
|
*ngIf="tab === 2 && singlePlayerView === 0"
|
|
[campaignId]="war.campaign"
|
|
[playerName]="playerDetailName"
|
|
(switchTab)="switchTab($event)">
|
|
</war-player-detail>
|
|
|
|
<campaign-player-detail
|
|
*ngIf="tab === 2 && singlePlayerView === 1"
|
|
[campaignId]="war.campaign"
|
|
[playerName]="playerDetailName"
|
|
(switchTab)="switchTab($event)">
|
|
</campaign-player-detail>
|
|
|
|
</div>
|
|
|
|
</div>
|