63 lines
2.3 KiB
HTML
63 lines
2.3 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="text-blufor army-head">{{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 class="text-blufor"
|
|
style="display: block"
|
|
*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 style="padding: 20px; text-align: center;">Armeemitglieder: {{army.BLUFOR.memberCount}}</div>
|
|
</div>
|
|
|
|
<div class="pull-right" style="width: 45%;">
|
|
<h3 class="text-opfor army-head">{{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 class="text-opfor"
|
|
style="display: block"
|
|
*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 style="padding: 20px; text-align: center;">Armeemitglieder: {{army.OPFOR.memberCount}}</div>
|
|
</div>
|
|
|
|
</div>
|