geonetwork-ui 2.6.0-dev.f073bbb4e → 2.7.0-dev.035ba2871

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

@@ -1,206 +0,0 @@
-import {
-  AfterViewInit,
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  Input,
-  OnDestroy,
-  ViewChild,
-} from '@angular/core'
-import {
-  MAT_MOMENT_DATE_ADAPTER_OPTIONS,
-  MomentDateAdapter,
-} from '@angular/material-moment-adapter'
-import {
-  DateAdapter,
-  MAT_DATE_FORMATS,
-  MAT_DATE_LOCALE,
-} from '@angular/material/core'
-import { MatDatepickerInputEvent } from '@angular/material/datepicker'
-import { marker } from '@biesbjerg/ngx-translate-extract-marker'
-import { getLangFromBrowser } from '../../../../../../../libs/util/i18n/src'
-import { WizardFieldModel } from '../../models/wizard-field.model'
-import { WizardFieldType } from '../../models/wizard-field.type'
-import { WizardService } from '../../services/wizard.service'
-import {
-  DropdownSelectorComponent,
-  TextAreaComponent,
-  TextInputComponent,
-} from '../../../../../../../libs/ui/inputs/src'
-import { Subscription } from 'rxjs'
-
-marker('datafeeder.month.january')
-marker('datafeeder.month.february')
-marker('datafeeder.month.march')
-marker('datafeeder.month.april')
-marker('datafeeder.month.may')
-marker('datafeeder.month.june')
-marker('datafeeder.month.july')
-marker('datafeeder.month.august')
-marker('datafeeder.month.september')
-marker('datafeeder.month.october')
-marker('datafeeder.month.november')
-marker('datafeeder.month.december')
-
-export const MY_FORMATS = {
-  parse: {
-    dateInput: 'LL',
-  },
-  display: {
-    dateInput: 'LL',
-    monthYearLabel: 'MMM YYYY',
-    dateA11yLabel: 'LL',
-    monthYearA11yLabel: 'MMMM YYYY',
-  },
-}
-
-@Component({
-  selector: 'gn-ui-wizard-field',
-  templateUrl: './wizard-field.component.html',
-  styleUrls: ['./wizard-field.component.css'],
-  providers: [
-    { provide: MAT_DATE_LOCALE, useValue: getLangFromBrowser() },
-    {
-      provide: DateAdapter,
-      useClass: MomentDateAdapter,
-      deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS],
-    },
-    { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class WizardFieldComponent implements AfterViewInit, OnDestroy {
-  @Input() wizardFieldConfig: WizardFieldModel
-
-  @ViewChild('searchText') searchText: TextInputComponent
-  @ViewChild('textArea') textArea: TextAreaComponent
-  @ViewChild('dropdown') dropdown: DropdownSelectorComponent
-
-  subs = new Subscription()
-
-  get wizardFieldType(): typeof WizardFieldType {
-    return WizardFieldType
-  }
-
-  get dropdownChoices(): any {
-    return this.wizardFieldConfig.options
-  }
-
-  get wizardFieldData() {
-    const data = this.wizardService.getWizardFieldData(
-      this.wizardFieldConfig.id
-    )
-    switch (this.wizardFieldConfig.type) {
-      case WizardFieldType.TEXT: {
-        return data || ''
-      }
-      case WizardFieldType.TEXT_AREA: {
-        return data || ''
-      }
-      case WizardFieldType.DATA_PICKER: {
-        return data ? new Date(Number(data)) : new Date()
-      }
-      case WizardFieldType.DROPDOWN: {
-        return data ? JSON.parse(data) : this.dropdownChoices[0]?.value
-      }
-    }
-  }
-
-  constructor(
-    private wizardService: WizardService,
-    private cdr: ChangeDetectorRef
-  ) {}
-
-  ngAfterViewInit() {
-    this.initializeListeners()
-    this.cdr.detectChanges()
-  }
-
-  ngOnDestroy() {
-    this.subs.unsubscribe()
-  }
-
-  private initializeListeners() {
-    switch (this.wizardFieldConfig.type) {
-      case WizardFieldType.TEXT: {
-        this.initializeTextInputListener()
-        break
-      }
-      case WizardFieldType.TEXT_AREA: {
-        this.initializeTextAreaListener()
-        return
-      }
-      case WizardFieldType.DATA_PICKER: {
-        this.initializeDateInput()
-        return
-      }
-      case WizardFieldType.DROPDOWN: {
-        this.initializeDropdownListener()
-        return
-      }
-    }
-  }
-
-  private initializeTextInputListener() {
-    this.subs.add(
-      this.searchText.valueChange.subscribe((value) => {
-        this.wizardService.onWizardWizardFieldDataChanged(
-          this.wizardFieldConfig.id,
-          value
-        )
-      })
-    )
-  }
-
-  private initializeTextAreaListener() {
-    this.subs.add(
-      this.textArea.valueChange.subscribe((value) => {
-        this.wizardService.onWizardWizardFieldDataChanged(
-          this.wizardFieldConfig.id,
-          value
-        )
-      })
-    )
-  }
-
-  initializeDateInput() {
-    const time = this.wizardService.getWizardFieldData(
-      this.wizardFieldConfig.id
-    )
-    if (!time) {
-      this.wizardService.onWizardWizardFieldDataChanged(
-        this.wizardFieldConfig.id,
-        new Date().valueOf()
-      )
-    }
-  }
-
-  onDateChange(event: MatDatepickerInputEvent<Date>) {
-    this.wizardService.onWizardWizardFieldDataChanged(
-      this.wizardFieldConfig.id,
-      event.value.valueOf()
-    )
-  }
-
-  private initializeDropdownListener() {
-    if (
-      this.wizardService.getWizardFieldData(this.wizardFieldConfig.id) ===
-        undefined &&
-      !!this.dropdown.selected
-    ) {
-      this.wizardService.setWizardFieldData(
-        this.wizardFieldConfig.id,
-        this.dropdown.selected
-      )
-    }
-
-    this.subs.add(
-      this.dropdown.selectValue.subscribe((value) => {
-        this.wizardService.onWizardWizardFieldDataChanged(
-          this.wizardFieldConfig.id,
-          value
-        )
-      })
-    )
-  }
-}

package/src/libs/feature/editor/src/lib/components/wizard-summarize/wizard-summarize.component.css

@@ -1,3 +0,0 @@
-.icon-tag:before {
-  font-size: 18px;
-}

package/src/libs/feature/editor/src/lib/components/wizard-summarize/wizard-summarize.component.html

@@ -1,21 +0,0 @@
-<div>
-  <div class="text-2xl font-bold title">
-    {{ title | uppercase }}
-  </div>
-  <div class="text-lg font-bold pt-2 abstract">
-    {{ abstract }}
-  </div>
-  <div class="text-lg font-normal">
-    <span translate>datafeeder.wizardSummarize.createdAt</span>
-    &nbsp;<span class="date">{{ createdDate }}</span> -
-    <span translate>datafeeder.wizardSummarize.scale</span>
-    &nbsp;<span class="scale">{{ scale }}</span>
-  </div>
-  <div class="text-lg italic font-normal description">
-    {{ description }}
-  </div>
-  <div class="text-sm font-medium pt-4 tags">
-    <span class="icon-tag pr-2"></span>
-    {{ tags }}
-  </div>
-</div>

package/src/libs/feature/editor/src/lib/components/wizard-summarize/wizard-summarize.component.ts

@@ -1,58 +0,0 @@
-import { Component } from '@angular/core'
-import { WizardService } from '../../services/wizard.service'
-import { DateService } from '../../../../../../../libs/util/shared/src'
-
-@Component({
-  selector: 'gn-ui-wizard-summarize',
-  templateUrl: './wizard-summarize.component.html',
-  styleUrls: ['./wizard-summarize.component.css'],
-})
-export class WizardSummarizeComponent {
-  get title() {
-    return this.wizardService.getWizardFieldData('title') || ''
-  }
-
-  get abstract() {
-    return this.wizardService.getWizardFieldData('abstract') || ''
-  }
-
-  get tags(): string {
-    if (!this.wizardService.getWizardFieldData('tags')) {
-      return ''
-    }
-
-    return JSON.parse(this.wizardService.getWizardFieldData('tags'))
-      .map((t) => t.display)
-      .join(' - ')
-  }
-
-  get createdDate() {
-    const time = this.wizardService.getWizardFieldData('datepicker')
-
-    return this.dateService.formatDate(new Date(Number(time)), {
-      year: 'numeric',
-      month: 'long',
-      day: 'numeric',
-    })
-  }
-
-  get scale() {
-    if (!this.wizardService.getWizardFieldData('dropdown')) {
-      return ''
-    }
-
-    const scaleValue = JSON.parse(
-      this.wizardService.getWizardFieldData('dropdown')
-    )
-    return `1:${scaleValue}`
-  }
-
-  get description() {
-    return this.wizardService.getWizardFieldData('description') || ''
-  }
-
-  constructor(
-    private wizardService: WizardService,
-    private dateService: DateService
-  ) {}
-}

package/src/libs/feature/editor/src/lib/models/wizard-field.model.ts

@@ -1,10 +0,0 @@
-import { WizardFieldType } from './wizard-field.type'
-
-export interface WizardFieldModel {
-  id: string
-  label: string
-  icon: string
-  type: WizardFieldType
-  options?: any
-  required?: boolean
-}

package/src/libs/feature/editor/src/lib/models/wizard-field.type.ts

@@ -1,6 +0,0 @@
-export enum WizardFieldType {
-  TEXT,
-  TEXT_AREA,
-  DATA_PICKER,
-  DROPDOWN,
-}

package/src/libs/feature/editor/src/lib/services/wizard.service.ts

@@ -1,105 +0,0 @@
-import { Injectable } from '@angular/core'
-import { TranslateService } from '@ngx-translate/core'
-import { WizardFieldModel } from '../models/wizard-field.model'
-
-@Injectable({
-  providedIn: 'root',
-})
-export class WizardService {
-  private wizardStep = 1
-  private wizardData: Map<string, any> = new Map()
-
-  private id: string
-  private storageKey: string
-  configuration: WizardFieldModel[][]
-  constructor(private translateService: TranslateService) {}
-
-  initialize(
-    id: string,
-    options: {
-      configuration: WizardFieldModel[][]
-      storageKey: string
-    }
-  ): void {
-    this.id = id
-    const { configuration, storageKey } = options
-    this.configuration = configuration
-    this.storageKey = storageKey
-    this.wizardData.clear()
-
-    this.load()
-  }
-
-  getCurrentStep(): number {
-    return this.wizardStep
-  }
-
-  getStepConfiguration(): WizardFieldModel[] {
-    return this.configuration[this.wizardStep - 1]
-  }
-
-  getConfiguration(): WizardFieldModel[][] {
-    return this.configuration
-  }
-
-  getConfigurationStepNumber(): number {
-    return this.configuration.length
-  }
-
-  getWizardFieldData(fieldId: string) {
-    return this.wizardData.get(fieldId)
-  }
-
-  onWizardWizardFieldDataChanged(fieldId: string, data: any): void {
-    this.setWizardFieldData(fieldId, data)
-  }
-
-  setWizardFieldData(fieldId: string, data: any): void {
-    this.wizardData.set(fieldId, data)
-    this.save()
-  }
-
-  save(): void {
-    const values = [...this.wizardData].map(([key, value]) => ({
-      id: key,
-      value,
-    }))
-    const datafeederState = this.load(false)
-
-    datafeederState[this.id] = {
-      step: this.wizardStep,
-      values,
-    }
-
-    localStorage.setItem(this.storageKey, JSON.stringify(datafeederState))
-  }
-
-  onWizardStepChanged(step: number) {
-    if (step > 0 && step < this.getConfigurationStepNumber()) {
-      this.wizardStep = step
-      this.save()
-    }
-  }
-
-  reset() {
-    this.wizardStep = 1
-    localStorage.removeItem(this.storageKey)
-  }
-
-  private load(write = true) {
-    const lsItem = localStorage.getItem(this.storageKey)
-    const datafeederData = lsItem ? JSON.parse(lsItem) : {}
-    if (write) {
-      datafeederData[this.id]?.values?.forEach((i) => {
-        this.wizardData.set(i.id, i.value)
-      })
-      this.wizardStep = datafeederData[this.id]?.step || 1
-    }
-    return datafeederData
-  }
-
-  getDataObject() {
-    this.load()
-    return Object.fromEntries(this.wizardData)
-  }
-}

package/src/libs/feature/record/src/lib/gn-ui-version.token.ts

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core'
-
-export const GN_UI_VERSION = new InjectionToken<string>('gnUiVersion')

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

@@ -1,4 +0,0 @@
-<gn-ui-results-hits-number
-  [loading]="facade.isLoading$ | async"
-  [hits]="facade.resultsHits$ | async"
-></gn-ui-results-hits-number>

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

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core'
-import { SearchFacade } from '../state/search.facade'
-
-@Component({
-  selector: 'gn-ui-results-hits',
-  templateUrl: './results-hits.container.component.html',
-})
-export class ResultsHitsContainerComponent {
-  constructor(public facade: SearchFacade) {}
-}

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

@@ -1,27 +0,0 @@
-import { NgModule } from '@angular/core'
-import { CommonModule } from '@angular/common'
-import { FigureComponent } from './figure/figure.component'
-import { TranslateModule } from '@ngx-translate/core'
-import { NgIconsModule, provideNgIconsConfig } from '@ng-icons/core'
-import { matCorporateFare } from '@ng-icons/material-icons/baseline'
-import { tablerFolderOpen } from '@ng-icons/tabler-icons'
-
-@NgModule({
-  imports: [
-    CommonModule,
-    TranslateModule.forChild(),
-    // FIXME: these imports are required by non-standalone components and should be removed once all components have been made standalone
-    NgIconsModule.withIcons({
-      matCorporateFare,
-      tablerFolderOpen,
-    }),
-  ],
-  providers: [
-    provideNgIconsConfig({
-      size: '1.5em',
-    }),
-  ],
-  declarations: [FigureComponent],
-  exports: [FigureComponent],
-})
-export class UiDatavizModule {}

package/src/libs/ui/elements/src/lib/related-record-card/related-record-card.component.html

@@ -1,30 +0,0 @@
-<a
-  [class]="classList"
-  [routerLink]="['/dataset', record.uniqueIdentifier]"
-  target="_blank"
->
-  <div class="h-52 bg-gray-100">
-    <gn-ui-thumbnail
-      class="h-52 w-full object-cover"
-      [thumbnailUrl]="record.overviews?.[0]?.url.toString()"
-    ></gn-ui-thumbnail>
-  </div>
-  <div class="flex flex-col justify-between h-44 px-5 pt-4 pb-6">
-    <h4
-      class="max-h-24 font-title text-21 text-black text-ellipsis overflow-hidden"
-    >
-      {{ record.title }}
-    </h4>
-    <div>
-      <button
-        [matTooltip]="'tooltip.url.open' | translate"
-        matTooltipPosition="above"
-      >
-        <ng-icon
-          class="align-middle text-secondary"
-          name="matOpenInNew"
-        ></ng-icon>
-      </button>
-    </div>
-  </div>
-</a>

package/src/libs/ui/elements/src/lib/related-record-card/related-record-card.component.ts

@@ -1,48 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
-import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
-import { ThumbnailComponent } from '../thumbnail/thumbnail.component'
-import { RouterLink } from '@angular/router'
-import { MatTooltipModule } from '@angular/material/tooltip'
-import { NgIcon, provideIcons } from '@ng-icons/core'
-import { TranslateModule } from '@ngx-translate/core'
-import { matOpenInNew } from '@ng-icons/material-icons/baseline'
-
-@Component({
-  selector: 'gn-ui-related-record-card',
-  templateUrl: './related-record-card.component.html',
-  styleUrls: ['./related-record-card.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    ThumbnailComponent,
-    RouterLink,
-    MatTooltipModule,
-    NgIcon,
-    TranslateModule,
-  ],
-  standalone: true,
-  viewProviders: [provideIcons({ matOpenInNew })],
-})
-export class RelatedRecordCardComponent {
-  private readonly baseClasses: string
-
-  @Input() record: CatalogRecord
-  @Input() extraClass = ''
-
-  constructor() {
-    this.baseClasses = [
-      'w-72',
-      'h-96',
-      'overflow-hidden',
-      'rounded-lg',
-      'bg-white',
-      'cursor-pointer',
-      'block',
-      'hover:-translate-y-2 ',
-      'duration-[180ms]',
-    ].join(' ')
-  }
-
-  get classList() {
-    return `${this.baseClasses} ${this.extraClass}`
-  }
-}

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

@@ -1,61 +0,0 @@
-import { CommonModule, NgOptimizedImage } from '@angular/common'
-import { NgModule } from '@angular/core'
-import { FormsModule } from '@angular/forms'
-import { MatTooltipModule } from '@angular/material/tooltip'
-import { RouterModule } from '@angular/router'
-import {
-  BadgeComponent,
-  TextInputComponent,
-  UiInputsModule,
-} from '../../../../../libs/ui/inputs/src'
-import { MaxLinesComponent, UiLayoutModule } from '../../../../../libs/ui/layout/src'
-import { PopoverComponent, UiWidgetsModule } from '../../../../../libs/ui/widgets/src'
-import { UtilSharedModule } from '../../../../../libs/util/shared/src'
-import { provideNgIconsConfig } from '@ng-icons/core'
-import { TranslateModule } from '@ngx-translate/core'
-import { AvatarComponent } from './avatar/avatar.component'
-import { ImageInputComponent } from './image-input/image-input.component'
-import { MarkdownParserComponent } from './markdown-parser/markdown-parser.component'
-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'
-
-@NgModule({
-  imports: [
-    CommonModule,
-    MatTooltipModule,
-    UiWidgetsModule,
-    UiLayoutModule,
-    TranslateModule.forChild(),
-    UtilSharedModule,
-    RouterModule,
-    UiInputsModule,
-    FormsModule,
-    NgOptimizedImage,
-    PopoverComponent,
-    MarkdownParserComponent,
-    ThumbnailComponent,
-    TimeSincePipe,
-    BadgeComponent,
-    MaxLinesComponent,
-    TextInputComponent,
-    ImageInputComponent,
-    ApplicationBannerComponent,
-  ],
-  providers: [
-    provideNgIconsConfig({
-      size: '1.5em',
-    }),
-  ],
-  declarations: [AvatarComponent, UserPreviewComponent],
-  exports: [
-    ThumbnailComponent,
-    AvatarComponent,
-    UserPreviewComponent,
-    MarkdownParserComponent,
-    ImageInputComponent,
-    ApplicationBannerComponent,
-  ],
-})
-export class UiElementsModule {}

package/src/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.css

@@ -1,3 +0,0 @@
-button {
-  color: var(--navigation-button-color, --color-background);
-}

package/src/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.html

@@ -1,9 +0,0 @@
-<button
-  class="group flex items-center justify-center gap-1 backdrop-blur p-1 bg-primary-opacity-30 rounded content-center"
->
-  <ng-icon [name]="icon" class="align-middle w-[18px]"></ng-icon>
-  <span
-    class="mx-2 mt-0.5 text-[16px] tracking-widest content-center opacity-75"
-    >{{ label.toUpperCase() }}</span
-  >
-</button>

package/src/libs/ui/inputs/src/lib/navigation-button/navigation-button.component.ts

@@ -1,15 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
-import { NgIcon } from '@ng-icons/core'
-
-@Component({
-  selector: 'gn-ui-navigation-button',
-  templateUrl: './navigation-button.component.html',
-  styleUrls: ['./navigation-button.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [NgIcon],
-  standalone: true,
-})
-export class NavigationButtonComponent {
-  @Input() label: string
-  @Input() icon: string
-}