35 lines
1.1 KiB
HTML
35 lines
1.1 KiB
HTML
<div class="result-mat-card">
|
|
<img alt="Picture of {{result.name}}" class="result-img"
|
|
src="https://travopti.de/api/v1/regions/{{result.region_id}}/image">
|
|
<div class="result-title">
|
|
<div class="result-name">
|
|
<span class="result-name">{{result.name}}</span>
|
|
<span class="result-country">| {{result.country}}</span>
|
|
</div>
|
|
<app-bookmark-button [region]="result"></app-bookmark-button>
|
|
<app-share-button [region]="result"></app-share-button>
|
|
</div>
|
|
<div class="result-details">
|
|
<table>
|
|
<tr *ngFor="let score of result.scores">
|
|
<td>
|
|
<div class="cell space">
|
|
<mat-icon>{{PROPERTY_VIS_DEF[score.type].icon}}</mat-icon>
|
|
<span>{{score.type|translate}}:</span>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="cell right">
|
|
<span>{{score.value ? (score.value|number:'1.2-2') : 'N/A'}}</span>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="cell">
|
|
<span>{{PROPERTY_VIS_DEF[score.type].unit}}</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|