opt-cc/static/src/app/army/army.component.html

62 lines
1.8 KiB
HTML

<h1>Übersicht über alle Spieler, Squads und Armeen</h1>
<div style="width: 1000px;">
<div class="div-table" style="width: 490px; float:left">
<h3 style="color: darkslateblue; font-weight: bolder; text-align: center;">NATO</h3>
<div *ngFor="let squad of army.NATO.squads">
<div class="div-table-row">
<div class="div-table-col">
<img src="resource/squad/{{squad._id}}.png">
</div>
<div class="div-table-col">
<div class=" div-table-row">
<h4>{{squad.name}}</h4>
</div>
<div class=" div-table-row">
<div *ngFor="let member of squad.members">
<div>{{member.rank}} {{member.username}}</div>
</div>
<br>
<br>
Mitglieder: {{squad.memberCount}}
</div>
</div>
</div>
</div>
<br>
<br>
<div style="padding-left: 80px">Armeemitglieder: {{army.NATO.memberCount}}</div>
</div>
<div class="div-table" style="width: 490px; float:right">
<h3 style="color: firebrick; font-weight: bolder; text-align: center">CSAT</h3>
<div *ngFor="let squad of army.CSAT.squads">
<div class="div-table-row">
<div class="div-table-col">
<img src="resource/squad/{{squad._id}}.png">
</div>
<div class="div-table-col">
<div class=" div-table-row">
<h4>{{squad.name}}</h4>
</div>
<div class=" div-table-row">
<div *ngFor="let member of squad.members">
<div>{{member.rank}} {{member.username}}</div>
</div>
<br>
<br>
Mitglieder: {{squad.memberCount}}
</div>
</div>
</div>
</div>
<br>
<br>
<div style="padding-left: 80px">Armeemitglieder: {{army.CSAT.memberCount}}</div>
</div>
</div>