geonetwork-ui 2.6.0-dev.7be6567ef → 2.6.0-dev.9df114cd4

package/src/libs/ui/elements/src/lib/internal-link-card/internal-link-card.component.ts

@@ -0,0 +1,190 @@
+import {
+  Component,
+  Input,
+  TemplateRef,
+  OnInit,
+  Output,
+  EventEmitter,
+  ElementRef,
+} from '@angular/core'
+import {
+  CatalogRecord,
+  Organization,
+} from '../../../../../../libs/common/domain/src/lib/model/record'
+import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common'
+import { MarkdownParserComponent } from '../markdown-parser/markdown-parser.component'
+import { MetadataQualityComponent } from '../metadata-quality/metadata-quality.component'
+import { ThumbnailComponent } from '../thumbnail/thumbnail.component'
+import {
+  propagateToDocumentOnly,
+  removeWhitespace,
+  stripHtml,
+} from '../../../../../../libs/util/shared/src'
+import {
+  NgIconComponent,
+  provideIcons,
+  provideNgIconsConfig,
+} from '@ng-icons/core'
+import {
+  matLocationSearchingOutline,
+  matEmailOutline,
+  matPhoneOutline,
+  matLocationOnOutline,
+} from '@ng-icons/material-icons/outline'
+import { matCode } from '@ng-icons/material-icons/baseline'
+import { iconoirDatabase, iconoirMap, iconoirInternet } from '@ng-icons/iconoir'
+import { TranslateModule } from '@ngx-translate/core'
+import { marker } from '@biesbjerg/ngx-translate-extract-marker'
+import { fromEvent, Subscription } from 'rxjs'
+
+marker('record.kind.dataset')
+marker('record.kind.reuse')
+marker('record.kind.service')
+
+type CardSize = 'L' | 'M' | 'S' | 'XS'
+
+@Component({
+  selector: 'gn-ui-internal-link-card',
+  standalone: true,
+  imports: [
+    NgClass,
+    NgIf,
+    ThumbnailComponent,
+    MetadataQualityComponent,
+    NgTemplateOutlet,
+    NgIconComponent,
+    TranslateModule,
+    MarkdownParserComponent,
+  ],
+  providers: [
+    provideIcons({
+      matLocationSearchingOutline,
+      matCode,
+      iconoirDatabase,
+      iconoirMap,
+      iconoirInternet,
+      matEmailOutline,
+      matPhoneOutline,
+      matLocationOnOutline,
+    }),
+    provideNgIconsConfig({
+      size: '1.2em',
+    }),
+  ],
+  templateUrl: './internal-link-card.component.html',
+  styleUrls: ['./internal-link-card.component.css'],
+})
+export class InternalLinkCardComponent implements OnInit {
+  @Input() record: CatalogRecord
+  @Input() metadataQualityDisplay: boolean
+  @Input() favoriteTemplate: TemplateRef<{ $implicit: CatalogRecord }>
+  @Input() linkHref: string = null
+  @Input() isGeodata: boolean
+  @Input() set size(value: CardSize) {
+    this._size = value
+    this.cardClass = this.sizeClassMap[value] || ''
+    this.thumbnailContainerClass = this.thumbnailSizeClassMap[value] || 'hidden'
+  }
+  get size(): CardSize {
+    return this._size
+  }
+  @Output() mdSelect = new EventEmitter<CatalogRecord>()
+  subscription = new Subscription()
+
+  abstract: string
+
+  cardClass = ''
+  thumbnailContainerClass = ''
+
+  private _size: CardSize = 'M'
+
+  private readonly sizeClassMap: Record<CardSize, string> = {
+    L: 'min-h-[190px] md:w-[992px] py-3 px-3 flex items-start gap-5',
+    M: 'min-h-[140px] md:w-[570px] py-3 px-3 flex items-start gap-4',
+    S: 'min-h-[220px] md:w-[370px] py-3 px-3 flex gap-4',
+    XS: 'min-h-[108px] md:w-[570px] py-3 px-3 flex gap-4',
+  }
+
+  private readonly thumbnailSizeClassMap: Record<CardSize, string> = {
+    L: 'w-[190px] h-[180px] rounded-lg overflow-hidden shrink-0',
+    M: 'w-[110px] h-[140px] rounded-lg overflow-hidden shrink-0',
+    S: 'hidden',
+    XS: 'hidden',
+  }
+
+  private readonly titleClassMap: Record<CardSize, string> = {
+    L: 'text-xl line-clamp-2',
+    M: 'text-base line-clamp-2',
+    S: 'text-base line-clamp-3',
+    XS: 'text-base mt-3 line-clamp-2',
+  }
+
+  constructor(protected elementRef: ElementRef) {}
+
+  ngOnInit(): void {
+    this.abstract = removeWhitespace(stripHtml(this.record?.abstract))
+    this.subscription.add(
+      fromEvent(this.elementRef.nativeElement, 'click').subscribe(
+        (event: Event) => {
+          event.preventDefault()
+          propagateToDocumentOnly(event)
+          this.mdSelect.emit(this.record)
+        }
+      )
+    )
+  }
+
+  get organization(): Organization {
+    return this.record.ownerOrganization
+  }
+
+  get contacts() {
+    return (
+      (this.record.kind === 'dataset'
+        ? this.record.contactsForResource
+        : this.record.contacts) || []
+    )
+  }
+
+  getTitleClass() {
+    return (
+      this.titleClassMap[this._size] +
+        ' ' +
+        (this.record.ownerOrganization?.name ? '' : 'mt-3') || ''
+    )
+  }
+
+  openExternalUrl(event: Event, url: URL): void {
+    event.stopPropagation()
+    window.open(url, '_blank')
+  }
+
+  openMailto(event: Event, email: string): void {
+    event.stopPropagation()
+    window.open(`mailto:${email}`, '_blank')
+  }
+
+  copyToClipboard(event: Event, text: string): void {
+    event.stopPropagation()
+    navigator.clipboard.writeText(text)
+  }
+
+  get shouldShowThumbnail(): boolean {
+    return this.size === 'L' || this.size === 'M'
+  }
+
+  getKindInfo(): { text: string; icon: string } {
+    if (!this.record?.kind) return { text: '', icon: '' }
+
+    switch (this.record.kind.toLowerCase()) {
+      case 'dataset':
+        return { text: 'record.kind.dataset', icon: 'iconoirDatabase' }
+      case 'reuse':
+        return { text: 'record.kind.reuse', icon: 'iconoirMap' }
+      case 'service':
+        return { text: 'record.kind.service', icon: 'matCode' }
+      default:
+        return { text: '', icon: '' }
+    }
+  }
+}

