Vmeda.Online/src/addons/mod/data/fields/latlong/component/addon-mod-data-field-latlong.html
2023-11-27 14:45:50 +01:00

28 lines
1.3 KiB
HTML

<span *ngIf="inputMode && form" [formGroup]="form">
<ion-input *ngIf="searchMode" type="text" [placeholder]="field.name" [formControlName]="'f_'+field.id" />
<ng-container *ngIf="editMode">
<span [core-mark-required]="field.required" class="core-mark-required"></span>
<div class="addon-data-latlong">
<ion-input type="text" [formControlName]="'f_'+field.id+'_0'" maxlength="10" />
<span class="placeholder-icon" item-right>°N</span>
</div>
<div class="addon-data-latlong">
<ion-input type="text" [formControlName]="'f_'+field.id+'_1'" maxlength="10" />
<span class="placeholder-icon" item-right>°E</span>
</div>
<div class="addon-data-latlong" *ngIf="locationServicesEnabled">
<ion-button (click)="getLocation($event)">
<ion-icon name="fas-crosshairs" slot="start" aria-hidden="true" />
{{ 'addon.mod_data.mylocation' | translate }}
</ion-button>
</div>
<core-input-errors *ngIf="error" [control]="form.controls['f_'+field.id]" [errorText]="error" />
</ng-container>
</span>
<span *ngIf="displayMode && value">
<a [href]="getLatLongLink(north, east)">{{ formatLatLong(north, east) }}</a>
</span>