geocat: add location filter in search & location input in home page

apps/datahub/src/app/app.module.ts

@@ -13,8 +13,8 @@ import {
   EXTERNAL_VIEWER_URL_TEMPLATE,
   FeatureRecordModule,
   GN_UI_VERSION,
-  WEB_COMPONENT_EMBEDDER_URL,
   RecordMetaComponent,
+  WEB_COMPONENT_EMBEDDER_URL,
 } from '@geonetwork-ui/feature/record'
 import {
   DefaultRouterModule,
@@ -27,6 +27,7 @@ import {
 import {
   FeatureSearchModule,
   FILTER_GEOMETRY,
+  LocationSearchComponent,
   RECORD_URL_TOKEN,
 } from '@geonetwork-ui/feature/search'
 import {
@@ -102,6 +103,7 @@ import {
   matStarOutline,
 } from '@ng-icons/material-icons/outline'
 import { NgIconsModule, provideNgIconsConfig } from '@ng-icons/core'
+import { ORGANIZATIONS_STRATEGY } from '@geonetwork-ui/api/repository/gn4'
 
 export const metaReducers: MetaReducer[] = !environment.production ? [] : []
 
@@ -173,6 +175,7 @@ export const metaReducers: MetaReducer[] = !environment.production ? [] : []
     }),
     OrganisationsComponent,
     LanguageSwitcherComponent,
+    LocationSearchComponent,
   ],
   providers: [
     provideNgIconsConfig({
@@ -237,6 +240,10 @@ export const metaReducers: MetaReducer[] = !environment.production ? [] : []
       provide: ORGANIZATION_URL_TOKEN,
       useValue: `${ROUTER_ROUTE_SEARCH}?${ROUTE_PARAMS.PUBLISHER}=\${name}`,
     },
+    {
+      provide: ORGANIZATIONS_STRATEGY,
+      useValue: 'groups',
+    },
     {
       provide: DO_NOT_USE_DEFAULT_BASEMAP,
       useFactory: () => getOptionalMapConfig()?.DO_NOT_USE_DEFAULT_BASEMAP,

apps/datahub/src/app/home/home-header/home-header.component.html

@@ -14,19 +14,27 @@
         [style.opacity]="expandRatio"
         [innerHTML]="'datahub.header.title.html' | translate"
       ></div>
-      <gn-ui-fuzzy-search
-        class="text-[18px] pointer-events-auto"
-        style="
-          --gn-ui-text-input-padding: 1.1em;
-          --gn-ui-text-input-border-size: 0px;
-        "
-        (itemSelected)="onFuzzySearchSelection($event)"
-        [autoFocus]="true"
-      ></gn-ui-fuzzy-search>
-      <div
-        class="flex flex-wrap h-0 py-5 gap-3"
-        [style.opacity]="-0.6 + expandRatio * 2"
-      >
+      <div class="flex flex-wrap gap-4">
+        <gn-ui-fuzzy-search
+          class="text-[18px] grow pointer-events-auto"
+          style="
+            --gn-ui-text-input-padding: 1.1em;
+            --gn-ui-text-input-border-size: 0px;
+          "
+          (itemSelected)="onFuzzySearchSelection($event)"
+          (inputSubmitted)="updateLocationFilter()"
+          [autoFocus]="true"
+        ></gn-ui-fuzzy-search>
+        <gn-ui-location-search
+          class="text-[18px] grow"
+          style="
+            --gn-ui-text-input-padding: 1.1em;
+            --gn-ui-text-input-border-size: 0px;
+          "
+          (inputSubmitted)="updateTextFilter()"
+        ></gn-ui-location-search>
+      </div>
+      <div class="flex h-0 py-5 gap-3" [style.opacity]="-0.6 + expandRatio * 2">
         <datahub-header-badge-button
           [routerLink]="ROUTE_SEARCH"
           *ngIf="isAuthenticated$ | async"

apps/datahub/src/app/home/home-header/home-header.component.ts

@@ -1,11 +1,18 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Input,
+  ViewChild,
+} from '@angular/core'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
 import {
   ROUTER_ROUTE_SEARCH,
   RouterFacade,
 } from '@geonetwork-ui/feature/router'
 import {
   FieldsService,
+  FuzzySearchComponent,
+  LocationSearchComponent,
   SearchFacade,
   SearchService,
 } from '@geonetwork-ui/feature/search'
@@ -40,6 +47,11 @@ marker('datahub.header.popularRecords')
 export class HomeHeaderComponent {
   @Input() expandRatio: number
 
+  // specific geocat: used to trigger the other field when one is triggered
+  @ViewChild(FuzzySearchComponent)
+  textSearch: FuzzySearchComponent
+  @ViewChild(LocationSearchComponent) locationSearch: LocationSearchComponent
+
   backgroundCss =
     getThemeConfig().HEADER_BACKGROUND ||
     `center /cover url('assets/img/header_bg.webp')`
@@ -95,4 +107,12 @@ export class HomeHeaderComponent {
       this.searchService.setFilters(searchFilters)
     }
   }
+
+  // specific geocat
+  updateLocationFilter() {
+    this.locationSearch.trigger()
+  }
+  updateTextFilter() {
+    this.textSearch.trigger()
+  }
 }

libs/api/repository/src/lib/gn4/elasticsearch/elasticsearch.service.spec.ts

@@ -426,6 +426,24 @@ describe('ElasticsearchService', () => {
                   query: 'Org:(world)',
                 },
               },
+              {
+                geo_shape: {
+                  geom: {
+                    relation: 'intersects',
+                    shape: {
+                      coordinates: [
+                        [
+                          [3.017921158755172, 50.65759907920972],
+                          [3.017921158755172, 50.613483610573155],
+                          [3.1098886148436122, 50.613483610573155],
+                          [3.017921158755172, 50.65759907920972],
+                        ],
+                      ],
+                      type: 'Polygon',
+                    },
+                  },
+                },
+              },
             ],
             must: [
               {
@@ -458,15 +476,6 @@ describe('ElasticsearchService', () => {
                   boost: 10.0,
                 },
               },
-              {
-                geo_shape: {
-                  geom: {
-                    shape: geojsonPolygon,
-                    relation: 'intersects',
-                  },
-                  boost: 7.0,
-                },
-              },
             ],
           },
         })

