67 lines
2.6 KiB
HTML
67 lines
2.6 KiB
HTML
<div *ngIf="war" class="war-header fade-in" xmlns="http://www.w3.org/1999/html">
|
|
<div class="war-header-container">
|
|
<h2>{{war.title}} - vom {{war.date | date: 'dd.MM.yyyy'}}</h2>
|
|
<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: 140px;">
|
|
<h4 style="margin-bottom: 0;">Teilnehmer:</h4>
|
|
<ngx-charts-pie-chart
|
|
[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: 150px; 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">
|
|
<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 active">
|
|
<a class="nav-link active"><img src="../../../assets/scoreboard-btn.png"> Scoreboard</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link"><img src="../../../assets/fraction-btn.png"> Fraktionen</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<war-detail *ngIf="war"
|
|
[war]="war"
|
|
[fractionFilterSelected]="fractionFilterSelected">
|
|
</war-detail>
|
|
|
|
</div>
|