From b3c6e02ff4512f1d57c1fd81309f3f7e2b6a1383 Mon Sep 17 00:00:00 2001
From: Romuald Caplier <romuald.caplier@camptocamp.com>
Date: Thu, 20 Jun 2024 14:18:51 +0200
Subject: [PATCH] feature(metadata-editor): added FormFieldOverviews component
 to the FormFieldComponent.

---
 .../src/lib/+state/editor.selectors.spec.ts   |  4 ++
 .../overview-upload.component.html            |  1 +
 .../overview-upload.component.ts              | 25 ++++++++++++
 .../form-field-overviews.component.css        |  0
 .../form-field-overviews.component.html       |  5 +++
 .../form-field-overviews.component.spec.ts    | 40 +++++++++++++++++++
 .../form-field-overviews.component.ts         | 22 ++++++++++
 .../form-field/form-field.component.html      |  6 +++
 .../form-field/form-field.component.spec.ts   | 36 ++++++++++++++++-
 .../form-field/form-field.component.ts        | 14 ++++++-
 libs/feature/editor/src/lib/fields.config.ts  |  7 ++++
 .../image-input/image-input.component.html    |  1 +
 .../lib/image-input/image-input.component.ts  |  3 ++
 translations/de.json                          | 12 +++---
 translations/en.json                          | 12 +++---
 translations/es.json                          | 12 +++---
 translations/fr.json                          | 12 +++---
 translations/it.json                          | 12 +++---
 translations/nl.json                          | 12 +++---
 translations/pt.json                          | 12 +++---
 translations/sk.json                          | 12 +++---
 21 files changed, 210 insertions(+), 50 deletions(-)
 create mode 100644 libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.css
 create mode 100644 libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.html
 create mode 100644 libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.spec.ts
 create mode 100644 libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.ts

diff --git a/libs/feature/editor/src/lib/+state/editor.selectors.spec.ts b/libs/feature/editor/src/lib/+state/editor.selectors.spec.ts
index 0d61773f97..7052491537 100644
--- a/libs/feature/editor/src/lib/+state/editor.selectors.spec.ts
+++ b/libs/feature/editor/src/lib/+state/editor.selectors.spec.ts
@@ -93,6 +93,10 @@ describe('Editor Selectors', () => {
           },
           {
             config: DEFAULT_FIELDS[8],
+            value: DATASET_RECORDS[0].overviews,
+          },
+          {
+            config: DEFAULT_FIELDS[9],
             value: DATASET_RECORDS[0].keywords,
           },
         ])
diff --git a/libs/feature/editor/src/lib/components/overview-upload/overview-upload.component.html b/libs/feature/editor/src/lib/components/overview-upload/overview-upload.component.html
index 54da3e35a7..78ac6cee4f 100644
--- a/libs/feature/editor/src/lib/components/overview-upload/overview-upload.component.html
+++ b/libs/feature/editor/src/lib/components/overview-upload/overview-upload.component.html
@@ -2,6 +2,7 @@
   [maxSizeMB]="5"
   [previewUrl]="resourceUrl"
   [altText]="imageAltText"
+  [formControl]="formControl"
   (fileChange)="handleFileChange($event)"
   (urlChange)="handleUrlChange($event)"
   (delete)="handleDelete()"
diff --git a/libs/feature/editor/src/lib/components/overview-upload/overview-upload.component.ts b/libs/feature/editor/src/lib/components/overview-upload/overview-upload.component.ts
index 66535d5533..ed5c3221fe 100644
--- a/libs/feature/editor/src/lib/components/overview-upload/overview-upload.component.ts
+++ b/libs/feature/editor/src/lib/components/overview-upload/overview-upload.component.ts
@@ -2,12 +2,16 @@ import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
+  EventEmitter,
   Input,
   OnInit,
+  Output,
 } from '@angular/core'
 import { CommonModule } from '@angular/common'
 import { RecordsApiService } from '@geonetwork-ui/data-access/gn4'
 import { UiInputsModule } from '@geonetwork-ui/ui/inputs'