libs/api/repository/src/lib/gn4/elasticsearch/elasticsearch.service.ts

@@ -256,7 +256,6 @@ export class ElasticsearchService {
       string,
       unknown
     >[]
-
     if (any) {
       must.push({
         query_string: {
@@ -282,26 +281,24 @@ export class ElasticsearchService {
       })
     }
     if (geometry) {
-      should.push(
-        {
-          geo_shape: {
-            geom: {
-              shape: geometry,
-              relation: 'within',
-            },
-            boost: 10.0,
+      // geocat specific: exclude records outside of geometry
+      should.push({
+        geo_shape: {
+          geom: {
+            shape: geometry,
+            relation: 'within',
           },
+          boost: 10.0,
         },
-        {
-          geo_shape: {
-            geom: {
-              shape: geometry,
-              relation: 'intersects',
-            },
-            boost: 7.0,
+      })
+      filter.push({
+        geo_shape: {
+          geom: {
+            shape: geometry,
+            relation: 'intersects',
           },
-        }
-      )
+        },
+      })
     }
 
     return {

libs/feature/router/src/lib/default/constants.ts

@@ -8,5 +8,7 @@ export enum ROUTE_PARAMS {
   SORT = '_sort',
   PUBLISHER = 'publisher', // FIXME: this shouldn't be here as it is a search field
   PAGE = '_page',
+  LOCATION = 'location',
+  BBOX = 'bbox',
 }
 export type SearchRouteParams = Record<string, string | string[] | number>

libs/feature/router/src/lib/default/services/router-search.service.spec.ts

@@ -1,11 +1,16 @@
-import { FieldsService, SearchFacade } from '@geonetwork-ui/feature/search'
+import {
+  FieldsService,
+  LocationBbox,
+  SearchFacade,
+} from '@geonetwork-ui/feature/search'
 import {
   SortByEnum,
   SortByField,
 } from '@geonetwork-ui/common/domain/model/search'
 import { BehaviorSubject, of } from 'rxjs'
 import { RouterFacade } from '../state'
 import { RouterSearchService } from './router-search.service'
+import { RouterService } from '../router.service'
 
 let state = {}
 class SearchFacadeMock {
@@ -16,6 +21,7 @@ class SearchFacadeMock {
 class RouterFacadeMock {
   setSearch = jest.fn()
   updateSearch = jest.fn()
+  go = jest.fn()
 }
 
 class FieldsServiceMock {
@@ -43,18 +49,29 @@ class FieldsServiceMock {
   )
 }
 
+class RouterServiceMock {
+  getSearchRoute = jest.fn().mockReturnValue('/test/path')
+}
+
 describe('RouterSearchService', () => {
   let service: RouterSearchService
   let routerFacade: RouterFacade
   let searchFacade: SearchFacade
   let fieldsService: FieldsService
+  let routerService: RouterService
 
   beforeEach(() => {
     state = { OrgForResource: { mel: true } }
     routerFacade = new RouterFacadeMock() as any
     searchFacade = new SearchFacadeMock() as any
     fieldsService = new FieldsServiceMock() as any
-    service = new RouterSearchService(searchFacade, routerFacade, fieldsService)
+    routerService = new RouterServiceMock() as any
+    service = new RouterSearchService(
+      searchFacade,
+      routerFacade,
+      fieldsService,
+      routerService
+    )
   })
 
   it('should be created', () => {
@@ -118,4 +135,40 @@ describe('RouterSearchService', () => {
       })
     })
   })
+
+  describe('#setLocationFilter', () => {
+    beforeEach(() => {
+      const location: LocationBbox = {
+        label: 'New location',
+        bbox: [4, 5, 6, 7],
+      }
+      service.setLocationFilter(location)
+    })
+    it('dispatch setLocationFilter with merged mapped params', () => {
+      expect(routerFacade.go).toHaveBeenCalledWith({
+        path: '/test/path',
+        query: {
+          location: 'New location',
+          bbox: '4,5,6,7',
+        },
+        queryParamsHandling: 'merge',
+      })
+    })
+  })
+
+  describe('#clearLocationFilter', () => {
+    beforeEach(() => {
+      service.clearLocationFilter()
+    })
+    it('dispatch clearLocationFilter with merged mapped params', () => {
+      expect(routerFacade.go).toHaveBeenCalledWith({
+        path: '/test/path',
+        query: {
+          location: undefined,
+          bbox: undefined,
+        },
+        queryParamsHandling: 'merge',
+      })
+    })
+  })
 })

libs/feature/router/src/lib/default/services/router-search.service.ts

@@ -1,6 +1,7 @@
 import { Injectable } from '@angular/core'
 import {
   FieldsService,
+  LocationBbox,
   SearchFacade,
   SearchServiceI,
 } from '@geonetwork-ui/feature/search'
@@ -11,14 +12,16 @@ import {
 import { ROUTE_PARAMS, SearchRouteParams } from '../constants'
 import { RouterFacade } from '../state/router.facade'
 import { firstValueFrom } from 'rxjs'
+import { RouterService } from '../router.service'
 import { sortByToString } from '@geonetwork-ui/util/shared'
 
 @Injectable()
 export class RouterSearchService implements SearchServiceI {
   constructor(
     private searchFacade: SearchFacade,
     private facade: RouterFacade,
-    private fieldsService: FieldsService
+    private fieldsService: FieldsService,
+    private routerService: RouterService
   ) {}
 
   setSortAndFilters(filters: FieldFilters, sortBy: SortByField) {
@@ -65,4 +68,20 @@ export class RouterSearchService implements SearchServiceI {
       [ROUTE_PARAMS.PAGE]: page,
     })
   }
+
+  setLocationFilter(location: LocationBbox) {
+    this.facade.go({
+      path: this.routerService.getSearchRoute(),
+      query: { location: location.label, bbox: location.bbox.join() },
+      queryParamsHandling: 'merge',
+    })
+  }
+
+  clearLocationFilter() {
+    this.facade.go({
+      path: this.routerService.getSearchRoute(),
+      query: { location: undefined, bbox: undefined },
+      queryParamsHandling: 'merge',
+    })
+  }
 }