geonetwork-ui 2.6.0-dev.ceb4be4c1 → 2.6.0-dev.cfd9cd166

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/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,9 +0,0 @@
-<gn-ui-internal-link-card
-  [linkHref]="linkHref"
-  [linkTarget]="'_blank'"
-  [record]="record"
-  [favoriteTemplate]="favoriteTemplate"
-  [metadataQualityDisplay]="metadataQualityDisplay"
-  [size]="size"
->
-</gn-ui-internal-link-card>

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

@@ -1,61 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  EventEmitter,
-  Input,
-  Output,
-} from '@angular/core'
-import { CatalogRecord } from '../../../../../../libs/common/domain/src/lib/model/record'
-import { ThumbnailComponent } from '../thumbnail/thumbnail.component'
-import { InternalLinkCardComponent } from '../internal-link-card/internal-link-card.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'
-import { TemplateRef } from '@angular/core'
-
-@Component({
-  selector: 'gn-ui-related-record-card',
-  templateUrl: './related-record-card.component.html',
-  styleUrls: ['./related-record-card.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [
-    InternalLinkCardComponent,
-    ThumbnailComponent,
-    RouterLink,
-    MatTooltipModule,
-    NgIcon,
-    TranslateModule,
-  ],
-  standalone: true,
-  viewProviders: [provideIcons({ matOpenInNew })],
-})
-export class RelatedRecordCardComponent {
-  private readonly baseClasses: string
-
-  @Input() linkHref: string = null
-  @Input() record: CatalogRecord
-  @Input() extraClass = ''
-  @Input() favoriteTemplate: TemplateRef<{ $implicit: CatalogRecord }>
-  @Input() metadataQualityDisplay: boolean
-  @Input() size: string
-
-  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,72 +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 { GeoDataBadgeComponent } from './geo-data-badge/geo-data-badge.component'
-import { MarkdownParserComponent } from './markdown-parser/markdown-parser.component'
-import { KindBadgeComponent } from './kind-badge/kind-badge.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'
-import { InternalLinkCardComponent } from './internal-link-card/internal-link-card.component'
-import { ServiceCapabilitiesComponent } from './service-capabilities/service-capabilities.component'
-@NgModule({
-  imports: [
-    CommonModule,
-    MatTooltipModule,
-    UiWidgetsModule,
-    UiLayoutModule,
-    TranslateModule.forChild(),
-    UtilSharedModule,
-    RouterModule,
-    UiInputsModule,
-    FormsModule,
-    NgOptimizedImage,
-    PopoverComponent,
-    MarkdownParserComponent,
-    ThumbnailComponent,
-    TimeSincePipe,
-    BadgeComponent,
-    MaxLinesComponent,
-    TextInputComponent,
-    ImageInputComponent,
-    ApplicationBannerComponent,
-    InternalLinkCardComponent,
-    ServiceCapabilitiesComponent,
-    KindBadgeComponent,
-    GeoDataBadgeComponent,
-  ],
-  providers: [
-    provideNgIconsConfig({
-      size: '1.5em',
-    }),
-  ],
-  declarations: [AvatarComponent, UserPreviewComponent],
-  exports: [
-    ThumbnailComponent,
-    AvatarComponent,
-    UserPreviewComponent,
-    MarkdownParserComponent,
-    ImageInputComponent,
-    ApplicationBannerComponent,
-    InternalLinkCardComponent,
-    ServiceCapabilitiesComponent,
-    KindBadgeComponent,
-    GeoDataBadgeComponent,
-  ],
-})
-export class UiElementsModule {}

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

@@ -1,96 +0,0 @@
-import { OverlayModule } from '@angular/cdk/overlay'
-import { CommonModule } from '@angular/common'
-import { NgModule } from '@angular/core'
-import { FormsModule, ReactiveFormsModule } from '@angular/forms'
-import { MatAutocompleteModule } from '@angular/material/autocomplete'
-import { MatCheckboxModule } from '@angular/material/checkbox'
-import { MatNativeDateModule } from '@angular/material/core'
-import { MatDatepickerModule } from '@angular/material/datepicker'
-import { MatFormFieldModule } from '@angular/material/form-field'
-import { MatInputModule } from '@angular/material/input'
-import { MatTooltipModule } from '@angular/material/tooltip'
-import { UiWidgetsModule } from '../../../../../libs/ui/widgets/src'
-import { UtilSharedModule } from '../../../../../libs/util/shared/src'
-import {
-  NgIconComponent,
-  provideIcons,
-  provideNgIconsConfig,
-} from '@ng-icons/core'
-import {
-  matClose,
-  matExpandLess,
-  matExpandMore,
-} from '@ng-icons/material-icons/baseline'
-import { TranslateModule } from '@ngx-translate/core'
-import { TagInputModule } from 'ngx-chips'
-import { NgxDropzoneModule } from 'ngx-dropzone'
-import { BadgeComponent } from './badge/badge.component'
-import { ButtonComponent } from './button/button.component'
-import { CheckToggleComponent } from './check-toggle/check-toggle.component'
-import { CheckboxComponent } from './checkbox/checkbox.component'
-import { DateRangePickerComponent } from './date-range-picker/date-range-picker.component'
-import { DragAndDropFileInputComponent } from './drag-and-drop-file-input/drag-and-drop-file-input.component'
-import { DropdownMultiselectComponent } from './dropdown-multiselect/dropdown-multiselect.component'
-import { DropdownSelectorComponent } from './dropdown-selector/dropdown-selector.component'
-import { EditableLabelDirective } from './editable-label/editable-label.directive'
-import { InlineFilterComponent } from './inline-filter/inline-filter.component'
-import { TextAreaComponent } from './text-area/text-area.component'
-import { ViewportIntersectorComponent } from './viewport-intersector/viewport-intersector.component'
-
-@NgModule({
-  declarations: [
-    DragAndDropFileInputComponent,
-    DropdownMultiselectComponent,
-    ViewportIntersectorComponent,
-    CheckboxComponent,
-    InlineFilterComponent,
-  ],
-  imports: [
-    CommonModule,
-    TranslateModule.forChild(),
-    NgxDropzoneModule,
-    FormsModule,
-    ReactiveFormsModule,
-    TagInputModule,
-    UtilSharedModule,
-    MatAutocompleteModule,
-    UiWidgetsModule,
-    OverlayModule,
-    MatCheckboxModule,
-    MatTooltipModule,
-    MatFormFieldModule,
-    MatInputModule,
-    MatDatepickerModule,
-    MatNativeDateModule,
-    EditableLabelDirective,
-    TextAreaComponent,
-    ButtonComponent,
-    DropdownSelectorComponent,
-    DateRangePickerComponent,
-    CheckToggleComponent,
-    BadgeComponent,
-    NgIconComponent,
-  ],
-  providers: [
-    provideIcons({
-      matClose,
-      matExpandMore,
-      matExpandLess,
-    }),
-  ],
-  exports: [
-    DropdownSelectorComponent,
-    ButtonComponent,
-    DragAndDropFileInputComponent,
-    TextAreaComponent,
-    DropdownMultiselectComponent,
-    ViewportIntersectorComponent,
-    CheckToggleComponent,
-    CheckboxComponent,
-    DateRangePickerComponent,
-    EditableLabelDirective,
-    InlineFilterComponent,
-    BadgeComponent,
-  ],
-})
-export class UiInputsModule {}