2018-07-21 12:03:50 +02:00
|
|
|
<mat-card class="decoration-card" (click)="selectDecoration()">
|
2018-07-20 22:18:50 +02:00
|
|
|
<div class="image-head">
|
2018-07-19 22:10:32 +02:00
|
|
|
<img src="resource/decoration/{{decoration._id}}.png"
|
2018-07-20 22:18:50 +02:00
|
|
|
alt="{{decoration.name}}"
|
|
|
|
[class]="decoration.isMedal ? 'img-medal' : 'img-ribbon'">
|
|
|
|
</div>
|
|
|
|
<mat-card-content>
|
2019-10-01 13:51:03 +02:00
|
|
|
<div [style.background]="getColor(decoration.fraction)">
|
2018-07-20 22:18:50 +02:00
|
|
|
{{decoration.name}}
|
|
|
|
</div>
|
|
|
|
<div class="decoration-description">
|
2018-07-19 22:10:32 +02:00
|
|
|
{{decoration.description}}
|
2018-07-20 22:18:50 +02:00
|
|
|
</div>
|
|
|
|
<div class="gradient">
|
|
|
|
</div>
|
2018-07-19 22:10:32 +02:00
|
|
|
</mat-card-content>
|
|
|
|
</mat-card>
|