44 lines
1.5 KiB
HTML
44 lines
1.5 KiB
HTML
|
<span class="btn btn-default" style="margin-top: 20px" (click)="backToOverview()">< zurück zur Übersicht</span>
|
||
|
|
||
|
<div class="overview">
|
||
|
|
||
|
<h3 [ngClass]="user.squad?.fraction === 'BLUFOR' ? 'blufor' : 'opfor'">Auszeichnungen von {{user.rank?.name}}
|
||
|
{{user.username}}</h3>
|
||
|
|
||
|
<div class="pull-left" style="margin-top:20px;">
|
||
|
<div class="table-container">
|
||
|
<table class="table table-hover">
|
||
|
<thead>
|
||
|
<tr class="table-head">
|
||
|
<th class="col-sm-1" style="border-radius: 10px 0 0 0;"></th>
|
||
|
<th class="col-sm-2">Bezeichnung</th>
|
||
|
<th class="col-sm-2">Begründung</th>
|
||
|
<th class="col-sm-1 text-right" style="border-radius: 0 10px 0 0;">Verliehen am</th>
|
||
|
</tr>
|
||
|
</thead>
|
||
|
<tbody *ngFor="let award of user.awards">
|
||
|
<tr class="cell-outline">
|
||
|
<td class="text-center" *ngIf="award.decorationId.isMedal">
|
||
|
<img height="90px" src="resource/decoration/{{award.decorationId._id}}.png">
|
||
|
</td>
|
||
|
<td class="text-center" *ngIf="!award.decorationId.isMedal">
|
||
|
<img width="100px" src="resource/decoration/{{award.decorationId._id}}.png">
|
||
|
</td>
|
||
|
<td style="font-weight: bold">
|
||
|
{{award.decorationId.name}}
|
||
|
</td>
|
||
|
<td>
|
||
|
{{award.reason}}
|
||
|
</td>
|
||
|
<td class="text-right">
|
||
|
<span class="small text-nowrap">{{award.date | date: 'dd.MM.yyyy'}}</span>
|
||
|
</td>
|
||
|
</tr>
|
||
|
</tbody>
|
||
|
</table>
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
</div>
|