- <div class="col-sm-3" formGroupName="config">
- <ng-select [items]="getVIMLocation" bindLabel="label" bindValue="value"
- placeholder="{{'PAGE.VIMDETAILS.VIMLOCATION' | translate}}" formControlName="location" id="location"
- (keydown.enter)="fetchLocationLatLong($event.target.value)" (change)="locationChange($event)">
- </ng-select>
- <small class="text-info">{{'PAGE.VIM.LOCATIONINFO' | translate}}</small>
+ <div class="col-sm-9 form-inline">
+ <div class="input-group">
+ <input autocomplete="off" formControlName="locationName" type="text" class="form-control"
+ placeholder="{{'PAGE.VIMDETAILS.NAME' | translate}}"
+ [ngClass]="{ 'is-invalid': submitted && f.locationName.errors }">
+ <input autocomplete="off" formControlName="latitude" type="text" class="form-control"
+ placeholder="Latitude" [ngClass]="{ 'is-invalid': submitted && f.latitude.errors }">
+ <input autocomplete="off" formControlName="longitude" type="text" class="form-control"
+ placeholder="Longitude" [ngClass]="{ 'is-invalid': submitted && f.longitude.errors }">
+ </div>
+ <small class="text-info mt-1 ml-1">{{'PAGE.VIM.LOCATIONINFO' | translate}}</small>