geonetwork-ui 2.8.0-dev.50da356b9 → 2.8.0-dev.5186798f7

package/libs/util/shared/src/index.d.ts

@@ -4,4 +4,5 @@ export * from './lib/links';
 export * from './lib/image-fallback.directive';
 export * from './lib/gn-ui-version';
 export * from './lib/record';
+export * from './lib/humanize-date.directive';
 //# sourceMappingURL=index.d.ts.map

package/libs/util/shared/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/libs/util/shared/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gCAAgC,CAAA;AAC9C,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/libs/util/shared/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gCAAgC,CAAA;AAC9C,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,+BAA+B,CAAA"}

package/libs/util/shared/src/lib/humanize-date.directive.d.ts

@@ -0,0 +1,15 @@
+import { Renderer2, ElementRef, OnInit } from '@angular/core';
+import { DateService } from './services/date.service';
+import * as i0 from "@angular/core";
+export declare class GnUiHumanizeDateDirective implements OnInit {
+    private dateService;
+    private el;
+    private renderer;
+    gnUiHumanizeDate: Date | string;
+    constructor(dateService: DateService, el: ElementRef, renderer: Renderer2);
+    ngOnInit(): Promise<void>;
+    private updateElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GnUiHumanizeDateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GnUiHumanizeDateDirective, "[gnUiHumanizeDate]", never, { "gnUiHumanizeDate": { "alias": "gnUiHumanizeDate"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=humanize-date.directive.d.ts.map

package/libs/util/shared/src/lib/humanize-date.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"humanize-date.directive.d.ts","sourceRoot":"","sources":["../../../../../src/libs/util/shared/src/lib/humanize-date.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,UAAU,EAAS,MAAM,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;AAErD,qBAIa,yBAA0B,YAAW,MAAM;IAIpD,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,QAAQ;IALT,gBAAgB,EAAE,IAAI,GAAG,MAAM,CAAA;gBAG9B,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,UAAU,EACd,QAAQ,EAAE,SAAS;IAGvB,QAAQ;YAIA,aAAa;yCAbhB,yBAAyB;2CAAzB,yBAAyB;CA2BrC"}

package/libs/util/shared/src/lib/services/date.service.d.ts

@@ -1,12 +1,16 @@
 import { TranslateService } from '@ngx-translate/core';
+import { type Locale } from 'date-fns/locale';
 import * as i0 from "@angular/core";
 export declare class DateService {
     private translateService;
+    dateLocales: Promise<Record<import("geonetwork-ui").LanguageCode2, Locale>>;
     constructor(translateService: TranslateService);
     private getDateObject;
     private getLocaleAndDate;
+    private getDateLocale;
     formatDate(date: Date | string, options?: Intl.DateTimeFormatOptions): string;
     formatDateTime(date: Date | string, options?: Intl.DateTimeFormatOptions): string;
+    formatRelativeDateTime(date: Date | string): Promise<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DateService>;
 }

package/libs/util/shared/src/lib/services/date.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date.service.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/util/shared/src/lib/services/date.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;;AAEtD,qBAGa,WAAW;IACV,OAAO,CAAC,gBAAgB;gBAAhB,gBAAgB,EAAE,gBAAgB;IAEtD,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,gBAAgB;IASxB,UAAU,CACR,IAAI,EAAE,IAAI,GAAG,MAAM,EACnB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,GACnC,MAAM;IAKT,cAAc,CACZ,IAAI,EAAE,IAAI,GAAG,MAAM,EACnB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,GACnC,MAAM;yCAlCE,WAAW;6CAAX,WAAW;CAsCvB"}
+{"version":3,"file":"date.service.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/util/shared/src/lib/services/date.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAA;;AAK7C,qBAGa,WAAW;IAKV,OAAO,CAAC,gBAAgB;IAJpC,WAAW,iEAEV;gBAEmB,gBAAgB,EAAE,gBAAgB;IAEtD,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,gBAAgB;YASV,aAAa;IAM3B,UAAU,CACR,IAAI,EAAE,IAAI,GAAG,MAAM,EACnB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,GACnC,MAAM;IAKT,cAAc,CACZ,IAAI,EAAE,IAAI,GAAG,MAAM,EACnB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,GACnC,MAAM;IAKH,sBAAsB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;yCAjDvD,WAAW;6CAAX,WAAW;CA4DvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geonetwork-ui",
-  "version": "2.8.0-dev.50da356b9",
+  "version": "2.8.0-dev.5186798f7",
   "engines": {
     "node": ">=20"
   },

package/src/libs/api/metadata-converter/src/lib/dcat-ap/dcat-ap.converter.ts

@@ -56,7 +56,7 @@ export class DcatApConverter extends BaseConverter<string> {
     spatialExtents: readSpatialExtents,
     keywords: readKeywords,
     topics: readTopics,
-    resourceIdentifier: () => undefined,
+    resourceIdentifiers: () => undefined,
     recordUpdated: readRecordUpdated,
     recordCreated: readRecordCreated,
     resourceUpdated: readResourceUpdated,
@@ -96,7 +96,7 @@ export class DcatApConverter extends BaseConverter<string> {
     recordUpdated: () => undefined,
     recordCreated: () => undefined,
     recordPublished: () => undefined,
-    resourceIdentifier: () => undefined,
+    resourceIdentifiers: () => undefined,
     resourceUpdated: () => undefined,
     resourceCreated: () => undefined,
     resourcePublished: () => undefined,

package/src/libs/api/metadata-converter/src/lib/fixtures/generic.records.ts

@@ -70,7 +70,7 @@ export const GENERIC_DATASET_RECORD: DatasetRecord = {
   recordCreated: new Date('2021-11-15T09:00:00'),
   recordPublished: new Date('2022-01-01T10:00:00'),
   recordUpdated: new Date('2022-02-01T15:12:00'),
-  resourceIdentifier: '2d974612-70b1-4662-a9f4-c43cbe453773',
+  resourceIdentifiers: [{ code: '2d974612-70b1-4662-a9f4-c43cbe453773' }],
   resourceCreated: new Date('2022-09-01T14:18:19'),
   resourceUpdated: new Date('2022-12-04T15:12:00'),
   title: 'A very interesting dataset (un jeu de données très intéressant)',

package/src/libs/api/metadata-converter/src/lib/fixtures/geo2france.records.service+eaux-usees.ts

@@ -2,7 +2,7 @@ import { ServiceRecord } from '../../../../../../libs/common/domain/src/lib/mode
 
 export const GEO2FRANCE_SERVICE_EAUXUSEES_RECORD: ServiceRecord = {
   uniqueIdentifier: 'be052079-f1f6-4f6f-a722-cbf11deb40eb',
-  resourceIdentifier: 'https://id.eaufrance.fr/meta/ODP_WFS',
+  resourceIdentifiers: [{ code: 'https://id.eaufrance.fr/meta/ODP_WFS' }],
   kind: 'service',
   otherLanguages: [],
   defaultLanguage: 'fr',

package/src/libs/api/metadata-converter/src/lib/fixtures/geo2france.records.ts

@@ -146,6 +146,9 @@ Ce lot de données produit en 2019, a été numérisé à partir du PCI Vecteur
   defaultLanguage: 'fr',
   otherLanguages: [],
   translations: {},
-  resourceIdentifier:
-    'https://www.geoportail-urbanisme.gouv.fr/document/60036_PLU_20220329',
+  resourceIdentifiers: [
+    {
+      code: 'https://www.geoportail-urbanisme.gouv.fr/document/60036_PLU_20220329',
+    },
+  ],
 }

package/src/libs/api/metadata-converter/src/lib/fixtures/geocat-ch.records.ts

@@ -68,7 +68,7 @@ export const GEOCAT_CH_DATASET_RECORD: DatasetRecord = {
   abstract: `Perimeter der Alpenkonvention in der Schweiz. Die Alpenkonvention ist ein völkerrechtlicher Vertrag zwischen den acht Alpenländern Deutschland, Frankreich, Italien, Liechtenstein, Monaco, Österreich, Schweiz, Slowenien sowie der Europäischen Union. Das Ziel des Übereinkommens ist der Schutz der Alpen durch eine sektorübergreifende, ganzheitliche und nachhaltige Politik.`,
   overviews: [],
   topics: ['planningCadastre', 'planningCadastre_Planning'],
-  resourceIdentifier: 'ch.are.alpenkonvention',
+  resourceIdentifiers: [{ code: 'ch.are.alpenkonvention' }],
   keywords: [
     {
       thesaurus: {

package/src/libs/api/metadata-converter/src/lib/fixtures/georhena.records.ts

@@ -2,7 +2,7 @@ import { ReuseRecord } from '../../../../../../libs/common/domain/src/lib/model/
 
 export const GEORHENA_REUSE_SOLAIRE_RECORD: ReuseRecord = {
   uniqueIdentifier: '015e6d20-0d69-4ae7-adfe-85c588aac141',
-  resourceIdentifier: '04_2022_301',
+  resourceIdentifiers: [{ code: '04_2022_301' }],
   kind: 'reuse',
   otherLanguages: ['de', 'en'],
   defaultLanguage: 'fr',

package/src/libs/api/metadata-converter/src/lib/fixtures/metawal.records.ts

@@ -71,7 +71,7 @@ Toutes ces données sont reprises dans BDR.`,
   recordCreated: new Date('2019-04-02T12:34:35'),
   recordUpdated: new Date('2022-06-16T05:01:21'),
   resourceCreated: new Date('2002-01-01'),
-  resourceIdentifier: '2d974612-70b1-4662-a9f4-c43cbe453773',
+  resourceIdentifiers: [{ code: '2d974612-70b1-4662-a9f4-c43cbe453773' }],
   resourceUpdated: new Date('2022-06-16'),
   resourcePublished: new Date('2022-06-16'),
   onlineResources: [
@@ -645,7 +645,7 @@ export const METAWAL_SERVICE_RECORD: ServiceRecord = {
   },
   recordCreated: new Date('2019-04-02T12:31:58'),
   recordUpdated: new Date('2022-02-09T11:31:06.766Z'),
-  resourceIdentifier: '6d2b6fdb-f1ea-4d48-8697-a0c05512f1dc',
+  resourceIdentifiers: [{ code: '6d2b6fdb-f1ea-4d48-8697-a0c05512f1dc' }],
   resourcePublished: new Date('2016-12-01'),
   securityConstraints: [],
   title:

package/src/libs/api/metadata-converter/src/lib/fixtures/wallonie.records.reuse.ts

@@ -2,7 +2,7 @@ import { ReuseRecord } from '../../../../../../libs/common/domain/src/lib/model/
 
 export const WALLONIE_REUSE_SPW_RECORD: ReuseRecord = {
   uniqueIdentifier: '83809bcd-1763-4d28-b820-2b9828083ba5',
-  resourceIdentifier: '83809bcd-1763-4d28-b820-2b9828083ba5',
+  resourceIdentifiers: [{ code: '83809bcd-1763-4d28-b820-2b9828083ba5' }],
   kind: 'reuse',
   otherLanguages: [],
   defaultLanguage: 'fr',

package/src/libs/api/metadata-converter/src/lib/fixtures/wallonie.records.service+napitswallonia.ts

@@ -2,7 +2,7 @@ import { ServiceRecord } from '../../../../../../libs/common/domain/src/lib/mode
 
 export const WALLONIE_SERVICE_NAPITSWALLONIA_RECORD: ServiceRecord = {
   uniqueIdentifier: 'fe1c1a3d-c75b-435c-a1d1-48426818f54d',
-  resourceIdentifier: 'fe1c1a3d-c75b-435c-a1d1-48426818f54d',
+  resourceIdentifiers: [{ code: 'fe1c1a3d-c75b-435c-a1d1-48426818f54d' }],
   kind: 'service',
   otherLanguages: [],
   defaultLanguage: 'fr',

package/src/libs/api/metadata-converter/src/lib/gn4/gn4.field.mapper.ts

@@ -451,6 +451,32 @@ export class Gn4FieldMapper {
         }),
       }
     },
+    resourceIdentifier: (output, source) => {
+      const identifiers = getAsArray(selectField(source, 'resourceIdentifier'))
+
+      if (!identifiers.length) return output
+
+      const mappedIdentifiers = identifiers
+        .map((id) => {
+          const code = selectField<string>(id, 'code')
+          const codeSpace = selectField<string>(id, 'codeSpace')
+          const link = selectField<string>(id, 'link')
+
+          return {
+            code,
+            ...(codeSpace && { codeSpace }),
+            ...(link && { url: link }),
+          }
+        })
+        .filter((id) => id !== null)
+
+      if (!mappedIdentifiers.length) return output
+
+      return {
+        ...output,
+        resourceIdentifiers: mappedIdentifiers,
+      }
+    },
   }
 
   private genericField = (output) => output

package/src/libs/api/metadata-converter/src/lib/iso19139/iso19139.converter.ts

@@ -92,7 +92,7 @@ export class Iso19139Converter extends BaseConverter<string> {
     recordUpdated: readRecordUpdated,
     recordCreated: () => undefined, // not supported in ISO19139
     recordPublished: () => undefined, // not supported in ISO19139
-    resourceIdentifier: readResourceIdentifier,
+    resourceIdentifiers: readResourceIdentifier,
     resourceUpdated: readResourceUpdated,
     resourceCreated: readResourceCreated,
     resourcePublished: readResourcePublished,
@@ -133,7 +133,7 @@ export class Iso19139Converter extends BaseConverter<string> {
     recordUpdated: writeRecordUpdated,
     recordCreated: () => undefined, // not supported in ISO19139
     recordPublished: () => undefined, // not supported in ISO19139
-    resourceIdentifier: writeResourceIdentifier,
+    resourceIdentifiers: writeResourceIdentifier,
     resourceUpdated: writeResourceUpdated,
     resourceCreated: writeResourceCreated,
     resourcePublished: writeResourcePublished,
@@ -240,12 +240,19 @@ export class Iso19139Converter extends BaseConverter<string> {
     const onlineResources = this.readers['onlineResources'](rootEl, tr)
     const otherLanguages = this.readers['otherLanguages'](rootEl, tr)
     const defaultLanguage = this.readers['defaultLanguage'](rootEl, tr)
-    const resourceIdentifier = this.readers['resourceIdentifier'](rootEl, tr)
+    const resourceIdentifiers = this.readers['resourceIdentifiers'](
+      rootEl,
+      tr
+    ) as Array<{
+      code: string
+      codeSpace?: string
+      url?: string
+    }>
     const spatialExtents = this.readers['spatialExtents'](rootEl, tr)
 
     return {
       uniqueIdentifier,
-      ...(resourceIdentifier && { resourceIdentifier }),
+      ...(resourceIdentifiers?.length > 0 && { resourceIdentifiers }),
       kind,
       otherLanguages,
       defaultLanguage,
@@ -388,8 +395,8 @@ export class Iso19139Converter extends BaseConverter<string> {
       this.writers['otherConstraints'](record, rootEl)
     fieldChanged('onlineResources') &&
       this.writers['onlineResources'](record, rootEl)
-    fieldChanged('resourceIdentifier') &&
-      this.writers['resourceIdentifier'](record, rootEl)
+    fieldChanged('resourceIdentifiers') &&
+      this.writers['resourceIdentifiers'](record, rootEl)
 
     if (record.kind === 'dataset') {
       fieldChanged('status') && this.writers['status'](record, rootEl)

package/src/libs/api/metadata-converter/src/lib/iso19139/read-parts.ts

@@ -1183,8 +1183,10 @@ export function readDefaultLanguage(rootEl: XmlElement): LanguageCode {
   )(rootEl)
 }
 
-export function readResourceIdentifier(rootEl: XmlElement): string {
-  return pipe(
+export function readResourceIdentifier(
+  rootEl: XmlElement
+): Array<{ code: string; codeSpace?: string; url?: string }> {
+  const code = pipe(
     findIdentification(),
     findNestedElement(
       'gmd:citation',
@@ -1195,4 +1197,6 @@ export function readResourceIdentifier(rootEl: XmlElement): string {
     ),
     extractCharacterString()
   )(rootEl)
+
+  return code ? [{ code }] : []
 }

package/src/libs/api/metadata-converter/src/lib/iso19139/write-parts.ts

@@ -1502,14 +1502,16 @@ export function writeResourceIdentifier(
   record: DatasetRecord,
   rootEl: XmlElement
 ) {
+  const firstIdentifier = record.resourceIdentifiers?.[0]?.code
+
   pipe(
     findOrCreateIdentification(),
     findNestedChildOrCreate('gmd:citation', 'gmd:CI_Citation'),
     removeChildrenByName('gmd:identifier'),
-    record.resourceIdentifier
+    firstIdentifier
       ? pipe(
           createNestedChild('gmd:identifier', 'gmd:MD_Identifier', 'gmd:code'),
-          writeCharacterString(record.resourceIdentifier)
+          writeCharacterString(firstIdentifier)
         )
       : noop
   )(rootEl)

package/src/libs/api/repository/src/lib/gn4/elasticsearch/constant.ts

@@ -7,7 +7,6 @@ export const ES_SOURCE_SUMMARY = [
   'resourceAbstractObject',
   'overview',
   'logo',
-  'codelist_status_text',
   'link',
   'linkProtocol',
   'contactForResource*.organisation*',

package/src/libs/common/domain/src/lib/model/dataviz/dataviz-configuration.model.ts

@@ -24,5 +24,5 @@ export interface DatavizConfigModel {
   view: string
   source: DatasetOnlineResource
   chartConfig?: DatavizChartConfigModel
-  styleTMSIndex: number
+  styleTMSIndex?: number
 }

package/src/libs/common/domain/src/lib/model/record/metadata.model.ts

@@ -113,6 +113,12 @@ export interface INSPIRE_topic {
   label: string
 }
 
+export interface ResourceIdentifier {
+  code: string
+  codeSpace?: string
+  url?: string
+}
+
 export interface BaseRecord {
   uniqueIdentifier: Uuid
   ownerOrganization: Organization
@@ -135,7 +141,8 @@ export interface BaseRecord {
   updateFrequency?: UpdateFrequency
 
   // information related to the resource (dataset, service)
-  resourceIdentifier?: string
+
+  resourceIdentifiers?: Array<ResourceIdentifier>
   contactsForResource: Array<Individual>
   resourceCreated?: Date
   resourcePublished?: Date

package/src/libs/feature/dataviz/src/lib/service/data.service.ts

@@ -7,6 +7,9 @@ import {
   WfsEndpoint,
   WfsVersion,
   TmsEndpoint,
+  StacEndpoint,
+  GetCollectionItemsOptions,
+  StacItemsDocument,
 } from '@camptocamp/ogc-client'
 import {
   BaseReader,
@@ -97,16 +100,27 @@ export class DataService {
         if (!featureType) {
           throw new Error('wfs.featuretype.notfound')
         }
+
+        const wfsVersion = endpoint.getVersion()
+        const addSrsName = wfsVersion === '1.1.0' || wfsVersion === '2.0.0'
+        const defaultCrs = featureType.defaultCrs
+
+        const shouldAddOutputCrs = addSrsName && defaultCrs
+
         return {
-          all: featureType.outputFormats.reduce(
-            (prev, curr) => ({
+          all: featureType.outputFormats.reduce((prev, curr) => {
+            const isJsonFormat = curr.toLowerCase().includes('json')
+            return {
               ...prev,
               [curr]: endpoint.getFeatureUrl(featureType.name, {
                 outputFormat: curr,
+                ...(shouldAddOutputCrs &&
+                  !isJsonFormat && {
+                    outputCrs: defaultCrs,
+                  }),
               }),
-            }),
-            {}
-          ),
+            }
+          }, {}),
           geojson: endpoint.supportsJson(featureType.name)
             ? endpoint.getFeatureUrl(featureType.name, {
                 asJson: true,
@@ -233,6 +247,17 @@ export class DataService {
       })
   }
 
+  async getItemsFromStacApi(
+    url: string,
+    options: GetCollectionItemsOptions
+  ): Promise<StacItemsDocument> {
+    return await StacEndpoint.getItemsFromUrl(url, options)
+      .then((response) => response)
+      .catch(() => {
+        throw new Error(`ogc.unreachable.unknown`)
+      })
+  }
+
   async getGeodataLinksFromTms(
     tmsLink: DatasetServiceDistribution,
     keepOriginalLink = false

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.html

@@ -69,11 +69,11 @@
         (valueChange)="valueChange.emit($event)"
       ></gn-ui-form-field-overviews>
     </ng-container>
-    <ng-container *ngSwitchCase="'resourceIdentifier'">
+    <ng-container *ngSwitchCase="'resourceIdentifiers'">
       <gn-ui-form-field-simple
         [type]="'text'"
-        [value]="valueAsString"
-        (valueChange)="valueChange.emit($event)"
+        [value]="valueAsResourceIdentifierCode"
+        (valueChange)="handleResourceIdentifierChange($event)"
       ></gn-ui-form-field-simple>
     </ng-container>
     <ng-container *ngSwitchCase="'resourceCreated'">

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts

@@ -142,4 +142,34 @@ export class FormFieldComponent {
   get valueAsOnlineResources() {
     return this.value as Array<OnlineResource>
   }
+  get valueAsResourceIdentifierCode() {
+    const identifiers = this.value as Array<{
+      code: string
+      codeSpace?: string
+      url?: string
+    }>
+    return identifiers?.[0]?.code || ''
+  }
+
+  handleResourceIdentifierChange(code: string) {
+    const identifiers = this.value as Array<{
+      code: string
+      codeSpace?: string
+      url?: string
+    }>
+
+    if (!code) {
+      this.valueChange.emit(identifiers?.slice(1) || [])
+      return
+    }
+
+    if (identifiers?.[0]) {
+      this.valueChange.emit([
+        { ...identifiers[0], code },
+        ...identifiers.slice(1),
+      ])
+    } else {
+      this.valueChange.emit([{ code }])
+    }
+  }
 }

package/src/libs/feature/editor/src/lib/fields.config.ts

@@ -81,7 +81,7 @@ export const RECORD_RESOURCE_CREATED_FIELD: EditorField = {
 }
 
 export const RESOURCE_IDENTIFIER_FIELD: EditorField = {
-  model: 'resourceIdentifier',
+  model: 'resourceIdentifiers',
   formFieldConfig: {
     labelKey: marker('editor.record.form.field.resourceIdentifier'),
   },

package/src/libs/feature/record/src/index.ts

@@ -8,3 +8,4 @@ export * from './lib/external-viewer-button/external-viewer-button.component'
 export * from './lib/gpf-api-dl/gpf-api-dl.component'
 export * from './lib/map-view/map-view.component'
 export * from './lib/record-meta/record-meta.component'
+export * from './lib/stac-view/stac-view.component'

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

@@ -12,7 +12,7 @@ import { MdViewFacade } from '../state'
 import { CopyTextButtonComponent } from '../../../../../../libs/ui/inputs/src'
 import { CommonModule } from '@angular/common'
 import { TranslatePipe } from '@ngx-translate/core'
-import { GEONETWORK_UI_TAG_NAME } from '../../../../../../libs/util/shared/src'
+import { GEONETWORK_UI_TAG_NAME, PROXY_PATH } from '../../../../../../libs/util/shared/src'
 
 export const WEB_COMPONENT_EMBEDDER_URL = new InjectionToken<string>(
   'webComponentEmbedderUrl'
@@ -60,6 +60,9 @@ export class DataViewPermalinkComponent {
         url.searchParams.append('e', `gn-dataset-view-map`)
       }
       url.searchParams.append('a', `api-url=${this.config.basePath}`)
+      if (this.proxyPath) {
+        url.searchParams.append('a', `proxy-path=${this.proxyPath}`)
+      }
       url.searchParams.append('a', `dataset-id=${metadata.uniqueIdentifier}`)
       url.searchParams.append('a', `primary-color=#0f4395`)
       url.searchParams.append('a', `secondary-color=#8bc832`)
@@ -72,6 +75,9 @@ export class DataViewPermalinkComponent {
   constructor(
     @Inject(Configuration) private config: Configuration,
     @Optional()
+    @Inject(PROXY_PATH)
+    private proxyPath: string,
+    @Optional()
     @Inject(WEB_COMPONENT_EMBEDDER_URL)
     protected wcEmbedderBaseUrl: string,
     private facade: MdViewFacade

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

@@ -3,6 +3,7 @@ import {
   Component,
   Inject,
   Input,
+  Optional,
 } from '@angular/core'
 import { Configuration } from '../../../../../../libs/data-access/gn4/src'
 import { MdViewFacade } from '../state'
@@ -10,7 +11,7 @@ import { BehaviorSubject, combineLatest, map } from 'rxjs'
 import { CopyTextButtonComponent } from '../../../../../../libs/ui/inputs/src'
 import { CommonModule } from '@angular/common'
 import { TranslatePipe } from '@ngx-translate/core'
-import { GEONETWORK_UI_TAG_NAME } from '../../../../../../libs/util/shared/src'
+import { GEONETWORK_UI_TAG_NAME, PROXY_PATH } from '../../../../../../libs/util/shared/src'
 
 @Component({
   selector: 'gn-ui-data-view-web-component',
@@ -42,7 +43,12 @@ export class DataViewWebComponentComponent {
           api-url="${new URL(
             this.config.basePath,
             window.location.origin
-          ).toString()}"
+          ).toString()}"${
+            this.proxyPath
+              ? `
+          proxy-path="${this.proxyPath}"`
+              : ''
+          }
           dataset-id="${metadata.uniqueIdentifier}"
           aggregation="${aggregation}"
           x-property="${xProperty}"
@@ -65,7 +71,12 @@ export class DataViewWebComponentComponent {
           api-url="${new URL(
             this.config.basePath,
             window.location.origin
-          ).toString()}"
+          ).toString()}"${
+            this.proxyPath
+              ? `
+          proxy-path="${this.proxyPath}"`
+              : ''
+          }
           dataset-id="${metadata.uniqueIdentifier}"
           primary-color="#0f4395"
           secondary-color="#8bc832"
@@ -82,7 +93,12 @@ export class DataViewWebComponentComponent {
         api-url="${new URL(
           this.config.basePath,
           window.location.origin
-        ).toString()}"
+        ).toString()}"${
+          this.proxyPath
+            ? `
+        proxy-path="${this.proxyPath}"`
+            : ''
+        }
         dataset-id="${metadata.uniqueIdentifier}"
         primary-color="#0f4395"
         secondary-color="#8bc832"
@@ -97,6 +113,9 @@ export class DataViewWebComponentComponent {
 
   constructor(
     @Inject(Configuration) private config: Configuration,
+    @Optional()
+    @Inject(PROXY_PATH)
+    private proxyPath: string,
     private facade: MdViewFacade
   ) {}
 }

package/src/libs/feature/record/src/lib/stac-view/stac-view.component.css

@@ -0,0 +1,3 @@
+:host {
+  --gn-ui-button-padding: 7px 8px;
+}

package/src/libs/feature/record/src/lib/stac-view/stac-view.component.html

@@ -0,0 +1,68 @@
+<div class="mt-6 bg-white border border-gray-300 overflow-hidden rounded-lg">
+  <div
+    class="w-full min-h-[366px] flex md:flex-row flex-col border-b border-gray-300"
+  >
+    <div class="md:w-1/2 w-full flex-1 flex flex-col">
+      <gn-ui-date-range-inputs
+        [temporalExtent]="currentTemporalExtent$ | async"
+        (temporalExtentChange)="onTemporalExtentChange($event)"
+      ></gn-ui-date-range-inputs>
+
+      <div class="mt-auto mb-8 mx-8" *ngIf="isFilterModified">
+        <gn-ui-button
+          id="reset-filters-button"
+          type="light"
+          (buttonClick)="onResetFilters()"
+        >
+          <span translate>stac.filter.reset</span>
+          <ng-icon name="matDeleteOutline" class="ml-2"></ng-icon>
+        </gn-ui-button>
+      </div>
+    </div>
+
+    <div class="md:w-1/2 w-full min-h-[280px] flex items-center justify-center">
+      <span>Map...</span>
+    </div>
+  </div>
+  <div
+    class="relative mx-5 my-[30px] min-h-[274px] flex items-center justify-center flex-col"
+  >
+    <!-- Keep grid outside ngIf to keep items$ observable alive -->
+    <gn-ui-stac-items-result-grid
+      [items]="items$ | async"
+    ></gn-ui-stac-items-result-grid>
+    <div
+      *ngIf="(items$ | async)?.length > 0; else noResultsOrError"
+      class="mt-[20px] mx-auto flex justify-center"
+    >
+      <gn-ui-previous-next-buttons
+        [listComponent]="this"
+        [displayLabels]="true"
+      ></gn-ui-previous-next-buttons>
+    </div>
+    <ng-template #noResultsOrError>
+      <gn-ui-popup-alert
+        *ngIf="error"
+        type="warning"
+        icon="matErrorOutlineOutline"
+        class="absolute left-0 top-0 w-full block"
+      >
+        <span translate>{{ error }}</span>
+      </gn-ui-popup-alert>
+      <div
+        *ngIf="!error"
+        class="flex items-center justify-center flex-col h-full gap-[10px]"
+      >
+        <h2 class="text-center text-xl" translate>stac.results.noResults</h2>
+        <gn-ui-button
+          id="no-results-button"
+          type="secondary"
+          (buttonClick)="onResetFilters()"
+        >
+          <span translate>stac.filter.reset</span>
+          <ng-icon name="matDeleteOutline" class="ml-2"></ng-icon>
+        </gn-ui-button>
+      </div>
+    </ng-template>
+  </div>
+</div>