package/src/libs/ui/elements/src/lib/metadata-quality/metadata-quality.component.html

@@ -1,7 +1,9 @@
-<div *ngIf="metadataQualityDisplay" class="mb-6 metadata-quality">
+<div *ngIf="metadataQualityDisplay" class="metadata-quality">
   <div
     class="flex items-center"
-    [class]="smaller ? 'leading-[8px] min-w-[120px]' : 'min-w-[200px]'"
+    [class]="
+      smaller ? 'leading-[8px] min-w-[120px] m-h-[120px]' : 'min-w-[200px]'
+    "
   >
     <gn-ui-progress-bar
       tabindex="0"

package/src/libs/ui/elements/src/lib/ui-elements.module.ts

@@ -20,6 +20,7 @@ import { ThumbnailComponent } from './thumbnail/thumbnail.component'
 import { TimeSincePipe } from './user-feedback-item/time-since.pipe'
 import { UserPreviewComponent } from './user-preview/user-preview.component'
 import { ApplicationBannerComponent } from './application-banner/application-banner.component'
+import { InternalLinkCardComponent } from './internal-link-card/internal-link-card.component'
 
 @NgModule({
   imports: [
@@ -42,6 +43,7 @@ import { ApplicationBannerComponent } from './application-banner/application-ban
     TextInputComponent,
     ImageInputComponent,
     ApplicationBannerComponent,
+    InternalLinkCardComponent,
   ],
   providers: [
     provideNgIconsConfig({
@@ -56,6 +58,7 @@ import { ApplicationBannerComponent } from './application-banner/application-ban
     MarkdownParserComponent,
     ImageInputComponent,
     ApplicationBannerComponent,
+    InternalLinkCardComponent,
   ],
 })
 export class UiElementsModule {}

package/src/libs/ui/inputs/src/index.ts

@@ -15,7 +15,6 @@ export * from './lib/dropdown-selector/dropdown-selector.model'
 export * from './lib/editable-label/editable-label.directive'
 export * from './lib/file-input/file-input.component'
 export * from './lib/files-drop/files-drop.directive'
-export * from './lib/navigation-button/navigation-button.component'
 export * from './lib/search-input/search-input.component'
 export * from './lib/star-toggle/star-toggle.component'
 export * from './lib/switch-toggle/switch-toggle.component'

package/src/libs/ui/inputs/src/lib/star-toggle/star-toggle.component.html

@@ -1,17 +1,17 @@
 <div class="inline-block relative align-middle" style="line-height: 0.7em">
-  <button
-    type="button"
+  <gn-ui-button
+    [type]="'outline'"
     class="-m-[8px] p-[8px]"
-    (click)="toggle($event)"
+    (buttonClick)="toggle($event)"
     [ngClass]="{
       enabled: toggled,
-      'disabled opacity-45': !toggled,
+      disabled: !toggled,
       'transition hover:scale-125 will-change-transform': !disabled,
       'cursor-default': disabled,
     }"
   >
     <ng-icon [name]="toggled ? 'matStar' : 'matStarBorder'"></ng-icon>
-  </button>
+  </gn-ui-button>
   <svg
     #starOverlay
     class="star-toggle-overlay"

package/src/libs/ui/inputs/src/lib/star-toggle/star-toggle.component.ts

@@ -11,6 +11,7 @@ import { propagateToDocumentOnly } from '../../../../../../libs/util/shared/src'
 import { NgIcon, provideIcons } from '@ng-icons/core'
 import { CommonModule } from '@angular/common'
 import { matStar, matStarBorder } from '@ng-icons/material-icons/baseline'
+import { ButtonComponent } from '../button/button.component'
 
 @Component({
   selector: 'gn-ui-star-toggle',
@@ -18,7 +19,7 @@ import { matStar, matStarBorder } from '@ng-icons/material-icons/baseline'
   styleUrls: ['./star-toggle.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [CommonModule, NgIcon],
+  imports: [CommonModule, NgIcon, ButtonComponent],
   viewProviders: [provideIcons({ matStar, matStarBorder })],
 })
 export class StarToggleComponent {

package/src/libs/ui/layout/src/lib/anchor-link/anchor-link.directive.ts

@@ -1,4 +1,5 @@
 import {
+  AfterViewChecked,
   ChangeDetectorRef,
   Directive,
   HostBinding,
@@ -11,20 +12,34 @@ import {
 @Directive({
   selector: '[gnUiAnchorLink]',
 })
-export class AnchorLinkDirective implements OnInit, OnDestroy {
+export class AnchorLinkDirective
+  implements OnInit, AfterViewChecked, OnDestroy
+{
   @Input('gnUiAnchorLink') targetId: string
   @Input('gnUiAnchorLinkDisabledClass') disabledClass: string
   @Input('gnUiAnchorLinkEnabledClass') enabledClass: string
+  @Input('gnUiAnchorLinkInViewClass') inViewClass: string
+  @Input('gnUiAnchorLinkOutOfViewClass') outOfViewClass: string
 
   @HostBinding('class')
   get elementClass(): string {
-    return this.disabled ? this.disabledClass : this.enabledClass
+    if (this.disabled) {
+      return this.disabledClass
+    }
+    if (this.inView) {
+      return `${this.inViewClass} ${this.enabledClass}`
+    } else {
+      return `${this.outOfViewClass} ${this.enabledClass}`
+    }
   }
 
   disabled = false
   observer = new MutationObserver(() => {
     this.refreshDisabledState()
   })
+  inView = false
+  intersectionObserver: IntersectionObserver
+  initialized = false
 
   constructor(private changeDetector: ChangeDetectorRef) {}
 
@@ -36,8 +51,37 @@ export class AnchorLinkDirective implements OnInit, OnDestroy {
     this.refreshDisabledState()
   }
 
+  ngAfterViewChecked() {
+    if (!this.initialized && !this.disabled) {
+      const target = document.getElementById(this.targetId)
+      if (target) {
+        this.initializeIntersectionObserver(target)
+        this.initialized = true
+      }
+    }
+  }
+
+  initializeIntersectionObserver(target: HTMLElement) {
+    this.intersectionObserver = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          this.inView = entry.isIntersecting
+          this.changeDetector.detectChanges()
+        })
+      },
+      {
+        root: null,
+        rootMargin: '-30% 0% -60% 0%',
+      }
+    )
+    this.intersectionObserver.observe(target)
+  }
+
   ngOnDestroy() {
     this.observer.disconnect()
+    if (this.intersectionObserver) {
+      this.intersectionObserver.disconnect()
+    }
   }
 
   refreshDisabledState() {

package/src/libs/ui/widgets/src/lib/progress-bar/progress-bar.component.html

@@ -8,11 +8,11 @@
       >
         {{ progress }}%
       </div>
-      <div class="flex-grow h-[6px] w-full {{ color.outerBar }} rounded-full">
+      <div class="flex-grow h-[4px] w-[52px] {{ color.outerBar }} rounded-full">
         <div
           [style.width.%]="progress"
           class="{{ color.innerBar }} transition-width duration-500
-               ease-in-out rounded-full shadow-sm h-full"
+               ease-in-out rounded-full shadow-sm w-[52px] h-[4px]"
         ></div>
       </div>
     </div>

package/tailwind.base.css

@@ -66,15 +66,20 @@
   /* this is a base class, do not use it directly */
   .gn-ui-btn {
     --rounded: var(--gn-ui-button-rounded, 0.25em);
+    --border-width: var(--gn-ui-button-border-width, 1px);
     --padding: var(--gn-ui-button-padding, 1em);
     --width: var(--gn-ui-button-width, auto);
     --height: var(--gn-ui-button-height, auto);
-    --background: var(--gn-ui-button-background, --color-background);
+    --background: var(--gn-ui-button-background, var(--color-background));
+    --bg-hover: var(--gn-ui-button-bg-hover, var(--color-background));
     --font-size: var(--gn-ui-button-font-size, 1em);
+    --color: var(--gn-ui-button-color, var(--color-main));
     @apply flex flex-row items-center justify-center
       text-[length:--font-size] leading-none
+      text-[color:--color]
       p-[--padding] rounded-[--rounded] w-[--width] h-[--height] overflow-hidden
-      bg-[--background] transition-all duration-100
+      border-[length:--border-width] bg-[--background] transition-all duration-100
+      hover:bg-[--bg-hover] focus:bg-[--bg-hover] active:bg-[--background]
       outline-none
       relative
       disabled:opacity-50 disabled:pointer-events-none
@@ -90,43 +95,43 @@
   .gn-ui-btn-default {
     @apply gn-ui-btn text-white
       bg-gray-700 hover:bg-gray-800 active:bg-gray-900
-      border border-gray-700 focus:ring-4 focus:ring-gray-200;
+      border-gray-700 focus:ring-4 focus:ring-gray-200;
   }
 
   .gn-ui-btn-primary {
     @apply gn-ui-btn text-white
       bg-primary hover:bg-primary-darker focus:bg-primary-darker active:bg-primary-darkest
-      border border-primary focus:ring-4 focus:ring-primary-lightest;
+      border-primary focus:ring-4 focus:ring-primary-lightest;
   }
 
   .gn-ui-btn-secondary {
     @apply gn-ui-btn text-white
       bg-secondary hover:bg-secondary-darker focus:bg-secondary-darker active:bg-secondary-darkest
-      border border-secondary focus:ring-4 focus:ring-secondary-lightest;
+      border-secondary focus:ring-4 focus:ring-secondary-lightest;
   }
 
   .gn-ui-btn-gray {
     @apply gn-ui-btn text-black
     bg-gray-100 hover:bg-gray-200 focus:bg-gray-200 active:bg-gray-300
-    border border-gray-100 focus:ring-4 focus:ring-gray-50;
+    border-gray-100 focus:ring-4 focus:ring-gray-50;
   }
 
   .gn-ui-btn-black {
     @apply gn-ui-btn text-white
     bg-black hover:bg-gray-950 focus:bg-gray-950 active:bg-gray-900
-    border border-black focus:ring-4 focus:ring-gray-300;
+    border-black focus:ring-4 focus:ring-gray-300;
   }
 
   .gn-ui-btn-outline {
-    @apply gn-ui-btn text-main
+    @apply gn-ui-btn
     hover:text-primary-darker focus:text-primary-darker active:text-primary-black
-    border border-gray-300 hover:border-primary-lighter focus:border-primary-lighter focus:ring-4 focus:ring-primary-lightest active:border-primary-darker;
+    border-gray-300 hover:border-primary-lighter focus:border-primary-lighter focus:ring-4 focus:ring-primary-lightest active:border-primary-darker;
   }
 
   .gn-ui-btn-light {
-    @apply gn-ui-btn text-main
+    @apply gn-ui-btn
       hover:bg-gray-50 focus:bg-gray-50 active:bg-gray-100
-      border border-white focus:ring-4 focus:ring-gray-300;
+      border-white focus:ring-4 focus:ring-gray-300;
   }
 
   .gn-ui-card-xs {

package/translations/de.json

@@ -1,6 +1,7 @@
 {
   "": "",
   "Add Layer As": "",
+  "Enter to search": "",
   "button.login": "",
   "catalog.figures.datasets": "{count, plural, =0{Datensätze} one{Datensatz} other{Datensätze}}",
   "catalog.figures.organizations": "{count, plural, =0{Organisationen} one{Organisation} other{Organisationen}}",
@@ -62,7 +63,6 @@
   "datahub.news.contact.title": "Ein spezielles Bedürfnis?",
   "datahub.news.feed": "Nachrichtenfeed",
   "datahub.news.figures": "Indikatoren",
-  "datahub.record.addToFavorites": "Zu Favoriten hinzufügen",
   "datahub.search.back": "Zurück",
   "datahub.search.filter.all": "Alle",
   "datahub.search.filter.generatedByAPI": "Generiert durch eine API",
@@ -72,6 +72,7 @@
   "dataset.error.http": "Die Daten konnten aufgrund eines HTTP-Fehlers nicht geladen werden: \"{ info }\"",
   "dataset.error.network": "Die Daten konnten aufgrund eines Netzwerkfehlers oder CORS-Beschränkungen nicht geladen werden: \"{ info }\"",
   "dataset.error.parse": "Die Daten wurden geladen, konnten aber nicht gelesen werden: \"{ info }\"",
+  "dataset.error.restrictedAccess": "",
   "dataset.error.unknown": "Die Daten können nicht angezeigt werden: \"{ info }\"",
   "dataset.error.unsupportedType": "Der folgende Inhaltstyp wird nicht unterstützt: \"{ info }\"",
   "domain.contact.role.author": "",
@@ -331,6 +332,7 @@
   "map.wms.urlInput.hint": "Geben Sie die WMS URL ein",
   "multiselect.filter.placeholder": "Suche",
   "nav.back": "Zurück",
+  "navbar.mobile.menuTitle": "Schnellzugriff",
   "next": "weiter",
   "ogc.unreachable.unknown": "Der Dienst konnte nicht erreicht werden",
   "organisation.filter.placeholder": "Ergebnisse filtern",
@@ -354,8 +356,12 @@
   "record.action.duplicating": "",
   "record.action.rollback": "",
   "record.action.view": "Anzeigen",
+  "record.card.metadata.contact": "",
   "record.externalViewer.open": "In externem Kartenviewer öffnen",
   "record.feature.limit": "Die Vorschau wurde aufgrund zu vieler Elemente deaktiviert",
+  "record.kind.dataset": "",
+  "record.kind.reuse": "",
+  "record.kind.service": "",
   "record.metadata.about": "Beschreibung",
   "record.metadata.api": "API",
   "record.metadata.api.form.closeButton": "Schließen",
@@ -389,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "",
   "record.metadata.api.form.zoneTooltip": "",
   "record.metadata.api.gpfdl": "",
+  "record.metadata.capabilities": "",
   "record.metadata.catalog": "Katalog",
   "record.metadata.contact": "Kontakt",
   "record.metadata.creation": "Erstellungsdatum",

package/translations/en.json

@@ -1,6 +1,7 @@
 {
   "": "",
   "Add Layer As": "",
+  "Enter to search": "",
   "button.login": "Log in",
   "catalog.figures.datasets": "{count, plural, =0{datasets} one{dataset} other{datasets}}",
   "catalog.figures.organizations": "{count, plural, =0{organizations} one{organization} other{organizations}}",
@@ -62,7 +63,6 @@
   "datahub.news.contact.title": "A specific need?",
   "datahub.news.feed": "News feed",
   "datahub.news.figures": "Indicators",
-  "datahub.record.addToFavorites": "Add to favorites",
   "datahub.search.back": "Back",
   "datahub.search.filter.all": "All",
   "datahub.search.filter.generatedByAPI": "Generated by an API",
@@ -72,6 +72,7 @@
   "dataset.error.http": "The data could not be loaded because of an HTTP error: \"{ info }\"",
   "dataset.error.network": "The data could not be loaded because of a network error or CORS limitations: \"{ info }\"",
   "dataset.error.parse": "The data was loaded but could not be parsed: \"{ info }\"",
+  "dataset.error.restrictedAccess": "Access to this resource is restricted",
   "dataset.error.unknown": "The data cannot be displayed: \"{ info }\"",
   "dataset.error.unsupportedType": "The following content type is unsupported: \"{ info }\"",
   "domain.contact.role.author": "Author",
@@ -331,6 +332,7 @@
   "map.wms.urlInput.hint": "Enter WMS service URL",
   "multiselect.filter.placeholder": "Search",
   "nav.back": "Back",
+  "navbar.mobile.menuTitle": "Quick access",
   "next": "Next",
   "ogc.unreachable.unknown": "The service could not be reached",
   "organisation.filter.placeholder": "Filter results",
@@ -354,8 +356,12 @@
   "record.action.duplicating": "Duplicating...",
   "record.action.rollback": "Rollback",
   "record.action.view": "View",
+  "record.card.metadata.contact": "Metadata Contact",
   "record.externalViewer.open": "Open in the external map viewer",
   "record.feature.limit": "Preview disabled due to too many elements",
+  "record.kind.dataset": "Data",
+  "record.kind.reuse": "Reuse",
+  "record.kind.service": "Service",
   "record.metadata.about": "Description",
   "record.metadata.api": "API",
   "record.metadata.api.form.closeButton": "Close",
@@ -389,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "Zone",
   "record.metadata.api.form.zoneTooltip": "Dropdown for selecting a geographic zone",
   "record.metadata.api.gpfdl": "Data download",
+  "record.metadata.capabilities": "",
   "record.metadata.catalog": "Catalog",
   "record.metadata.contact": "Contact",
   "record.metadata.creation": "Date of creation",

package/translations/es.json

@@ -1,6 +1,7 @@
 {
   "": "",
   "Add Layer As": "",
+  "Enter to search": "",
   "button.login": "",
   "catalog.figures.datasets": "conjuntos de datos",
   "catalog.figures.organizations": "organizaciones",
@@ -62,7 +63,6 @@
   "datahub.news.contact.title": "",
   "datahub.news.feed": "",
   "datahub.news.figures": "",
-  "datahub.record.addToFavorites": "",
   "datahub.search.back": "",
   "datahub.search.filter.all": "",
   "datahub.search.filter.generatedByAPI": "",
@@ -72,6 +72,7 @@
   "dataset.error.http": "",
   "dataset.error.network": "",
   "dataset.error.parse": "",
+  "dataset.error.restrictedAccess": "",
   "dataset.error.unknown": "",
   "dataset.error.unsupportedType": "",
   "domain.contact.role.author": "",
@@ -331,6 +332,7 @@
   "map.wms.urlInput.hint": "",
   "multiselect.filter.placeholder": "",
   "nav.back": "",
+  "navbar.mobile.menuTitle": "Acceso rápido",
   "next": "",
   "ogc.unreachable.unknown": "",
   "organisation.filter.placeholder": "",
@@ -354,8 +356,12 @@
   "record.action.duplicating": "",
   "record.action.rollback": "",
   "record.action.view": "",
+  "record.card.metadata.contact": "",
   "record.externalViewer.open": "",
   "record.feature.limit": "",
+  "record.kind.dataset": "",
+  "record.kind.reuse": "",
+  "record.kind.service": "",
   "record.metadata.about": "",
   "record.metadata.api": "",
   "record.metadata.api.form.closeButton": "",
@@ -389,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "",
   "record.metadata.api.form.zoneTooltip": "",
   "record.metadata.api.gpfdl": "",
+  "record.metadata.capabilities": "",
   "record.metadata.catalog": "",
   "record.metadata.contact": "",
   "record.metadata.creation": "",

package/translations/fr.json

@@ -1,6 +1,7 @@
 {
   "": "",
   "Add Layer As": "",
+  "Enter to search": "",
   "button.login": "Se connecter",
   "catalog.figures.datasets": "{count, plural, =0{données} one{donnée} other{données}}",
   "catalog.figures.organizations": "{count, plural, =0{organisations} one{organisation} other{organisations}}",
@@ -62,7 +63,6 @@
   "datahub.news.contact.title": "Un besoin spécifique ?",
   "datahub.news.feed": "Fil d'activité",
   "datahub.news.figures": "Quelques chiffres",
-  "datahub.record.addToFavorites": "Ajouter aux favoris",
   "datahub.search.back": "Retour",
   "datahub.search.filter.all": "Tous",
   "datahub.search.filter.generatedByAPI": "généré par une API",
@@ -72,6 +72,7 @@
   "dataset.error.http": "Le chargement des données a échoué en raison d'une erreur HTTP: \"{ info }\"",
   "dataset.error.network": "Le chargement des données a échoué en raison d'une erreur réseau ou de limitations CORS: \"{ info }\"",
   "dataset.error.parse": "Les données ont été chargées mais leur décodage a échoué: \"{ info }\"",
+  "dataset.error.restrictedAccess": "L’accès à cette ressource est restreint",
   "dataset.error.unknown": "Les données ne peuvent être affichées: \"{ info }\"",
   "dataset.error.unsupportedType": "Le type de contenu suivant n'est pas pris en charge: \"{ info }\"",
   "domain.contact.role.author": "Auteur",
@@ -331,6 +332,7 @@
   "map.wms.urlInput.hint": "Entrez l'URL du service WMS",
   "multiselect.filter.placeholder": "Rechercher",
   "nav.back": "Retour",
+  "navbar.mobile.menuTitle": "Navigation rapide",
   "next": "Suivant",
   "ogc.unreachable.unknown": "Le service n'est pas accessible",
   "organisation.filter.placeholder": "Filtrer les résultats",
@@ -354,9 +356,13 @@
   "record.action.duplicating": "Duplication...",
   "record.action.rollback": "Restaurer",
   "record.action.view": "Voir",
+  "record.card.metadata.contact": "Contact de la métadonnée ",
   "record.externalViewer.open": "Ouvrir dans le visualiseur externe",
   "record.feature.limit": "L’aperçu a été désactivé en raison d’un trop grand nombre d'éléments",
-  "record.metadata.about": "Description",
+  "record.kind.dataset": "Donnée",
+  "record.kind.reuse": "Réutilisation",
+  "record.kind.service": "Service",
+  "record.metadata.about": "A propos",
   "record.metadata.api": "API",
   "record.metadata.api.form.closeButton": "Fermer",
   "record.metadata.api.form.closeForm": "Fermer le panneau de personnalisation",
@@ -389,6 +395,7 @@
   "record.metadata.api.form.zoneTitle": "Zone",
   "record.metadata.api.form.zoneTooltip": "Menu déroulant pour sélectionner une zone géographique",
   "record.metadata.api.gpfdl": "Téléchargement",
+  "record.metadata.capabilities": "Capacités du service",
   "record.metadata.catalog": "Catalogue",
   "record.metadata.contact": "Contact",
   "record.metadata.creation": "Date de création",
@@ -398,7 +405,7 @@
   "record.metadata.keywords": "Mots-clés",
   "record.metadata.languages": "Langues",
   "record.metadata.lastUpdate": "Mis à jour le {date}",
-  "record.metadata.links": "Liens",
+  "record.metadata.links": "Ressources & liens",
   "record.metadata.noUsage": "Aucune condition d'utilisation spécifiée pour ces données",
   "record.metadata.otherConstraints": "Limitations d'usage",
   "record.metadata.owner": "Catalogue d'origine",