63 lines
2.4 KiB
HTML
63 lines
2.4 KiB
HTML
<div style="width: 1100px; margin:auto; position: relative;">
|
|
<h1>Übersicht über alle Spieler, Squads und Armeen</h1>
|
|
|
|
<div class="pull-left" style="width: 45%;">
|
|
<h3 class="army-head" [style.color]="fraction.COLOR_BLUFOR">{{fraction.BLUFOR}}</h3>
|
|
<div class="squad-layout" *ngFor="let squad of army.BLUFOR.squads">
|
|
<div class="row colored-row title-row">
|
|
<div class="squad-cell pull-left"><img
|
|
src="resource/squad/{{squad._id}}.png"></div>
|
|
<div class="squad-cell title name-cell">{{squad.name}}</div>
|
|
</div>
|
|
<div class="row middle-row">
|
|
<div class="squad-cell name-cell">
|
|
<span style="display: block"
|
|
[style.color]="fraction.COLOR_BLUFOR"
|
|
*ngFor="let member of squad.members">
|
|
<span class="member-link"
|
|
(click)="select(member._id)">
|
|
{{member.rank}} {{member.username}}
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="row colored-row footer-row">
|
|
<div class="squad-cell pull-left" style="color: whitesmoke; margin-left: 42px">
|
|
Mitglieder: {{squad.memberCount}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="member-count">Armeemitglieder: {{army.BLUFOR.memberCount}}</div>
|
|
</div>
|
|
|
|
<div class="pull-right" style="width: 45%;">
|
|
<h3 class="army-head" [style.color]="fraction.COLOR_OPFOR">{{fraction.OPFOR}}</h3>
|
|
<div class="squad-layout" *ngFor="let squad of army.OPFOR.squads">
|
|
<div class="row colored-row title-row">
|
|
<div class="squad-cell pull-left"><img
|
|
src="resource/squad/{{squad._id}}.png"></div>
|
|
<div class="squad-cell title name-cell">{{squad.name}}</div>
|
|
</div>
|
|
<div class="row middle-row">
|
|
<div class="squad-cell name-cell">
|
|
<span style="display: block"
|
|
[style.color]="fraction.COLOR_OPFOR"
|
|
*ngFor="let member of squad.members">
|
|
<span class="member-link"
|
|
(click)="select(member._id)">
|
|
{{member.rank}} {{member.username}}
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="row colored-row footer-row">
|
|
<div class="squad-cell pull-left" style="color: whitesmoke; margin-left: 42px">
|
|
Mitglieder: {{squad.memberCount}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="member-count">Armeemitglieder: {{army.OPFOR.memberCount}}</div>
|
|
</div>
|
|
|
|
</div>
|