<span *ngIf="inputMode && form" [formGroup]="form">
    <ion-input *ngIf="searchMode" type="text" [placeholder]="field.name" [formControlName]="'f_'+field.id"></ion-input>

    <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"></ion-input>
            <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"></ion-input>
            <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"></ion-icon>
                {{ 'addon.mod_data.mylocation' | translate }}
            </ion-button>
        </div>
        <core-input-errors *ngIf="error" [control]="form.controls['f_'+field.id]" [errorText]="error"></core-input-errors>
    </ng-container>
</span>


<span *ngIf="displayMode && value">
    <a [href]="getLatLongLink(north, east)">{{ formatLatLong(north, east) }}</a>
</span>
