geonetwork-ui 2.3.0 → 2.4.0-dev.27089d81

package/src/libs/ui/inputs/src/lib/date-range-picker/date-range-picker.component.html

@@ -1,24 +1,24 @@
 <div
-  class="flex items-center justify-center w-64 h-11 rounded-lg border border-gray-300 bg-white"
+  class="flex items-center justify-between rounded-lg border border-gray-300 bg-white"
 >
-  <div class="w-48 flex justify-between">
+  <div class="pl-3 flex justify-center">
     <mat-date-range-input [rangePicker]="picker" class="w-full">
       <input
-        class="w-24 text-black font-basierCircle text-base font-medium text-center"
         matStartDate
         placeholder="Start date"
-        (dateInput)="startDateSelected($event)"
+        [value]="startDate"
+        (dateInput)="startDateChange.emit($event.value)"
       />
       <input
-        class="w-24 text-black font-basierCircle text-base font-medium text-center"
         matEndDate
         placeholder="End date"
-        (dateInput)="endDateSelected($event)"
+        [value]="endDate"
+        (dateInput)="endDateChange.emit($event.value)"
       />
     </mat-date-range-input>
   </div>
   <mat-datepicker-toggle matSuffix [for]="picker">
     <mat-icon>calendar_today</mat-icon>
   </mat-datepicker-toggle>
-  <mat-date-range-picker #picker></mat-date-range-picker>
 </div>
+<mat-date-range-picker #picker></mat-date-range-picker>

package/src/libs/ui/inputs/src/lib/date-range-picker/date-range-picker.component.ts

