geonetwork-ui 2.1.0-initial → 2.2.0-dev.05d3ea32

package/src/libs/feature/map/src/lib/map-context/map-context.service.ts

@@ -23,6 +23,8 @@ import { FeatureCollection } from 'geojson'
 import { fromLonLat } from 'ol/proj'
 import WMTS from 'ol/source/WMTS'
 import { removeSearchParams } from '../../../../../../libs/util/shared/src'
+import { Geometry } from 'ol/geom'
+import Feature from 'ol/Feature'
 
 export const DEFAULT_BASELAYER_CONTEXT: MapContextLayerXyzModel = {
   type: MapContextLayerTypeEnum.XYZ,
@@ -38,6 +40,8 @@ export const DEFAULT_VIEW: MapContextViewModel = {
   zoom: 2,
 }
 
+export const WFS_MAX_FEATURES = 10000
+
 @Injectable({
   providedIn: 'root',
 })
@@ -109,6 +113,10 @@ export class MapContextService {
               urlObj.searchParams.set('typename', layerModel.name)
               urlObj.searchParams.set('srsname', 'EPSG:3857')
               urlObj.searchParams.set('bbox', `${extent.join(',')},EPSG:3857`)
+              urlObj.searchParams.set(
+                'maxFeatures',
+                WFS_MAX_FEATURES.toString()
+              )
               return urlObj.toString()
             },
             strategy: bboxStrategy,
@@ -136,7 +144,7 @@ export class MapContextService {
           }
           const features = this.mapUtils.readFeatureCollection(
             geojson as FeatureCollection
-          )
+          ) as Feature<Geometry>[]
           return new VectorLayer({
             source: new VectorSource({
               features,

package/src/libs/feature/map/src/lib/utils/map-utils-wms.service.ts

@@ -3,8 +3,12 @@ import { WmsEndpoint, WmsLayerFull } from '@camptocamp/ogc-client'
 import { MapContextLayerWmsModel } from '../map-context/map-context.model'
 import { ProxyService } from '../../../../../../libs/util/shared/src'
 import { from, Observable } from 'rxjs'
-import { map } from 'rxjs/operators'
+import { map, switchMap } from 'rxjs/operators'
 import { LONLAT_CRS_CODES } from './projections'
+import { fromEPSGCode, register } from 'ol/proj/proj4'
+import { Extent } from 'ol/extent'
+import proj4 from 'proj4/dist/proj4'
+import { transformExtent } from 'ol/proj'
 
 @Injectable({
   providedIn: 'root',
@@ -24,17 +28,31 @@ export class MapUtilsWMSService {
 
   getLayerLonLatBBox(layer: MapContextLayerWmsModel) {
     return this.getLayerFull(layer).pipe(
-      map((wmsLayerFull) => this.getLonLatBBox(wmsLayerFull))
+      switchMap((wmsLayerFull) => from(this.getLonLatBBox(wmsLayerFull)))
     )
   }
 
-  getLonLatBBox(wmsLayerFull: WmsLayerFull) {
+  async getLonLatBBox(wmsLayerFull: WmsLayerFull): Promise<Extent> {
     const { boundingBoxes } = wmsLayerFull
     const lonLatCRS = Object.keys(boundingBoxes)?.find((crs) =>
       LONLAT_CRS_CODES.includes(crs)
     )
     if (lonLatCRS) {
       return boundingBoxes[lonLatCRS]
+    } else {
+      const availableEPSGCode = Object.keys(boundingBoxes)[0]
+      register(proj4)
+      const proj = await fromEPSGCode(availableEPSGCode)
+      proj4.defs(availableEPSGCode, proj)
+
+      const bboxWithFiniteNumbers = [
+        parseFloat(boundingBoxes[availableEPSGCode][0]),
+        parseFloat(boundingBoxes[availableEPSGCode][1]),
+        parseFloat(boundingBoxes[availableEPSGCode][2]),
+        parseFloat(boundingBoxes[availableEPSGCode][3]),
+      ]
+      const extent = transformExtent(bboxWithFiniteNumbers, proj, 'EPSG:4326')
+      return extent
     }
   }
 }

package/src/libs/feature/map/src/lib/utils/map-utils.service.ts

@@ -2,7 +2,7 @@ import { HttpClient } from '@angular/common/http'
 import { Injectable } from '@angular/core'
 import type { FeatureCollection } from 'geojson'
 import { extend, Extent, isEmpty } from 'ol/extent'
-import OlFeature from 'ol/Feature'
+import OlFeature, { FeatureLike } from 'ol/Feature'
 import GeoJSON from 'ol/format/GeoJSON'
 import { Geometry } from 'ol/geom'
 import Layer from 'ol/layer/Layer'
@@ -23,11 +23,15 @@ import {
 import WMTSCapabilities from 'ol/format/WMTSCapabilities'
 import { from, Observable, of } from 'rxjs'
 import { map } from 'rxjs/operators'
-import { MapContextLayerModel } from '../map-context/map-context.model'
+import {
+  MapContextLayerModel,
+  MapContextLayerTypeEnum,
+  MapContextLayerWmtsModel,
+} from '../map-context/map-context.model'
 import { MapUtilsWMSService } from './map-utils-wms.service'
 import Collection from 'ol/Collection'
 import MapBrowserEvent from 'ol/MapBrowserEvent'
-import { DatasetDistribution } from '../../../../../../libs/common/domain/src/lib/record'
+import { DatasetDistribution } from '../../../../../../libs/common/domain/src/lib/model/record'
 
 const FEATURE_PROJECTION = 'EPSG:3857'
 const DATA_PROJECTION = 'EPSG:4326'
@@ -50,7 +54,7 @@ export class MapUtilsService {
     featureCollection: FeatureCollection,
     featureProjection = FEATURE_PROJECTION,
     dataProjection = DATA_PROJECTION
-  ): OlFeature<Geometry>[] => {
+  ): FeatureLike[] => {
     const olFeatures = new GeoJSON().readFeatures(featureCollection, {
       featureProjection,
       dataProjection,
@@ -150,7 +154,11 @@ export class MapUtilsService {
     } else if (layer && layer.type === 'wms') {
       geographicExtent = this.wmsUtils.getLayerLonLatBBox(layer)
     } else if (layer && layer.type === 'wmts') {
-      return of(layer.options.tileGrid.getExtent())
+      if (layer.extent) {
+        geographicExtent = of(layer.extent)
+      } else {
+        return of(layer.options.tileGrid.getExtent())
+      }
     } else {
       return of(null)
     }
@@ -163,9 +171,9 @@ export class MapUtilsService {
     )
   }
 
-  getWmtsOptionsFromCapabilities(
+  getWmtsLayerFromCapabilities(
     link: DatasetDistribution
-  ): Observable<Options> {
+  ): Observable<MapContextLayerWmtsModel> {
     const getCapabilitiesUrl = new URL(link.url, window.location.toString())
     getCapabilitiesUrl.searchParams.set('SERVICE', 'WMTS')
     getCapabilitiesUrl.searchParams.set('REQUEST', 'GetCapabilities')
@@ -183,10 +191,20 @@ ${await response.text()}`)
         .then(function (text) {
           try {
             const result = new WMTSCapabilities().read(text)
-            return optionsFromCapabilities(result, {
+            const options = optionsFromCapabilities(result, {
               layer: link.name,
               matrixSet: 'EPSG:3857',
             })
+            const layerCap = result?.Contents?.Layer.find(
+              (layer) => layer.Identifier === link.name
+            )
+            return {
+              options,
+              type: MapContextLayerTypeEnum.WMTS as 'wmts',
+              ...(layerCap?.WGS84BoundingBox
+                ? { extent: layerCap.WGS84BoundingBox }
+                : {}),
+            }
           } catch (e: any) {
             throw new Error(`WMTS GetCapabilities parsing failed:
 ${e.stack || e.message || e}`)

package/src/libs/feature/record/src/lib/data-view/data-view.component.ts

@@ -8,8 +8,8 @@ import { getLinkLabel, getLinkPriority } from '../../../../../../libs/util/share
 import { BehaviorSubject, combineLatest } from 'rxjs'
 import { map, tap } from 'rxjs/operators'
 import { MdViewFacade } from '../state'
-import { DatavizConfigurationModel } from '../../../../../../libs/common/domain/src/lib/dataviz-configuration.model'
-import { DatasetDistribution } from '../../../../../../libs/common/domain/src/lib/record'
+import { DatavizConfigurationModel } from '../../../../../../libs/common/domain/src/lib/model/dataviz/dataviz-configuration.model'
+import { DatasetDistribution } from '../../../../../../libs/common/domain/src/lib/model/record'
 
 @Component({
   selector: 'gn-ui-data-view',

package/src/libs/feature/record/src/lib/external-viewer-button/external-viewer-button.component.ts

@@ -1,6 +1,11 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
 import { MapConfig } from '../../../../../../libs/util/app-config/src'
-import { DatasetDistribution } from '../../../../../../libs/common/domain/src/lib/record'
+import { DatasetDistribution } from '../../../../../../libs/common/domain/src/lib/model/record'
+import { marker } from '@biesbjerg/ngx-translate-extract-marker'
+import { TranslateService } from '@ngx-translate/core'
+import { getFileFormat } from '../../../../../../libs/util/shared/src'
+
+marker('externalviewer.dataset.unnamed')
 
 @Component({
   selector: 'gn-ui-external-viewer-button',
@@ -31,14 +36,24 @@ export class ExternalViewerButtonComponent {
       if (this.link.accessServiceProtocol === 'wfs') {
         return 'wfs'
       }
+    } else if (
+      this.link.type === 'download' &&
+      getFileFormat(this.link) === 'geojson'
+    ) {
+      return 'geojson'
     }
     return null
   }
 
+  constructor(private translateService: TranslateService) {}
+
   openInExternalViewer() {
     const templateUrl = this.mapConfig.EXTERNAL_VIEWER_URL_TEMPLATE
+    const layerName = this.link.name
+      ? this.link.name
+      : this.translateService.instant('externalviewer.dataset.unnamed')
     const url = templateUrl
-      .replace('${layer_name}', `${this.link.name}`)
+      .replace('${layer_name}', `${layerName}`)
       .replace(
         '${service_url}',
         `${encodeURIComponent(this.link.url.toString())}`

package/src/libs/feature/record/src/lib/map-view/map-view.component.ts

@@ -37,7 +37,7 @@ import {
 } from 'rxjs/operators'
 import { MdViewFacade } from '../state/mdview.facade'
 import { DataService } from '../../../../../../libs/feature/dataviz/src'
-import { DatasetDistribution } from '../../../../../../libs/common/domain/src/lib/record'
+import { DatasetDistribution } from '../../../../../../libs/common/domain/src/lib/model/record'
 
 @Component({
   selector: 'gn-ui-map-view',
@@ -173,12 +173,7 @@ export class MapViewComponent implements OnInit, OnDestroy {
       link.type === 'service' &&
       link.accessServiceProtocol === 'wmts'
     ) {
-      return this.mapUtils.getWmtsOptionsFromCapabilities(link).pipe(
-        map((options) => ({
-          type: MapContextLayerTypeEnum.WMTS,
-          options: options,
-        }))
-      )
+      return this.mapUtils.getWmtsLayerFromCapabilities(link)
     } else if (
       (link.type === 'service' &&
         (link.accessServiceProtocol === 'wfs' ||

package/src/libs/feature/record/src/lib/state/mdview.actions.ts

@@ -1,6 +1,6 @@
-import { DatavizConfigurationModel } from '../../../../../../libs/common/domain/src/lib/dataviz-configuration.model'
+import { DatavizConfigurationModel } from '../../../../../../libs/common/domain/src/lib/model/dataviz/dataviz-configuration.model'
 import { createAction, props } from '@ngrx/store'
-import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/record'
+import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
 
 export const loadFullMetadata = createAction(
   '[Metadata view] Load full metadata',

package/src/libs/feature/record/src/lib/state/mdview.effects.ts

@@ -3,7 +3,7 @@ import { Actions, createEffect, ofType } from '@ngrx/effects'
 import { of } from 'rxjs'
 import { catchError, map, switchMap } from 'rxjs/operators'
 import * as MdViewActions from './mdview.actions'
-import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/records-repository.interface'
+import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/repository/records-repository.interface'
 
 @Injectable()
 export class MdViewEffects {

package/src/libs/feature/record/src/lib/state/mdview.facade.ts

@@ -4,8 +4,8 @@ import { filter, map } from 'rxjs/operators'
 import * as MdViewActions from './mdview.actions'
 import * as MdViewSelectors from './mdview.selectors'
 import { LinkClassifierService, LinkUsage } from '../../../../../../libs/util/shared/src'
-import { DatavizConfigurationModel } from '../../../../../../libs/common/domain/src/lib/dataviz-configuration.model'
-import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/record'
+import { DatavizConfigurationModel } from '../../../../../../libs/common/domain/src/lib/model/dataviz/dataviz-configuration.model'
+import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
 
 @Injectable()
 /**

package/src/libs/feature/record/src/lib/state/mdview.reducer.ts

@@ -1,7 +1,7 @@
 import { Action, createReducer, on } from '@ngrx/store'
 import * as MdViewActions from './mdview.actions'
-import { DatavizConfigurationModel } from '../../../../../../libs/common/domain/src/lib/dataviz-configuration.model'
-import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/record'
+import { DatavizConfigurationModel } from '../../../../../../libs/common/domain/src/lib/model/dataviz/dataviz-configuration.model'
+import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
 
 export const MD_VIEW_FEATURE_STATE_KEY = 'mdView'
 

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

@@ -4,7 +4,10 @@ import {
   SearchFacade,
   SearchServiceI,
 } from '../../../../../../../libs/feature/search/src'
-import { FieldFilters, SortByField } from '../../../../../../../libs/common/domain/src/lib/search'
+import {
+  FieldFilters,
+  SortByField,
+} from '../../../../../../../libs/common/domain/src/lib/model/search'
 import { ROUTE_PARAMS, SearchRouteParams } from '../constants'
 import { RouterFacade } from '../state/router.facade'
 import { firstValueFrom } from 'rxjs'

package/src/libs/feature/router/src/lib/default/state/router.effects.ts

@@ -9,7 +9,10 @@ import {
   SetFilters,
   SetSortBy,
 } from '../../../../../../../libs/feature/search/src'
-import { FieldFilters, SortByEnum } from '../../../../../../../libs/common/domain/src/lib/search'
+import {
+  FieldFilters,
+  SortByEnum,
+} from '../../../../../../../libs/common/domain/src/lib/model/search'
 import { Actions, createEffect, ofType } from '@ngrx/effects'
 import { navigation } from '@ngrx/router-store/data-persistence'
 import { of, pairwise, startWith, withLatestFrom } from 'rxjs'

package/src/libs/feature/router/src/lib/default/state/router.facade.ts

@@ -16,7 +16,7 @@ import {
   RouterGoActionPayload,
 } from './router.actions'
 import { selectCurrentRoute, selectRouteParams } from './router.selectors'
-import { CatalogRecord } from '../../../../../../../libs/common/domain/src/lib/record'
+import { CatalogRecord } from '../../../../../../../libs/common/domain/src/lib/model/record'
 
 @Injectable()
 export class RouterFacade {

package/src/libs/feature/search/src/lib/constants.ts

@@ -1,4 +1,4 @@
-import { FieldName } from '../../../../../libs/common/domain/src/lib/search'
+import { FieldName } from '../../../../../libs/common/domain/src/lib/model/search'
 
 export const DEFAULT_PAGE_SIZE = 10
 

package/src/libs/feature/search/src/lib/facets/facets-container/facets-container.component.ts

@@ -5,7 +5,7 @@ import { map, take } from 'rxjs/operators'
 import { SearchFacade } from '../../state/search.facade'
 import { FacetsService } from '../facets.service'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
-import { FieldFilters } from '../../../../../../../libs/common/domain/src/lib/search'
+import { FieldFilters } from '../../../../../../../libs/common/domain/src/lib/model/search'
 import { EsRequestAggTerm } from '../../../../../../../libs/api/metadata-converter/src'
 
 marker('facets.block.title.OrgForResource')

package/src/libs/feature/search/src/lib/facets/facets.service.ts

@@ -1,7 +1,10 @@
 import { Injectable } from '@angular/core'
 import { LogService, parse, PARSE_DELIMITER } from '../../../../../../libs/util/shared/src'
 import { FacetPath, ModelBlock, ModelItem } from '../../../../../../libs/ui/search/src'
-import { FieldFilter, FieldFilters } from '../../../../../../libs/common/domain/src/lib/search'
+import {
+  FieldFilter,
+  FieldFilters,
+} from '../../../../../../libs/common/domain/src/lib/model/search'
 
 @Injectable({
   providedIn: 'root',

package/src/libs/feature/search/src/lib/favorites/favorite-star/favorite-star.component.html

@@ -1,10 +1,18 @@
-<div>
-  <span class="align-text-top mr-1.5 favorite-count" *ngIf="hasFavoriteCount">{{
-    favoriteCount
-  }}</span>
+<div class="flex flex-row content-center">
+  <span
+    class="align-text-top mr-1.5 mt-1.5 favorite-count"
+    *ngIf="hasFavoriteCount && displayCount"
+    >{{ favoriteCount }}</span
+  >
   <gn-ui-star-toggle
     [toggled]="isFavorite$ | async"
     (newValue)="toggleFavorite($event)"
     [disabled]="loading || (isAnonymous$ | async)"
+    class="mt-1"
   ></gn-ui-star-toggle>
+  <span
+    class="align-text-top ml-1.5 favorite-count mt-1.5"
+    *ngIf="!displayCount"
+    translate="datahub.record.addToFavorites"
+  ></span>
 </div>

package/src/libs/feature/search/src/lib/favorites/favorite-star/favorite-star.component.ts

@@ -13,11 +13,9 @@ import tippy from 'tippy.js'
 import { TranslateService } from '@ngx-translate/core'
 import { StarToggleComponent } from '../../../../../../../libs/ui/inputs/src'
 import { Observable, Subscription } from 'rxjs'
-import { CatalogRecord } from '../../../../../../../libs/common/domain/src/lib/record'
-import {
-  AuthService,
-  FavoritesService,
-} from '../../../../../../../libs/api/repository/src/lib/gn4'
+import { CatalogRecord } from '../../../../../../../libs/common/domain/src/lib/model/record'
+import { AuthService, FavoritesService } from '../../../../../../../libs/api/repository/src'
+import { PlatformServiceInterface } from '../../../../../../../libs/common/domain/src/lib/platform.service.interface'
 
 @Component({
   selector: 'gn-ui-favorite-star',
@@ -26,6 +24,7 @@ import {
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FavoriteStarComponent implements AfterViewInit, OnDestroy {
+  @Input() displayCount? = true
   @Input() set record(value) {
     this.record_ = value
     this.favoriteCount =
@@ -39,7 +38,7 @@ export class FavoriteStarComponent implements AfterViewInit, OnDestroy {
   isFavorite$ = this.favoritesService.myFavoritesUuid$.pipe(
     map((favorites) => favorites.indexOf(this.record.uniqueIdentifier) > -1)
   )
-  isAnonymous$ = this.authService.isAnonymous$
+  isAnonymous$ = this.platformService.isAnonymous()
   record_: CatalogRecord
   favoriteCount: number | null
   loading = false
@@ -61,8 +60,9 @@ export class FavoriteStarComponent implements AfterViewInit, OnDestroy {
 
   constructor(
     private favoritesService: FavoritesService,
-    private authService: AuthService,
+    private platformService: PlatformServiceInterface,
     private changeDetector: ChangeDetectorRef,
+    private authService: AuthService,
     private translateService: TranslateService
   ) {}
 

package/src/libs/feature/search/src/lib/feature-search.module.ts

@@ -22,8 +22,8 @@ import { MatIconModule } from '@angular/material/icon'
 import { FilterDropdownComponent } from './filter-dropdown/filter-dropdown.component'
 import { Geometry } from 'geojson'
 import { UiWidgetsModule } from '../../../../../libs/ui/widgets/src'
-import { RecordsRepositoryInterface } from '../../../../../libs/common/domain/src/lib/records-repository.interface'
-import { Gn4Repository } from '../../../../../libs/api/repository/src/lib/gn4'
+import { RecordsRepositoryInterface } from '../../../../../libs/common/domain/src/lib/repository/records-repository.interface'
+import { Gn4Repository } from '../../../../../libs/api/repository/src'
 
 // this geometry will be used to filter & boost results accordingly
 export const FILTER_GEOMETRY = new InjectionToken<Promise<Geometry>>(

package/src/libs/feature/search/src/lib/fuzzy-search/fuzzy-search.component.html

@@ -7,4 +7,5 @@
   (inputCleared)="handleInputCleared()"
   [value]="searchInputValue$ | async"
   [clearOnSelection]="true"
+  [autoFocus]="autoFocus"
 ></gn-ui-autocomplete>

package/src/libs/feature/search/src/lib/fuzzy-search/fuzzy-search.component.ts

@@ -2,6 +2,7 @@ import {
   ChangeDetectionStrategy,
   Component,
   EventEmitter,
+  Input,
   OnInit,
   Output,
   ViewChild,
@@ -14,8 +15,8 @@ import { Observable } from 'rxjs'
 import { map } from 'rxjs/operators'
 import { SearchFacade } from '../state/search.facade'
 import { SearchService } from '../utils/service/search.service'
-import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/record'
-import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/records-repository.interface'
+import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
+import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/repository/records-repository.interface'
 
 @Component({
   selector: 'gn-ui-fuzzy-search',
@@ -25,6 +26,7 @@ import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain
 })
 export class FuzzySearchComponent implements OnInit {
   @ViewChild(AutocompleteComponent) autocomplete: AutocompleteComponent
+  @Input() autoFocus = false
   @Output() itemSelected = new EventEmitter<CatalogRecord>()
   @Output() inputSubmitted = new EventEmitter<string>()
   searchInputValue$: Observable<{ title: string }>

package/src/libs/feature/search/src/lib/records-metrics/records-metrics.component.ts

@@ -1,12 +1,12 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'
 import { Observable } from 'rxjs'
 import { map, share } from 'rxjs/operators'
-import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/records-repository.interface'
+import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/repository/records-repository.interface'
 import {
   AggregationBuckets,
   Aggregations,
   TermBucket,
-} from '../../../../../../libs/common/domain/src/lib/search'
+} from '../../../../../../libs/common/domain/src/lib/model/search'
 import { RecordMetric } from '../../../../../../libs/api/metadata-converter/src'
 
 @Component({

package/src/libs/feature/search/src/lib/results-list/results-list.container.component.html

@@ -2,12 +2,13 @@
   <gn-ui-results-list
     [records]="facade.results$ | async"
     [layoutConfig]="layoutConfig$ | async"
-    [metadataQualityDisplay]="metadataQualityDisplay"
+    [metadataQualityDisplay]="
+      metadataQualityDisplay && (pipelineForQualityScoreActivated | async)
+    "
     [favoriteTemplate]="favoriteToggle"
     [recordUrlGetter]="recordUrlGetter"
     (mdSelect)="onMetadataSelection($event)"
   ></gn-ui-results-list>
-
   <ng-container
     *ngIf="
       (facade.isLoading$ | async) === false &&

package/src/libs/feature/search/src/lib/results-list/results-list.container.component.ts

@@ -7,18 +7,18 @@ import {
   Optional,
   Output,
 } from '@angular/core'
-import { Observable } from 'rxjs'
+import { Observable, tap } from 'rxjs'
 import { filter, map } from 'rxjs/operators'
 import { SearchFacade } from '../state/search.facade'
 import { SearchError } from '../state/reducer'
-import { ErrorType, MetadataQualityDisplay } from '../../../../../../libs/ui/elements/src'
+import { ErrorType } from '../../../../../../libs/ui/elements/src'
 import {
   RESULTS_LAYOUT_CONFIG,
   ResultsLayoutConfigItem,
   ResultsLayoutConfigModel,
 } from '../../../../../../libs/ui/search/src'
 import { RECORD_URL_TOKEN } from '../feature-search.module'
-import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/record'
+import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
 
 export type ResultsListShowMoreStrategy = 'auto' | 'button' | 'none'
 
@@ -28,7 +28,7 @@ export type ResultsListShowMoreStrategy = 'auto' | 'button' | 'none'
   styleUrls: ['./results-list.container.component.css'],
 })
 export class ResultsListContainerComponent implements OnInit {
-  @Input() metadataQualityDisplay: MetadataQualityDisplay
+  @Input() metadataQualityDisplay: boolean
   @Input() layout: string
   @Input() showMore: ResultsListShowMoreStrategy = 'auto'
   @Output() mdSelect = new EventEmitter<CatalogRecord>()
@@ -38,6 +38,7 @@ export class ResultsListContainerComponent implements OnInit {
   error$: Observable<SearchError>
   errorCode$: Observable<number>
   errorMessage$: Observable<string>
+  pipelineForQualityScoreActivated: Observable<boolean>
 
   errorTypes = ErrorType
   recordUrlGetter = this.getRecordUrl.bind(this)
@@ -60,6 +61,17 @@ export class ResultsListContainerComponent implements OnInit {
       this.facade.setResultsLayout(this.layout)
     }
 
+    this.pipelineForQualityScoreActivated = this.facade.results$.pipe(
+      tap((records) => {
+        if (records?.length > 0 && !records[0].extras?.qualityScore) {
+          console.warn(
+            'It looks like the metadata quality indicator is not available on these records, probably due to a missing indexing pipeline'
+          )
+        }
+      }),
+      map((records) => !!records[0]?.extras.qualityScore)
+    )
+
     this.error$ = this.facade.error$
     this.errorCode$ = this.error$.pipe(
       filter((error) => error !== null),

package/src/libs/feature/search/src/lib/sort-by/sort-by.component.ts

@@ -1,6 +1,9 @@
 import { Component, Input, OnInit } from '@angular/core'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
-import { SortByEnum, SortByField } from '../../../../../../libs/common/domain/src/lib/search'
+import {
+  SortByEnum,
+  SortByField,
+} from '../../../../../../libs/common/domain/src/lib/model/search'
 import { SearchFacade } from '../state/search.facade'
 import { SearchService } from '../utils/service/search.service'
 import { filter, map } from 'rxjs/operators'

package/src/libs/feature/search/src/lib/state/actions.ts

@@ -7,8 +7,8 @@ import {
   FieldFilters,
   FieldName,
   SortByField,
-} from '../../../../../../libs/common/domain/src/lib/search'
-import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/record'
+} from '../../../../../../libs/common/domain/src/lib/model/search'
+import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
 
 export const ADD_SEARCH = '[Search] Add search instance'
 export const SET_FILTERS = '[Search] Set Filters'