travopti/frontend/src/app/components/result/result.component.html
2020-06-19 22:38:43 +02:00

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>