+import { FormControl } from '@angular/forms'
+import { GraphicOverview } from '@geonetwork-ui/common/domain/model/record'
 
 @Component({
   selector: 'gn-ui-overview-upload',
@@ -19,6 +23,8 @@ import { UiInputsModule } from '@geonetwork-ui/ui/inputs'
 })
 export class OverviewUploadComponent implements OnInit {
   @Input() metadataUuid: string
+  @Input() formControl!: FormControl
+  @Output() overViewChange = new EventEmitter<GraphicOverview | null>()
 
   imageAltText: string
   resourceUrl: string
@@ -34,6 +40,10 @@ export class OverviewUploadComponent implements OnInit {
       .subscribe((resources) => {
         this.imageAltText = resources[0]?.filename
         this.resourceUrl = resources[0]?.url
+
+        this.resourceUrl = this.formControl.value?.[0]?.url.href
+        this.imageAltText = this.formControl.value?.[0]?.description
+
         this.cd.markForCheck()
       })
   }
@@ -44,6 +54,12 @@ export class OverviewUploadComponent implements OnInit {
       .subscribe((resource) => {
         this.imageAltText = resource.filename
         this.resourceUrl = resource.url
+
+        this.overViewChange.emit({
+          url: new URL(resource.url),
+          description: resource.filename,
+        })
+
         this.cd.markForCheck()
       })
   }
@@ -54,6 +70,12 @@ export class OverviewUploadComponent implements OnInit {
       .subscribe((resource) => {
         this.imageAltText = resource.filename
         this.resourceUrl = resource.url
+
+        this.overViewChange.emit({
+          url: new URL(resource.url),
+          description: resource.filename,
+        })
+
         this.cd.markForCheck()
       })
   }
@@ -64,6 +86,9 @@ export class OverviewUploadComponent implements OnInit {
       .subscribe(() => {
         this.imageAltText = null
         this.resourceUrl = null
+
+        this.overViewChange.emit(null)
+
         this.cd.markForCheck()
       })
   }
diff --git a/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.css b/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.css
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.html b/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.html
new file mode 100644
index 0000000000..e59778fe32
--- /dev/null
+++ b/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.html
@@ -0,0 +1,5 @@
+<gn-ui-overview-upload
+  [metadataUuid]="metadataUuid"
+  [formControl]="control"
+  (overViewChange)="handleOverViewChange($event)"
+></gn-ui-overview-upload>
diff --git a/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.spec.ts b/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.spec.ts
new file mode 100644
index 0000000000..95021ce4f5
--- /dev/null
+++ b/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.spec.ts
@@ -0,0 +1,40 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing'
+
+import { FormFieldOverviewsComponent } from './form-field-overviews.component'
+import { HttpClientTestingModule } from '@angular/common/http/testing'
+import { TranslateModule } from '@ngx-translate/core'
+import { FormControl } from '@angular/forms'
+
+describe('FormFieldOverviewsComponent', () => {
+  let component: FormFieldOverviewsComponent
+  let fixture: ComponentFixture<FormFieldOverviewsComponent>
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        FormFieldOverviewsComponent,
+        HttpClientTestingModule,
+        TranslateModule.forRoot(),
+      ],
+    }).compileComponents()
+
+    fixture = TestBed.createComponent(FormFieldOverviewsComponent)
+    component = fixture.componentInstance
+    component.metadataUuid = '8505d991-e38f-4704-a47a-e7d335dfbef5'
+    const control = new FormControl()
+    control.setValue([
+      {
+        description: 'doge.jpg',
+        url: new URL(
+          'http://localhost:8080/geonetwork/srv/api/0.1/records/8505d991-e38f-4704-a47a-e7d335dfbef5/attachments/doge.jpg'
+        ),
+      },
+    ])
+    component.control = control
+    fixture.detectChanges()
+  })
+
+  it('should create', () => {
+    expect(component).toBeTruthy()
+  })
+})
diff --git a/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.ts b/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.ts
new file mode 100644
index 0000000000..88af229862
--- /dev/null
+++ b/libs/feature/editor/src/lib/components/record-form/form-field/form-field-overviews/form-field-overviews.component.ts
@@ -0,0 +1,22 @@
+import { CommonModule } from '@angular/common'
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
+import { OverviewUploadComponent } from '../../../overview-upload/overview-upload.component'
+import { FormControl } from '@angular/forms'
+import { GraphicOverview } from '@geonetwork-ui/common/domain/model/record'
+
+@Component({
+  selector: 'gn-ui-form-field-overviews',
+  templateUrl: './form-field-overviews.component.html',
+  styleUrls: ['./form-field-overviews.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, OverviewUploadComponent],
+})
+export class FormFieldOverviewsComponent {
+  @Input() metadataUuid: string
+  @Input() control!: FormControl
+
+  handleOverViewChange(overView: GraphicOverview | null) {
+    this.control.setValue(overView ? [overView] : [])
+  }
+}
diff --git a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.html b/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.html
index 98f8503d27..56fd8d252a 100644
--- a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.html
+++ b/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.html
@@ -76,6 +76,12 @@
   <ng-container *ngIf="isSpatialExtentField">
     <gn-ui-form-field-spatial-extent></gn-ui-form-field-spatial-extent>
   </ng-container>
+  <ng-container *ngIf="isGraphicOverview">
+    <gn-ui-form-field-overviews
+      [control]="formControl"
+      [metadataUuid]="metadataUuid$ | async"
+    ></gn-ui-form-field-overviews>
+  </ng-container>
   <ng-container *ngIf="isKeywords">
     <gn-ui-form-field-keywords
       [control]="formControl"
diff --git a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.spec.ts b/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.spec.ts
index aa81387dba..621b5f50f4 100644
--- a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.spec.ts
+++ b/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.spec.ts
@@ -10,6 +10,16 @@ import { FormFieldSpatialExtentComponent } from './form-field-spatial-extent/for
 import { FormFieldUpdateFrequencyComponent } from './form-field-update-frequency/form-field-update-frequency.component'
 import { FormFieldComponent } from './form-field.component'
 import { FormFieldTemporalExtentsComponent } from './form-field-temporal-extents/form-field-temporal-extents.component'
+import { FormFieldOverviewsComponent } from './form-field-overviews/form-field-overviews.component'
+import { BehaviorSubject } from 'rxjs'
+import { EditorFacade } from '@geonetwork-ui/feature/editor'
+import { DATASET_RECORDS } from '@geonetwork-ui/common/fixtures'
+import { NO_ERRORS_SCHEMA } from '@angular/core'
+import { HttpClientTestingModule } from '@angular/common/http/testing'
+
+class EditorFacadeMock {
+  record$ = new BehaviorSubject(DATASET_RECORDS[0])
+}
 
 describe('FormFieldComponent', () => {
   let component: FormFieldComponent
@@ -17,7 +27,18 @@ describe('FormFieldComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [FormFieldComponent, TranslateModule.forRoot()],
+      imports: [
+        FormFieldComponent,
+        TranslateModule.forRoot(),
+        HttpClientTestingModule,
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        {
+          provide: EditorFacade,
+          useClass: EditorFacadeMock,
+        },
+      ],
     }).compileComponents()
 
     fixture = TestBed.createComponent(FormFieldComponent)
@@ -150,4 +171,17 @@ describe('FormFieldComponent', () => {
       expect(formField).toBeTruthy()
     })
   })