@@ -1,27 +1,25 @@
-import { Component } from '@angular/core'
-import { MatNativeDateModule } from '@angular/material/core'
 import {
-  MatDatepickerInputEvent,
-  MatDatepickerModule,
-} from '@angular/material/datepicker'
+  ChangeDetectionStrategy,
+  Component,
+  EventEmitter,
+  Input,
+  Output,
+} from '@angular/core'
+import { MatNativeDateModule } from '@angular/material/core'
+import { MatDatepickerModule } from '@angular/material/datepicker'
 import { MatIconModule } from '@angular/material/icon'
 
 @Component({
   selector: 'gn-ui-date-range-picker',
   templateUrl: './date-range-picker.component.html',
   styleUrls: ['./date-range-picker.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [MatIconModule, MatNativeDateModule, MatDatepickerModule],
 })
 export class DateRangePickerComponent {
-  startDate: Date
-  endDate: Date
-
-  startDateSelected(event: MatDatepickerInputEvent<Date>) {
-    this.startDate = event.value
-  }
-
-  endDateSelected(event: MatDatepickerInputEvent<Date>) {
-    this.endDate = event.value
-  }
+  @Input() startDate: Date
+  @Input() endDate: Date
+  @Output() startDateChange = new EventEmitter<Date>()
+  @Output() endDateChange = new EventEmitter<Date>()
 }

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

@@ -4,8 +4,8 @@ import { UtilSharedModule } from '../../../../../libs/util/shared/src'
 import { TranslateModule } from '@ngx-translate/core'
 import { TagInputModule } from 'ngx-chips'
 import { NgxDropzoneModule } from 'ngx-dropzone'
-import { AutocompleteComponent } from './autocomplete/autocomplete.component'
 import { ButtonComponent } from './button/button.component'
+import { BadgeComponent } from './badge/badge.component'
 import { ChipsInputComponent } from './chips-input/chips-input.component'
 import { DragAndDropFileInputComponent } from './drag-and-drop-file-input/drag-and-drop-file-input.component'
 import { DropdownSelectorComponent } from './dropdown-selector/dropdown-selector.component'
@@ -36,7 +36,6 @@ import { ImageInputComponent } from './image-input/image-input.component'
 
 @NgModule({
   declarations: [
-    AutocompleteComponent,
     TextInputComponent,
     DragAndDropFileInputComponent,
     ChipsInputComponent,
@@ -73,10 +72,10 @@ import { ImageInputComponent } from './image-input/image-input.component'
     DropdownSelectorComponent,
     DateRangePickerComponent,
     CheckToggleComponent,
+    BadgeComponent,
   ],
   exports: [
     DropdownSelectorComponent,
-    AutocompleteComponent,
     ButtonComponent,
     TextInputComponent,
     DragAndDropFileInputComponent,
@@ -93,6 +92,7 @@ import { ImageInputComponent } from './image-input/image-input.component'
     DateRangePickerComponent,
     EditableLabelDirective,
     ImageInputComponent,
+    BadgeComponent,
   ],
 })
 export class UiInputsModule {}

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

@@ -3,6 +3,7 @@ export * from './lib/carousel/carousel.component'
 export * from './lib/expandable-panel-button/expandable-panel-button.component'
 export * from './lib/expandable-panel/expandable-panel.component'
 export * from './lib/form-field-wrapper/form-field-wrapper.component'
+export * from './lib/max-lines/max-lines.component'
 export * from './lib/interactive-table/interactive-table-column/interactive-table-column.component'
 export * from './lib/interactive-table/interactive-table.component'
 export * from './lib/sticky-header/sticky-header.component'

package/src/libs/ui/{elements → layout}/src/lib/max-lines/max-lines.component.ts

@@ -1,19 +1,23 @@
 import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
   Component,
-  Input,
   ElementRef,
-  ChangeDetectionStrategy,
-  AfterViewInit,
-  ViewChild,
+  Input,
   OnDestroy,
-  ChangeDetectorRef,
+  ViewChild,
 } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { TranslateModule } from '@ngx-translate/core'
 
 @Component({
   selector: 'gn-ui-max-lines',
   templateUrl: './max-lines.component.html',
   styleUrls: ['./max-lines.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, TranslateModule],
 })
 export class MaxLinesComponent implements AfterViewInit, OnDestroy {
   @Input() maxLines = 6

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

@@ -6,7 +6,6 @@ import { StickyHeaderComponent } from './sticky-header/sticky-header.component'
 import { AnchorLinkDirective } from './anchor-link/anchor-link.directive'
 import { ExpandablePanelButtonComponent } from './expandable-panel-button/expandable-panel-button.component'
 import { MatIconModule } from '@angular/material/icon'
-import { CarouselComponent } from './carousel/carousel.component'
 
 @NgModule({
   imports: [CommonModule, MatIconModule, TranslateModule.forChild()],

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

@@ -17,3 +17,4 @@ export * from './lib/record-preview-title/record-preview-title.component'
 export * from './lib/record-metric/record-metric.component'
 export * from './lib/results-list-item/results-list-item.component'
 export * from './lib/results-hits-number/results-hits-number.component'
+export * from './lib/results-table/results-table.component'

package/src/libs/{feature → ui}/search/src/lib/results-table/results-table.component.html

@@ -1,13 +1,13 @@
 <gn-ui-interactive-table
-  [items]="records$ | async"
+  [items]="records"
   (itemClick)="handleRecordClick($event)"
 >
   <!-- SELECTED COLUMN -->
   <gn-ui-interactive-table-column>
     <ng-template #header>
       <gn-ui-checkbox
-        [checked]="isAllSelected() | async"
-        [indeterminate]="isSomeSelected() | async"
+        [checked]="isAllSelected()"
+        [indeterminate]="isSomeSelected()"
         (changed)="toggleSelectAll()"
         type="default"
         class="-m-2 mr-3"
@@ -16,7 +16,7 @@
     </ng-template>
     <ng-template #cell let-item>
       <gn-ui-checkbox
-        [checked]="isChecked(item) | async"
+        [checked]="isChecked(item)"
         (changed)="handleRecordSelectedChange($event, item)"
         class="-m-2"
         type="default"
@@ -27,14 +27,25 @@
   <!-- TITLE COLUMN -->
   <gn-ui-interactive-table-column
     [sortable]="true"
-    [activeSort]="isSortedBy('resourceTitleObject.default.keyword') | async"
+    [activeSort]="isSortedBy('resourceTitleObject.default.keyword')"
     (sortChange)="setSortBy('resourceTitleObject.default.keyword', $event)"
   >
     <ng-template #header>
       <span translate>record.metadata.title</span>
     </ng-template>
     <ng-template #cell let-item>
-      {{ item.title }}
+      <div class="flex flex-row items-center gap-2 max-w-full">
+        <span class="overflow-hidden text-ellipsis">{{ item.title }}</span>
+        <gn-ui-badge
+          *ngIf="recordHasDraft(item)"
+          [style.--gn-ui-badge-padding]="'0.4em 0.6em'"
+          [style.--gn-ui-badge-text-color]="'#3d2006'"
+          [style.--gn-ui-badge-background-color]="'#ffbc7b'"
+          [style.--gn-ui-badge-rounded]="'4px'"
+        >
+          <span translate>dashboard.records.hasDraft</span>
+        </gn-ui-badge>
+      </div>
     </ng-template>
   </gn-ui-interactive-table-column>
 
@@ -74,7 +85,7 @@
   <!-- OWNER COLUMN -->
   <gn-ui-interactive-table-column
     [sortable]="true"
-    [activeSort]="isSortedBy('recordOwner') | async"
+    [activeSort]="isSortedBy('recordOwner')"
     (sortChange)="setSortBy('recordOwner', $event)"
   >
     <ng-template #header>
@@ -99,7 +110,7 @@
   <!-- UPDATE DATE COLUMN -->
   <gn-ui-interactive-table-column
     [sortable]="true"
-    [activeSort]="isSortedBy('changeDate') | async"
+    [activeSort]="isSortedBy('changeDate')"
     (sortChange)="setSortBy('changeDate', $event)"
   >
     <ng-template #header>

package/src/libs/ui/search/src/lib/results-table/results-table.component.ts

@@ -0,0 +1,138 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core'
+import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
+import {
+  FileFormat,
+  getBadgeColor,
+  getFileFormat,
+  getFormatPriority,
+} from '../../../../../../libs/util/shared/src'
+import { BadgeComponent, UiInputsModule } from '../../../../../../libs/ui/inputs/src'
+import {
+  InteractiveTableColumnComponent,
+  InteractiveTableComponent,
+} from '../../../../../../libs/ui/layout/src'
+import { MatIconModule } from '@angular/material/icon'
+import { TranslateModule } from '@ngx-translate/core'
+import { CommonModule } from '@angular/common'
+import {
+  FieldSort,
+  SortByField,
+} from '../../../../../../libs/common/domain/src/lib/model/search'
+
+@Component({
+  selector: 'gn-ui-results-table',
+  templateUrl: './results-table.component.html',
+  styleUrls: ['./results-table.component.css'],
+  standalone: true,
+  imports: [
+    CommonModule,
+    UiInputsModule,
+    InteractiveTableComponent,
+    InteractiveTableColumnComponent,
+    MatIconModule,
+    TranslateModule,
+    BadgeComponent,
+  ],
+})
+export class ResultsTableComponent {
+  @Input() records: CatalogRecord[] = []
+  @Input() selectedRecordsIdentifiers: string[] = []
+  @Input() sortOrder: SortByField = null
+  @Input() recordHasDraft: (record: CatalogRecord) => boolean = () => false
+
+  // emits the column (field) as well as the order
+  @Output() sortByChange = new EventEmitter<[string, 'asc' | 'desc']>()
+  @Output() recordClick = new EventEmitter<CatalogRecord>()
+  @Output() recordsSelectedChange = new EventEmitter<
+    [CatalogRecord[], boolean]
+  >()
+
+  dateToString(date: Date): string {
+    return date?.toLocaleDateString(undefined, {
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric',
+      timeZone: 'UTC',
+    })
+  }
+
+  getStatus(isPublishedToAll: boolean | unknown) {
+    return isPublishedToAll ? 'published' : 'not published'
+  }
+
+  getRecordFormats(record: CatalogRecord): FileFormat[] {
+    if (record.kind === 'service' || !('distributions' in record)) {
+      return []
+    }
+    const formats = Array.from(
+      new Set(
+        record.distributions.map((distribution) => getFileFormat(distribution))
+      )
+    ).filter((format) => !!format)
+    formats.sort((a, b) => getFormatPriority(b) - getFormatPriority(a))
+    return formats
+  }
+
+  formatUserInfo(userInfo: string | unknown): string {
+    const infos = (typeof userInfo === 'string' ? userInfo : '').split('|')
+    if (infos && infos.length === 4) {
+      return `${infos[2]} ${infos[1]}`
+    }
+    return undefined
+  }
+
+  getBadgeColor(format: FileFormat): string {
+    return getBadgeColor(format)
+  }
+
+  handleRecordClick(item: unknown) {
+    this.recordClick.emit(item as CatalogRecord)
+  }
+
+  setSortBy(col: string, order: 'asc' | 'desc') {
+    this.sortByChange.emit([col, order])
+  }
+
+  isSortedBy(col: string): 'desc' | 'asc' | null {
+    if (!this.sortOrder) {
+      return null
+    }
+    const sortArray = Array.isArray(this.sortOrder[0])
+      ? (this.sortOrder as FieldSort[])
+      : ([this.sortOrder] as FieldSort[])
+    for (const sort of sortArray) {
+      if (sort[1] === col) {
+        return sort[0]
+      }
+    }
+    return null
+  }
+
+  isChecked(record: CatalogRecord): boolean {
+    return this.selectedRecordsIdentifiers.includes(record.uniqueIdentifier)
+  }
+
+  handleRecordSelectedChange(selected: boolean, record: CatalogRecord) {
+    this.recordsSelectedChange.emit([[record], selected])
+  }
+
+  async toggleSelectAll() {
+    this.recordsSelectedChange.emit([this.records, !this.isAllSelected()])
+  }
+
+  isAllSelected(): boolean {
+    return this.records.every((record) =>
+      this.selectedRecordsIdentifiers.includes(record.uniqueIdentifier)
+    )
+  }
+
+  isSomeSelected(): boolean {
+    const allSelected = this.records.every((record) =>
+      this.selectedRecordsIdentifiers.includes(record.uniqueIdentifier)
+    )
+    const someSelected = this.records.some((record) =>
+      this.selectedRecordsIdentifiers.includes(record.uniqueIdentifier)
+    )
+    return !allSelected && someSelected
+  }
+}

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

@@ -1,7 +1,6 @@
 export * from './lib/ui-widgets.module'
 export * from './lib/progress-bar/progress-bar.component'
 export * from './lib/loading-mask/loading-mask.component'
-export * from './lib/badge/badge.component'
 export * from './lib/color-scale/color-scale.component'
 export * from './lib/popup-alert/popup-alert.component'
 export * from './lib/spinning-loader/spinning-loader.component'

package/src/libs/ui/widgets/src/lib/popup-alert/popup-alert.component.ts

@@ -7,12 +7,16 @@ import {
   OnInit,
   ViewChild,
 } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { MatIconModule } from '@angular/material/icon'
 
 @Component({
   selector: 'gn-ui-popup-alert',
   templateUrl: './popup-alert.component.html',
   styleUrls: ['./popup-alert.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, MatIconModule],
 })
 export class PopupAlertComponent implements OnInit {
   @Input() icon: string

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

@@ -9,8 +9,6 @@ import { TagInputModule } from 'ngx-chips'
 import { FormsModule, ReactiveFormsModule } from '@angular/forms'
 import { LoadingMaskComponent } from './loading-mask/loading-mask.component'
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'
-import { PopupAlertComponent } from './popup-alert/popup-alert.component'
-import { BadgeComponent } from './badge/badge.component'
 import { MatIconModule } from '@angular/material/icon'
 import { SpinningLoaderComponent } from './spinning-loader/spinning-loader.component'
 import { CommonModule } from '@angular/common'
@@ -21,8 +19,6 @@ import { CommonModule } from '@angular/common'
     ProgressBarComponent,
     StepBarComponent,
     LoadingMaskComponent,
-    PopupAlertComponent,
-    BadgeComponent,
     SpinningLoaderComponent,
   ],
   imports: [
@@ -40,8 +36,6 @@ import { CommonModule } from '@angular/common'
     ProgressBarComponent,
     StepBarComponent,
     LoadingMaskComponent,
-    PopupAlertComponent,
-    BadgeComponent,
     SpinningLoaderComponent,
   ],
 })

package/tailwind.base.css

@@ -15,6 +15,11 @@
     width: 16px;
     height: 16px;
   }
+  .gn-ui-icon-medium {
+    font-size: 20px;
+    width: 20px;
+    height: 20px;
+  }
 
   /* LINK CLASSES */
   .gn-ui-link {
@@ -104,7 +109,27 @@
       border border-white focus:ring-4 focus:ring-gray-300;
   }
 
-  /* TODO: add prefix */
+  /* BADGE CLASS */
+  .gn-ui-badge {
+    --rounded: var(--gn-ui-badge-rounded, 0.25em);
+    --padding: var(--gn-ui-badge-padding, 0.375em 0.75em);
+    --text-color: var(--gn-ui-badge-text-color, var(--color-gray-50));
+    --background-color: var(--gn-ui-badge-background-color, black);
+    @apply inline-block opacity-70 p-[--padding] rounded-[--rounded]
+      font-medium text-[length:0.875em] leading-none text-[color:--text-color] bg-[color:--background-color];
+  }
+  /* makes sure icons will not make the badges grow vertically; also make size proportional */
+  .gn-ui-badge mat-icon.mat-icon {
+    margin-top: -0.325em;
+    margin-bottom: -0.325em;
+    flex-shrink: 0;
+    vertical-align: middle;
+    font-size: 1.4em;
+    width: 1em;
+    height: 1em;
+  }
+
+  /* TODO: replace by gn-ui-badge class above */
   .badge-btn {
     @apply flex items-center justify-center px-4 py-1 text-white rounded backdrop-blur;
   }

package/translations/de.json

@@ -1,7 +1,8 @@
 {
+  "Add Layer As": "",
   "button.login": "",
   "catalog.figures.datasets": "{count, plural, =0{Datensätze} one{Datensatz} other{Datensätze}}",
-  "catalog.figures.organisations": "{count, plural, =0{Organisationen} one{Organisation} other{Organisationen}}",
+  "catalog.figures.organizations": "{count, plural, =0{Organisationen} one{Organisation} other{Organisationen}}",
   "chart.aggregation.average": "Durchschnitt",
   "chart.aggregation.count": "Anzahl",
   "chart.aggregation.max": "Maximum",
@@ -17,15 +18,22 @@
   "chart.type.line": "Liniendiagramm",
   "chart.type.lineSmooth": "Geglättes Liniendiagramm",
   "chart.type.pie": "Kreisdiagramm",
+  "dashboard.catalog.allRecords": "Metadatenkatalog",
+  "dashboard.catalog.calendar": "Kalender",
+  "dashboard.catalog.contacts": "Kontakte",
+  "dashboard.catalog.discussion": "Diskussion",
+  "dashboard.catalog.thesaurus": "Thesaurus",
   "dashboard.createRecord": "Neuer Eintrag",
+  "dashboard.labels.catalog": "Katalog",
   "dashboard.labels.mySpace": "Mein Bereich",
   "dashboard.records.all": "Katalog",
+  "dashboard.records.hasDraft": "",
   "dashboard.records.myDraft": "Meine Entwürfe",
   "dashboard.records.myLibrary": "Meine Bibliothek",
-  "dashboard.records.myOrg": "Meine Organisation",
   "dashboard.records.myRecords": "Meine Datensätze",
   "dashboard.records.publishedRecords": "{count, plural, =1{veröffentlichter Datensatz} other{veröffentlichte Datensätze}}",
   "dashboard.records.search": "Suche nach \"{searchText}\"",
+  "dashboard.records.templates": "Vorlagen",
   "dashboard.records.userDetail": "Name",
   "dashboard.records.userEmail": "E-Mail",
   "dashboard.records.username": "Benutzername",
@@ -156,6 +164,11 @@
   "editor.record.form.license.pddl": "",
   "editor.record.form.license.unknown": "Unbekannt oder nicht vorhanden",
   "editor.record.form.resourceUpdated": "",
+  "editor.record.form.temporalExtents": "",
+  "editor.record.form.temporalExtents.addDate": "",
+  "editor.record.form.temporalExtents.addRange": "",
+  "editor.record.form.temporalExtents.date": "",
+  "editor.record.form.temporalExtents.range": "",
   "editor.record.form.updateFrequency": "",
   "editor.record.form.updateFrequency.planned": "",
   "editor.record.loadError.body": "",
@@ -167,6 +180,9 @@
   "editor.record.publishError.title": "",
   "editor.record.publishSuccess.body": "",
   "editor.record.publishSuccess.title": "",
+  "editor.record.saveStatus.asDraftOnly": "",
+  "editor.record.saveStatus.draftWithChangesPending": "",
+  "editor.record.saveStatus.recordUpToDate": "",
   "editor.record.upToDate": "",
   "externalviewer.dataset.unnamed": "Datensatz aus dem Datahub",
   "facets.block.title.OrgForResource": "Organisation",
@@ -236,6 +252,12 @@
   "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.lastPublishedDatasets": "",
+  "organization.lastPublishedDatasets.searchAllButton": "",
   "pagination.nextPage": "Nächste Seite",
   "pagination.page": "Seite",
   "pagination.pageOf": "von",
@@ -273,7 +295,7 @@
   "record.metadata.preview": "Vorschau",
   "record.metadata.producer": "Datenproduzent",
   "record.metadata.publication": "Veröffentlichungsdatum",
-  "record.metadata.publications": "Veröffentlichungen",
+  "record.metadata.publications": "{count, plural, =0{Veröffentlichungsdatum} one{Veröffentlichungsdatum} other{Veröffentlichungen}}",
   "record.metadata.quality": "Metadatenqualität",
   "record.metadata.quality.contact.failed": "Kontakt nicht angegeben",
   "record.metadata.quality.contact.success": "Kontakt angegeben",
@@ -334,8 +356,10 @@
   "search.autocomplete.error": "Vorschläge konnten nicht abgerufen werden:",
   "search.error.couldNotReachApi": "Die API konnte nicht erreicht werden",
   "search.error.receivedError": "Ein Fehler ist aufgetreten",
-  "search.error.recordNotFound": "Der Datensatz mit der Kennung \"{ id }\" konnte nicht gefunden werden.",
   "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",

package/translations/en.json

@@ -1,7 +1,8 @@
 {
+  "Add Layer As": "",
   "button.login": "Log in",
   "catalog.figures.datasets": "{count, plural, =0{datasets} one{dataset} other{datasets}}",
-  "catalog.figures.organisations": "{count, plural, =0{organisations} one{organisation} other{organisations}}",
+  "catalog.figures.organizations": "{count, plural, =0{organisations} one{organisation} other{organisations}}",
   "chart.aggregation.average": "average",
   "chart.aggregation.count": "count",
   "chart.aggregation.max": "max",
@@ -17,15 +18,22 @@
   "chart.type.line": "line chart",
   "chart.type.lineSmooth": "smooth line chart",
   "chart.type.pie": "pie chart",
+  "dashboard.catalog.allRecords": "Metadata records",
+  "dashboard.catalog.calendar": "Calendar",
+  "dashboard.catalog.contacts": "Contacts",
+  "dashboard.catalog.discussion": "Discussion",
+  "dashboard.catalog.thesaurus": "Thesaurus",
   "dashboard.createRecord": "New record",
+  "dashboard.labels.catalog": "Catalog",
   "dashboard.labels.mySpace": "My space",
   "dashboard.records.all": "Metadata records",
+  "dashboard.records.hasDraft": "draft",
   "dashboard.records.myDraft": "My drafts",
   "dashboard.records.myLibrary": "My library",
-  "dashboard.records.myOrg": "Organization",
   "dashboard.records.myRecords": "My Records",
   "dashboard.records.publishedRecords": "{count, plural, =1{published record} other{published records}}",
   "dashboard.records.search": "Search for \"{searchText}\"",
+  "dashboard.records.templates": "Templates",
   "dashboard.records.userDetail": "Name",
   "dashboard.records.userEmail": "Email",
   "dashboard.records.username": "Username",
@@ -156,6 +164,11 @@
   "editor.record.form.license.pddl": "Open Data Commons PDDL",
   "editor.record.form.license.unknown": "Unknown or absent",
   "editor.record.form.resourceUpdated": "Last update date",
+  "editor.record.form.temporalExtents": "Temporal extent",
+  "editor.record.form.temporalExtents.addDate": "Time instant",
+  "editor.record.form.temporalExtents.addRange": "Time period",
+  "editor.record.form.temporalExtents.date": "Date",
+  "editor.record.form.temporalExtents.range": "Date range",
   "editor.record.form.updateFrequency": "Update frequency",
   "editor.record.form.updateFrequency.planned": "The data should be updated regularly.",
   "editor.record.loadError.body": "The record could not be loaded:",
@@ -167,6 +180,9 @@
   "editor.record.publishError.title": "Error publishing record",
   "editor.record.publishSuccess.body": "The record was successfully published!",
   "editor.record.publishSuccess.title": "Publish success",
+  "editor.record.saveStatus.asDraftOnly": "Saved as draft only - not published yet",
+  "editor.record.saveStatus.draftWithChangesPending": "Saved as draft - changes are pending",
+  "editor.record.saveStatus.recordUpToDate": "Record is up to date",
   "editor.record.upToDate": "This record is up to date",
   "externalviewer.dataset.unnamed": "Datahub layer",
   "facets.block.title.OrgForResource": "Organisation",
@@ -236,6 +252,12 @@
   "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.lastPublishedDatasets": "Last published datasets",
+  "organization.lastPublishedDatasets.searchAllButton": "Search all",
   "pagination.nextPage": "Next page",
   "pagination.page": "page",
   "pagination.pageOf": "of",
@@ -273,7 +295,7 @@
   "record.metadata.preview": "Preview",
   "record.metadata.producer": "Data producer",
   "record.metadata.publication": "Date of publication",
-  "record.metadata.publications": "publications",
+  "record.metadata.publications": "{count, plural, =0{publication} one{publication} other{publications}}",
   "record.metadata.quality": "Metadata Quality",
   "record.metadata.quality.contact.failed": "Contact is not specified",
   "record.metadata.quality.contact.success": "Contact is specified",
@@ -334,8 +356,10 @@
   "search.autocomplete.error": "Suggestions could not be fetched:",
   "search.error.couldNotReachApi": "The API could not be reached",
   "search.error.receivedError": "An error was received",
-  "search.error.recordNotFound": "The record with identifier \"{ id }\" could not be found.",
   "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",