65 lines
2.6 KiB
HTML
65 lines
2.6 KiB
HTML
<div class="army-member-view">
|
|
<div class="army-member-view-container">
|
|
<div class="return-button">
|
|
<button mat-raised-button (click)="backToOverview()">
|
|
<mat-icon svgIcon="chevron-left"></mat-icon>
|
|
{{'public.army.member.button.back' | translate}}
|
|
</button>
|
|
</div>
|
|
|
|
<h3 class="text-center" style="font-weight: 600"
|
|
[style.color]="user.squadId?.fraction === 'BLUFOR' ? fraction.COLOR_BLUFOR : fraction.COLOR_OPFOR">
|
|
{{'public.army.member.headline' | translate:{name: user.username} }}
|
|
</h3>
|
|
|
|
<div class="text-center">
|
|
<img src="{{signatureUrl}}">
|
|
</div>
|
|
<div class="input-group" style="width: 662px; margin: auto;">
|
|
<input type="text" style="background: white;" class="form-control" [(ngModel)]="signatureUrl" readonly>
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-default" [class.btn-success]="isCopied" type="button"
|
|
ngxClipboard [cbContent]="signatureUrl" (cbOnSuccess)="isCopied = true">
|
|
{{'public.army.member.button.copy' | translate}}
|
|
</button>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="pull-left" style="margin-top:20px;">
|
|
<div class="table-container" style="min-width: 500px">
|
|
<table class="table">
|
|
<thead>
|
|
<tr class="table-head">
|
|
<th class="col-sm-1" style="border-radius: 10px 0 0 0;"></th>
|
|
<th class="col-sm-2">{{'public.army.member.awards.title' | translate}}</th>
|
|
<th class="col-sm-2">{{'public.army.member.awards.reason' | translate}}</th>
|
|
<th class="col-sm-1 text-right" style="border-radius: 0 10px 0 0;">
|
|
{{'public.army.member.awards.date' | translate}}
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody *ngFor="let award of awards">
|
|
<tr *ngIf="award.confirmed === 1" 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>
|
|
</div>
|