+  describe('overviews field', () => {
+    let formField
+    beforeEach(() => {
+      component.model = 'overviews'
+      fixture.detectChanges()
+      formField = fixture.debugElement.query(
+        By.directive(FormFieldOverviewsComponent)
+      ).componentInstance
+    })
+    it('creates an array form field', () => {
+      expect(formField).toBeTruthy()
+    })
+  })
 })
diff --git a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts b/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts
index 5077db478e..f55b225a1a 100644
--- a/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts
+++ b/libs/feature/editor/src/lib/components/record-form/form-field/form-field.component.ts
@@ -29,6 +29,9 @@ import { FormFieldConfig } from './form-field.model'
 import { FormFieldUpdateFrequencyComponent } from './form-field-update-frequency/form-field-update-frequency.component'
 import { CatalogRecordKeys } from '@geonetwork-ui/common/domain/model/record'
 import { FormFieldKeywordsComponent } from './form-field-keywords/form-field-keywords.component'
+import { FormFieldOverviewsComponent } from './form-field-overviews/form-field-overviews.component'
+import { map, take } from 'rxjs/operators'
+import { EditorFacade } from '../../../+state/editor.facade'
 
 @Component({
   selector: 'gn-ui-form-field',
@@ -55,6 +58,7 @@ import { FormFieldKeywordsComponent } from './form-field-keywords/form-field-key
     FormFieldArrayComponent,
     FormFieldKeywordsComponent,
     TranslateModule,
+    FormFieldOverviewsComponent,
   ],
 })
 export class FormFieldComponent {
@@ -69,9 +73,14 @@ export class FormFieldComponent {
 
   @ViewChild('titleInput') titleInput: ElementRef
 
+  metadataUuid$ = this.facade.record$.pipe(
+    take(1),
+    map((record) => record.uniqueIdentifier)
+  )
+
   formControl = new FormControl()
 
-  constructor() {
+  constructor(private facade: EditorFacade) {
     this.valueChange = this.formControl.valueChanges
   }
 
@@ -100,6 +109,9 @@ export class FormFieldComponent {
   get isSpatialExtentField() {
     return this.model === 'spatialExtents'
   }
+  get isGraphicOverview() {
+    return this.model === 'overviews'
+  }
   get isSimpleField() {
     return this.model === 'uniqueIdentifier' || this.model === 'recordUpdated'
   }
diff --git a/libs/feature/editor/src/lib/fields.config.ts b/libs/feature/editor/src/lib/fields.config.ts
index cda10b5196..8221924d2a 100644
--- a/libs/feature/editor/src/lib/fields.config.ts
+++ b/libs/feature/editor/src/lib/fields.config.ts
@@ -61,6 +61,13 @@ export const DEFAULT_FIELDS: EditorFieldsConfig = [
       type: 'list',
     },
   },
+  {
+    model: 'overviews',
+    formFieldConfig: {
+      labelKey: marker('editor.record.form.overviews'),
+      type: 'list',
+    },
+  },
   {
     model: 'keywords',
     formFieldConfig: {
diff --git a/libs/ui/inputs/src/lib/image-input/image-input.component.html b/libs/ui/inputs/src/lib/image-input/image-input.component.html
index ceeb82456a..5dbee9df05 100644
--- a/libs/ui/inputs/src/lib/image-input/image-input.component.html
+++ b/libs/ui/inputs/src/lib/image-input/image-input.component.html
@@ -20,6 +20,7 @@
       </gn-ui-button>
     </div>
     <input
+      [formControl]="formControl"
       *ngIf="showAltTextInput"
       type="text"
       class="py-3 px-2 border-2 border-gray-300 rounded-lg text-sm font-medium"
diff --git a/libs/ui/inputs/src/lib/image-input/image-input.component.ts b/libs/ui/inputs/src/lib/image-input/image-input.component.ts
index 87af56458f..e891f1498e 100644
--- a/libs/ui/inputs/src/lib/image-input/image-input.component.ts
+++ b/libs/ui/inputs/src/lib/image-input/image-input.component.ts
@@ -16,6 +16,7 @@ import { ButtonComponent } from '../button/button.component'
 import { FilesDropDirective } from '../files-drop/files-drop.directive'
 import { TranslateModule } from '@ngx-translate/core'
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
+import { FormControl, ReactiveFormsModule } from '@angular/forms'
 
 @Component({
   selector: 'gn-ui-image-input',
@@ -30,9 +31,11 @@ import { marker } from '@biesbjerg/ngx-translate-extract-marker'
     FilesDropDirective,
     MatProgressSpinnerModule,
     TranslateModule,
+    ReactiveFormsModule,
   ],
 })
 export class ImageInputComponent {
+  @Input() formControl!: FormControl
   @Input() maxSizeMB: number
   @Input() previewUrl?: string
   @Input() altText?: string
diff --git a/translations/de.json b/translations/de.json
index 9f00498867..2d17f5d662 100644
--- a/translations/de.json
+++ b/translations/de.json
@@ -2,7 +2,7 @@
   "Add Layer As": "",
   "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}}",
+  "catalog.figures.organisations": "",
   "chart.aggregation.average": "Durchschnitt",
   "chart.aggregation.count": "Anzahl",
   "chart.aggregation.max": "Maximum",
@@ -162,6 +162,7 @@
   "downloads.format.unknown": "unbekannt",
   "downloads.wfs.featuretype.not.found": "Der Layer wurde nicht gefunden",
   "dropFile": "Datei ablegen",
+  "editor.record.form.keywords": "",
   "editor.record.form.license": "Lizenz",
   "editor.record.form.license.cc-by": "",
   "editor.record.form.license.cc-by-sa": "",
@@ -172,6 +173,7 @@
   "editor.record.form.license.odc-by": "",
   "editor.record.form.license.pddl": "",
   "editor.record.form.license.unknown": "Unbekannt oder nicht vorhanden",
+  "editor.record.form.overviews": "Vorschau",
   "editor.record.form.resourceUpdated": "",
   "editor.record.form.temporalExtents": "",
   "editor.record.form.temporalExtents.addDate": "",
@@ -261,10 +263,8 @@
   "organisations.sortBy.nameDesc": "Name Z → A",
   "organisations.sortBy.recordCountAsc": "Veröffentlichungen 0 → 9",
   "organisations.sortBy.recordCountDesc": "Veröffentlichungen 9 → 0",
-  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
-  "organization.details.publishedDataset": "{count, plural, =0{} one{} other{}}",
   "organization.details.mailContact": "",
-  "organization.datasets": "",
+  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
   "organization.lastPublishedDatasets": "",
   "organization.lastPublishedDatasets.searchAllButton": "",
   "pagination.nextPage": "Nächste Seite",
@@ -364,11 +364,11 @@
   "results.sortBy.relevancy": "Relevanz",
   "search.autocomplete.error": "Vorschläge konnten nicht abgerufen werden:",
   "search.error.couldNotReachApi": "Die API konnte nicht erreicht werden",
+  "search.error.organizationHasNoDataset": "",
+  "search.error.organizationNotFound": "",
   "search.error.receivedError": "Ein Fehler ist aufgetreten",
   "search.error.recordHasnolink": "",
   "search.error.recordNotFound": "Der Datensatz mit der Kennung \"{ id }\" konnte nicht gefunden werden.",
-  "search.error.organizationNotFound": "",
-  "search.error.organizationHasNoDataset": "",
   "search.field.any.placeholder": "Suche Datensätze ...",
   "search.field.sortBy": "Sortieren nach:",
   "search.filters.clear": "Zurücksetzen",
diff --git a/translations/en.json b/translations/en.json
index fa459a2b12..5884ac7982 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -2,7 +2,7 @@
   "Add Layer As": "",
   "button.login": "Log in",
   "catalog.figures.datasets": "{count, plural, =0{datasets} one{dataset} other{datasets}}",
-  "catalog.figures.organizations": "{count, plural, =0{organisations} one{organisation} other{organisations}}",
+  "catalog.figures.organisations": "",
   "chart.aggregation.average": "average",
   "chart.aggregation.count": "count",
   "chart.aggregation.max": "max",
@@ -165,6 +165,7 @@
   "downloads.format.unknown": "unknown",
   "downloads.wfs.featuretype.not.found": "The layer was not found",
   "dropFile": "drop file",
+  "editor.record.form.keywords": "",
   "editor.record.form.license": "License",
   "editor.record.form.license.cc-by": "Creative Commons CC-BY",
   "editor.record.form.license.cc-by-sa": "Creative Commons CC-BY-SA",
@@ -175,6 +176,7 @@
   "editor.record.form.license.odc-by": "Open Data Commons ODC-By",
   "editor.record.form.license.pddl": "Open Data Commons PDDL",
   "editor.record.form.license.unknown": "Unknown or absent",
+  "editor.record.form.overviews": "Preview",
   "editor.record.form.resourceUpdated": "Last update date",
   "editor.record.form.temporalExtents": "Temporal extent",
   "editor.record.form.temporalExtents.addDate": "Time instant",
@@ -264,10 +266,8 @@
   "organisations.sortBy.nameDesc": "Name Z → A",
   "organisations.sortBy.recordCountAsc": "Publications 0 → 9",
   "organisations.sortBy.recordCountDesc": "Publications 9 → 0",
-  "organization.header.recordCount": "{count, plural, =0{data} one{data} other{datas}}",
-  "organization.details.publishedDataset": "{count, plural, =0{published dataset} one{published dataset} other{published datasets}}",
   "organization.details.mailContact": "Contact by email",
-  "organization.datasets": "Datasets",
+  "organization.header.recordCount": "{count, plural, =0{data} one{data} other{datas}}",
   "organization.lastPublishedDatasets": "Last published datasets",
   "organization.lastPublishedDatasets.searchAllButton": "Search all",
   "pagination.nextPage": "Next page",
@@ -367,11 +367,11 @@
   "results.sortBy.relevancy": "Relevancy",
   "search.autocomplete.error": "Suggestions could not be fetched:",
   "search.error.couldNotReachApi": "The API could not be reached",
+  "search.error.organizationHasNoDataset": "This organization has no dataset yet.",
+  "search.error.organizationNotFound": "This organization  could not be found.",
   "search.error.receivedError": "An error was received",
   "search.error.recordHasnolink": "This record currently has no link yet, please come back later.",
   "search.error.recordNotFound": "The record with identifier \"{ id }\" could not be found.",
-  "search.error.organizationNotFound": "This organization  could not be found.",
-  "search.error.organizationHasNoDataset": "This organization has no dataset yet.",
   "search.field.any.placeholder": "Search datasets ...",
   "search.field.sortBy": "Sort by:",
   "search.filters.clear": "Reset",
diff --git a/translations/es.json b/translations/es.json
index be5684fbba..afaacc4d57 100644
--- a/translations/es.json
+++ b/translations/es.json
@@ -2,7 +2,7 @@
   "Add Layer As": "",
   "button.login": "",
   "catalog.figures.datasets": "conjuntos de datos",
-  "catalog.figures.organizations": "organizaciones",
+  "catalog.figures.organisations": "",
   "chart.aggregation.average": "promedio",
   "chart.aggregation.count": "conteo",
   "chart.aggregation.max": "máximo",
@@ -162,6 +162,7 @@
   "downloads.format.unknown": "",
   "downloads.wfs.featuretype.not.found": "",
   "dropFile": "",
+  "editor.record.form.keywords": "",
   "editor.record.form.license": "",
   "editor.record.form.license.cc-by": "",
   "editor.record.form.license.cc-by-sa": "",
@@ -172,6 +173,7 @@
   "editor.record.form.license.odc-by": "",
   "editor.record.form.license.pddl": "",
   "editor.record.form.license.unknown": "",
+  "editor.record.form.overviews": "",
   "editor.record.form.resourceUpdated": "",
   "editor.record.form.temporalExtents": "",
   "editor.record.form.temporalExtents.addDate": "",
@@ -261,10 +263,8 @@
   "organisations.sortBy.nameDesc": "",
   "organisations.sortBy.recordCountAsc": "",
   "organisations.sortBy.recordCountDesc": "",
-  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
-  "organization.details.publishedDataset": "{count, plural, =0{} one{} other{{}}",
   "organization.details.mailContact": "",
-  "organization.datasets": "",
+  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
   "organization.lastPublishedDatasets": "",
   "organization.lastPublishedDatasets.searchAllButton": "",
   "pagination.nextPage": "",
@@ -364,11 +364,11 @@
   "results.sortBy.relevancy": "",
   "search.autocomplete.error": "",
   "search.error.couldNotReachApi": "",
+  "search.error.organizationHasNoDataset": "",
+  "search.error.organizationNotFound": "",
   "search.error.receivedError": "",
   "search.error.recordHasnolink": "",
   "search.error.recordNotFound": "",
-  "search.error.organizationNotFound": "",
-  "search.error.organizationHasNoDataset": "",
   "search.field.any.placeholder": "",
   "search.field.sortBy": "",
   "search.filters.clear": "",
diff --git a/translations/fr.json b/translations/fr.json
index 5833f50ff3..072c7c6f96 100644
--- a/translations/fr.json
+++ b/translations/fr.json
@@ -2,7 +2,7 @@
   "Add Layer As": "",
   "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}}",
+  "catalog.figures.organisations": "",
   "chart.aggregation.average": "moyenne",
   "chart.aggregation.count": "nombre",
   "chart.aggregation.max": "maximum",
@@ -165,6 +165,7 @@
   "downloads.format.unknown": "inconnu",
   "downloads.wfs.featuretype.not.found": "La couche n'a pas été retrouvée",
   "dropFile": "Faites glisser votre fichier",
+  "editor.record.form.keywords": "",
   "editor.record.form.license": "Licence",
   "editor.record.form.license.cc-by": "",
   "editor.record.form.license.cc-by-sa": "",
@@ -175,6 +176,7 @@
   "editor.record.form.license.odc-by": "",
   "editor.record.form.license.pddl": "",
   "editor.record.form.license.unknown": "Non-reconnue ou absente",
+  "editor.record.form.overviews": "Aperçu",
   "editor.record.form.resourceUpdated": "Date de dernière révision",
   "editor.record.form.temporalExtents": "Étendue temporelle",
   "editor.record.form.temporalExtents.addDate": "Date déterminée",
@@ -264,10 +266,8 @@
   "organisations.sortBy.nameDesc": "Nom Z → A",
   "organisations.sortBy.recordCountAsc": "Données 0 → 9",
   "organisations.sortBy.recordCountDesc": "Données 9 → 0",
-  "organization.header.recordCount": "{count, plural, =0{donnée} one{donnée} other{données}}",
-  "organization.details.publishedDataset": "{count, plural, =0{donnée publiée} one{donnée publiée} other{données publiées}}",
   "organization.details.mailContact": "Contacter par mail",
-  "organization.datasets": "Données",
+  "organization.header.recordCount": "{count, plural, =0{donnée} one{donnée} other{données}}",
   "organization.lastPublishedDatasets": "Dernières données publiées",
   "organization.lastPublishedDatasets.searchAllButton": "Rechercher tous",
   "pagination.nextPage": "Page suivante",
@@ -367,11 +367,11 @@
   "results.sortBy.relevancy": "Pertinence",
   "search.autocomplete.error": "Les suggestions ne peuvent pas être récupérées",
   "search.error.couldNotReachApi": "Problème de connexion à l'API",
+  "search.error.organizationHasNoDataset": "Cette organisation n'a pas encore de données.",
+  "search.error.organizationNotFound": "L'organisation n'a pas pu être trouvée.",
   "search.error.receivedError": "Erreur retournée",
   "search.error.recordHasnolink": "Ce dataset n'a pas encore de lien, réessayez plus tard s'il vous plaît.",
   "search.error.recordNotFound": "Cette donnée n'a pu être trouvée.",
-  "search.error.organizationNotFound": "L'organisation n'a pas pu être trouvée.",
-  "search.error.organizationHasNoDataset": "Cette organisation n'a pas encore de données.",
   "search.field.any.placeholder": "Rechercher une donnée...",
   "search.field.sortBy": "Trier par :",
   "search.filters.clear": "Réinitialiser",
diff --git a/translations/it.json b/translations/it.json
index 3196768320..154385413c 100644
--- a/translations/it.json
+++ b/translations/it.json
@@ -2,7 +2,7 @@
   "Add Layer As": "",
   "button.login": "",
   "catalog.figures.datasets": "{count, plural, =0{datasets} one{dataset} other{datasets}}",
-  "catalog.figures.organizations": "{count, plural, =0{organizzazioni} one{organizzazione} other{organizzazioni}}",
+  "catalog.figures.organisations": "",
   "chart.aggregation.average": "media",
   "chart.aggregation.count": "conteggio",
   "chart.aggregation.max": "massimo",
@@ -162,6 +162,7 @@
   "downloads.format.unknown": "sconosciuto",
   "downloads.wfs.featuretype.not.found": "Il layer non è stato trovato",
   "dropFile": "Trascina il suo file",
+  "editor.record.form.keywords": "",
   "editor.record.form.license": "Licenza",
   "editor.record.form.license.cc-by": "",
   "editor.record.form.license.cc-by-sa": "",
@@ -172,6 +173,7 @@
   "editor.record.form.license.odc-by": "",
   "editor.record.form.license.pddl": "",
   "editor.record.form.license.unknown": "Non riconosciuta o assente",
+  "editor.record.form.overviews": "",
   "editor.record.form.resourceUpdated": "",
   "editor.record.form.temporalExtents": "",
   "editor.record.form.temporalExtents.addDate": "",
@@ -261,10 +263,8 @@
   "organisations.sortBy.nameDesc": "Nome Z → A",
   "organisations.sortBy.recordCountAsc": "Dati 0 → 9",
   "organisations.sortBy.recordCountDesc": "Dati 9 → 0",
-  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
-  "organization.details.publishedDataset": "{count, plural, =0{} one{} other{{}}",
   "organization.details.mailContact": "",
-  "organization.datasets": "",
+  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
   "organization.lastPublishedDatasets": "",
   "organization.lastPublishedDatasets.searchAllButton": "",
   "pagination.nextPage": "Pagina successiva",
@@ -364,11 +364,11 @@
   "results.sortBy.relevancy": "Rilevanza",
   "search.autocomplete.error": "Impossibile recuperare le suggerimenti",
   "search.error.couldNotReachApi": "Problema di connessione all'API",
+  "search.error.organizationHasNoDataset": "",
+  "search.error.organizationNotFound": "",
   "search.error.receivedError": "Errore ricevuto",
   "search.error.recordHasnolink": "",
   "search.error.recordNotFound": "Impossibile trovare questo dato",
-  "search.error.organizationNotFound": "",
-  "search.error.organizationHasNoDataset": "",
   "search.field.any.placeholder": "Cerca un dato...",
   "search.field.sortBy": "Ordina per:",
   "search.filters.clear": "Ripristina",
diff --git a/translations/nl.json b/translations/nl.json
index 09350e19ed..d4682236f7 100644
--- a/translations/nl.json
+++ b/translations/nl.json
@@ -2,7 +2,7 @@
   "Add Layer As": "",
   "button.login": "",
   "catalog.figures.datasets": "datasets",
-  "catalog.figures.organizations": "organisaties",
+  "catalog.figures.organisations": "",
   "chart.aggregation.average": "gemiddelde",
   "chart.aggregation.count": "aantal",
   "chart.aggregation.max": "max",
@@ -162,6 +162,7 @@
   "downloads.format.unknown": "",
   "downloads.wfs.featuretype.not.found": "",
   "dropFile": "",
+  "editor.record.form.keywords": "",
   "editor.record.form.license": "",
   "editor.record.form.license.cc-by": "",
   "editor.record.form.license.cc-by-sa": "",
@@ -172,6 +173,7 @@
   "editor.record.form.license.odc-by": "",
   "editor.record.form.license.pddl": "",
   "editor.record.form.license.unknown": "",
+  "editor.record.form.overviews": "",
   "editor.record.form.resourceUpdated": "",
   "editor.record.form.temporalExtents": "",
   "editor.record.form.temporalExtents.addDate": "",
@@ -261,10 +263,8 @@
   "organisations.sortBy.nameDesc": "",
   "organisations.sortBy.recordCountAsc": "",
   "organisations.sortBy.recordCountDesc": "",
-  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
-  "organization.details.publishedDataset": "{count, plural, =0{} one{} other{{}}",
   "organization.details.mailContact": "",
-  "organization.datasets": "",
+  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
   "organization.lastPublishedDatasets": "",
   "organization.lastPublishedDatasets.searchAllButton": "",
   "pagination.nextPage": "",
@@ -364,11 +364,11 @@
   "results.sortBy.relevancy": "",
   "search.autocomplete.error": "",
   "search.error.couldNotReachApi": "",
+  "search.error.organizationHasNoDataset": "",
+  "search.error.organizationNotFound": "",
   "search.error.receivedError": "",
   "search.error.recordHasnolink": "",
   "search.error.recordNotFound": "",
-  "search.error.organizationNotFound": "",
-  "search.error.organizationHasNoDataset": "",
   "search.field.any.placeholder": "",
   "search.field.sortBy": "",
   "search.filters.clear": "",
diff --git a/translations/pt.json b/translations/pt.json
index 2ab8c44d44..1b71efe546 100644
--- a/translations/pt.json
+++ b/translations/pt.json
@@ -2,7 +2,7 @@
   "Add Layer As": "",
   "button.login": "",
   "catalog.figures.datasets": "conjuntos de dados",
-  "catalog.figures.organizations": "organizações",
+  "catalog.figures.organisations": "",
   "chart.aggregation.average": "média",
   "chart.aggregation.count": "contagem",
   "chart.aggregation.max": "máximo",
@@ -162,6 +162,7 @@
   "downloads.format.unknown": "",
   "downloads.wfs.featuretype.not.found": "",
   "dropFile": "",
+  "editor.record.form.keywords": "",
   "editor.record.form.license": "",
   "editor.record.form.license.cc-by": "",
   "editor.record.form.license.cc-by-sa": "",
@@ -172,6 +173,7 @@
   "editor.record.form.license.odc-by": "",
   "editor.record.form.license.pddl": "",
   "editor.record.form.license.unknown": "",
+  "editor.record.form.overviews": "",
   "editor.record.form.resourceUpdated": "",
   "editor.record.form.temporalExtents": "",
   "editor.record.form.temporalExtents.addDate": "",
@@ -261,10 +263,8 @@
   "organisations.sortBy.nameDesc": "",
   "organisations.sortBy.recordCountAsc": "",
   "organisations.sortBy.recordCountDesc": "",
-  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
-  "organization.details.publishedDataset": "{count, plural, =0{} one{} other{{}}",
   "organization.details.mailContact": "",
-  "organization.datasets": "",
+  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
   "organization.lastPublishedDatasets": "",
   "organization.lastPublishedDatasets.searchAllButton": "",
   "pagination.nextPage": "",
@@ -364,11 +364,11 @@
   "results.sortBy.relevancy": "",
   "search.autocomplete.error": "",
   "search.error.couldNotReachApi": "",
+  "search.error.organizationHasNoDataset": "",
+  "search.error.organizationNotFound": "",
   "search.error.receivedError": "",
   "search.error.recordHasnolink": "",
   "search.error.recordNotFound": "",
-  "search.error.organizationNotFound": "",
-  "search.error.organizationHasNoDataset": "",
   "search.field.any.placeholder": "",
   "search.field.sortBy": "",
   "search.filters.clear": "",
diff --git a/translations/sk.json b/translations/sk.json
index 66fadd0b6e..36d4856646 100644
--- a/translations/sk.json
+++ b/translations/sk.json
@@ -2,7 +2,7 @@
   "Add Layer As": "",
   "button.login": "",
   "catalog.figures.datasets": "{count, plural, =0{datasety} one{dataset} other{datasety}}",
-  "catalog.figures.organizations": "{count, plural, =0{organizácie} one{organizácia} other{organizácie}}",
+  "catalog.figures.organisations": "",
   "chart.aggregation.average": "priemer",
   "chart.aggregation.count": "počet",
   "chart.aggregation.max": "maximum",
@@ -162,6 +162,7 @@
   "downloads.format.unknown": "neznámy",
   "downloads.wfs.featuretype.not.found": "Vrstva nebola nájdená",
   "dropFile": "nahrať súbor",
+  "editor.record.form.keywords": "",
   "editor.record.form.license": "Licencia",
   "editor.record.form.license.cc-by": "",
   "editor.record.form.license.cc-by-sa": "",
@@ -172,6 +173,7 @@
   "editor.record.form.license.odc-by": "",
   "editor.record.form.license.pddl": "",
   "editor.record.form.license.unknown": "Neznáme alebo chýbajúce",
+  "editor.record.form.overviews": "",
   "editor.record.form.resourceUpdated": "",
   "editor.record.form.temporalExtents": "",
   "editor.record.form.temporalExtents.addDate": "",
@@ -261,10 +263,8 @@
   "organisations.sortBy.nameDesc": "Názov Z → A",
   "organisations.sortBy.recordCountAsc": "Publikácie 0 → 9",
   "organisations.sortBy.recordCountDesc": "Publikácie 9 → 0",
-  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
-  "organization.details.publishedDataset": "{count, plural, =0{} one{} other{{}}",
   "organization.details.mailContact": "",
-  "organization.datasets": "",
+  "organization.header.recordCount": "{count, plural, =0{} one{} other{}}",
   "organization.lastPublishedDatasets": "",
   "organization.lastPublishedDatasets.searchAllButton": "",
   "pagination.nextPage": "Ďalšia stránka",
@@ -364,11 +364,11 @@
   "results.sortBy.relevancy": "Relevancia",
   "search.autocomplete.error": "Návrhy sa nepodarilo načítať:",
   "search.error.couldNotReachApi": "K rozhraniu API sa nepodarilo pripojiť",
+  "search.error.organizationHasNoDataset": "",
+  "search.error.organizationNotFound": "",
   "search.error.receivedError": "Bola zaznamenaná chyba",
   "search.error.recordHasnolink": "",
   "search.error.recordNotFound": "Záznam s identifikátorom \"{ id }\" sa nepodarilo nájsť.",
-  "search.error.organizationNotFound": "",
-  "search.error.organizationHasNoDataset": "",
   "search.field.any.placeholder": "Hľadať datasety ...",
   "search.field.sortBy": "Zoradiť podľa:",
   "search.filters.clear": "Obnoviť",