46 lines
1.5 KiB
HTML
46 lines
1.5 KiB
HTML
<div *ngIf="isNear" class="container">
|
|
<h1>
|
|
{{translations.locationName}}: {{locationParams}}
|
|
</h1>
|
|
<div class="container2">
|
|
<div class="left">
|
|
<div *ngFor="let locations of locations, let i = index" class="row">
|
|
<h3>
|
|
<a class="link link-primary" href="location/{{locations.location}}">{{locations.location}}</a>
|
|
</h3>
|
|
<div class="distance">
|
|
<h4 *ngIf="locations.distance && !positionNotFound">{{translations.distance}}{{locations.distance}} km</h4>
|
|
<h4 *ngIf="positionNotFound">{{translations.positionNotFoundErrorMessage}}</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngIf="!isNear && location && waypoints" class="container">
|
|
<h1>
|
|
{{location.location}}
|
|
</h1>
|
|
<div class="container2">
|
|
<div class="left">
|
|
<div *ngFor="let waypoint of waypoints, let i = index" class="row">
|
|
<h3>
|
|
<a class="link link-primary" href="location/{{location.location}}/{{waypoint.id}}"> {{waypoint.name}}</a>
|
|
</h3>
|
|
<div class="distance">
|
|
<h4 *ngIf="waypoint.distance && !positionNotFound">{{translations.distance}}: {{waypoint.distance}} km</h4>
|
|
<h4 *ngIf="positionNotFound">{{translations.positionNotFoundErrorMessage}}</h4>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="radial-progress text-primary" id="radial" style="--value:{{percentage}}; --size:12rem; --thickness: 1.5rem;">
|
|
<span style="font-size: 20pt">
|
|
{{percentage}}%
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|