geonetwork-ui 2.11.0-dev.a5c259d9e → 2.11.0-dev.a63e6e32a

package/src/libs/feature/map/src/lib/geocoding/geocoding.component.html

@@ -1,41 +0,0 @@
-<gn-ui-search-input
-  [(value)]="searchText"
-  (valueChange)="onSearchChange($event)"
-  (keyup.enter)="onEnterPress()"
-  [placeholder]="'map.geocoding.placeholder' | translate"
->
-</gn-ui-search-input>
-@if (results && results.length) {
-  <ul
-    class="bg-gray-50 border border-gray-200 w-full mt-2 shadow-sm rounded-lg"
-  >
-    @for (result of results; track result) {
-      <li
-        (click)="zoomToLocation(result)"
-        class="flex items-center pl-8 pr-4 py-2 border-b border-gray-200 relative cursor-pointer hover:bg-blue-100 hover:text-gray-800 transition duration-300 ease-in-out"
-      >
-        <svg
-          class="stroke-current text-blue-500 absolute w-5 h-5 left-3 top-3"
-          xmlns="http://www.w3.org/2000/svg"
-          fill="none"
-          viewBox="0 0 24 24"
-          stroke="currentColor"
-        >
-          <path
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
-          />
-          <path
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
-          />
-        </svg>
-        <span class="font-sans font-semibold ml-4">{{ result.label }}</span>
-      </li>
-    }
-  </ul>
-}

package/src/libs/feature/map/src/lib/geocoding/geocoding.component.ts

@@ -1,112 +0,0 @@
-import { Component, OnDestroy, inject } from '@angular/core'
-import { catchError, firstValueFrom, from, Subject, takeUntil } from 'rxjs'
-import { debounceTime, switchMap } from 'rxjs/operators'
-import { GeocodingService } from '../geocoding.service'
-import { MapFacade } from '../+state/map.facade'
-
-import { SearchInputComponent } from '../../../../../../libs/ui/inputs/src'
-import { TranslatePipe } from '@ngx-translate/core'
-import { MapContextView } from '@geospatial-sdk/core'
-
-@Component({
-  selector: 'gn-ui-geocoding',
-  templateUrl: './geocoding.component.html',
-  styleUrls: ['./geocoding.component.css'],
-  standalone: true,
-  imports: [SearchInputComponent, TranslatePipe],
-})
-export class GeocodingComponent implements OnDestroy {
-  private mapFacade = inject(MapFacade)
-  private geocodingService = inject(GeocodingService)
-
-  searchText = ''
-  results: any[] = []
-  searchTextChanged = new Subject<string>()
-  destroy$ = new Subject<void>()
-  errorMessage: string | null = null
-
-  constructor() {
-    this.searchTextChanged
-      .pipe(
-        debounceTime(300),
-        switchMap((searchText) => {
-          return from(this.geocodingService.query(searchText)).pipe(
-            catchError((error) => {
-              this.errorMessage =
-                'An error occurred while searching. Please try again.'
-              console.error(error)
-              return []
-            })
-          )
-        }),
-        takeUntil(this.destroy$)
-      )
-      .subscribe((results) => {
-        this.results = results
-      })
-  }
-
-  ngOnDestroy() {
-    this.destroy$.next()
-    this.destroy$.complete()
-  }
-
-  onSearchChange(searchText: string) {
-    if (!searchText) {
-      this.clearSearch()
-      return
-    } else {
-      this.searchTextChanged.next(searchText)
-    }
-  }
-
-  clearSearch() {
-    this.searchText = ''
-    this.results = []
-    this.errorMessage = null
-  }
-
-  async zoomToLocation(result: any) {
-    const geometry = result.geom
-
-    if (geometry.type === 'Point') {
-      await this.zoomToPoint(geometry.coordinates)
-    } else if (geometry.type === 'Polygon') {
-      await this.zoomToPolygon(geometry.coordinates)
-    } else {
-      console.error(`Unsupported geometry type: ${geometry.type}`)
-    }
-  }
-
-  async zoomToPoint(pointCoords: [number, number]) {
-    const context = await firstValueFrom(this.mapFacade.context$)
-    const view: MapContextView = {
-      center: pointCoords,
-      zoom: 10,
-    }
-    this.mapFacade.applyContext({
-      ...context,
-      view,
-    })
-  }
-
-  async zoomToPolygon(polygonCoords: [[number, number][]]) {
-    const context = await firstValueFrom(this.mapFacade.context$)
-    const view: MapContextView = {
-      geometry: {
-        type: 'Polygon',
-        coordinates: polygonCoords,
-      },
-    }
-    this.mapFacade.applyContext({
-      ...context,
-      view,
-    })
-  }
-
-  onEnterPress() {
-    if (this.results && this.results.length > 0) {
-      this.zoomToLocation(this.results[0])
-    }
-  }
-}