geonetwork-ui 2.6.0-dev.f073bbb4e → 2.7.0-dev.32f2d4483

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
-}

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 { TextAreaComponent } from './text-area/text-area.component'
-import { ViewportIntersectorComponent } from './viewport-intersector/viewport-intersector.component'
-
-@NgModule({
-  declarations: [
-    DragAndDropFileInputComponent,
-    DropdownMultiselectComponent,
-    ViewportIntersectorComponent,
-    CheckboxComponent,
-  ],
-  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,
-    }),
-    provideNgIconsConfig({
-      size: '0.9em',
-    }),
-  ],
-  exports: [
-    DropdownSelectorComponent,
-    ButtonComponent,
-    DragAndDropFileInputComponent,
-    TextAreaComponent,
-    DropdownMultiselectComponent,
-    ViewportIntersectorComponent,
-    CheckToggleComponent,
-    CheckboxComponent,
-    DateRangePickerComponent,
-    EditableLabelDirective,
-    BadgeComponent,
-  ],
-})
-export class UiInputsModule {}

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

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core'
-import { CommonModule } from '@angular/common'
-import { TranslateModule } from '@ngx-translate/core'
-import { StickyHeaderComponent } from './sticky-header/sticky-header.component'
-import { AnchorLinkDirective } from './anchor-link/anchor-link.directive'
-import { NgIconComponent, provideNgIconsConfig } from '@ng-icons/core'
-
-@NgModule({
-  imports: [CommonModule, TranslateModule.forChild(), NgIconComponent],
-  providers: [
-    provideNgIconsConfig({
-      size: '0.9em',
-    }),
-  ],
-  declarations: [StickyHeaderComponent, AnchorLinkDirective],
-  exports: [StickyHeaderComponent, AnchorLinkDirective],
-})
-export class UiLayoutModule {}

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

@@ -1,25 +0,0 @@
-import { NgModule } from '@angular/core'
-import { UtilSharedModule } from '../../../../../libs/util/shared/src'
-import { TranslateModule } from '@ngx-translate/core'
-import { NgxDropzoneModule } from 'ngx-dropzone'
-import { ColorScaleComponent } from './color-scale/color-scale.component'
-import { TagInputModule } from 'ngx-chips'
-import { FormsModule, ReactiveFormsModule } from '@angular/forms'
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'
-import { CommonModule } from '@angular/common'
-
-@NgModule({
-  declarations: [ColorScaleComponent],
-  imports: [
-    CommonModule,
-    TranslateModule.forChild(),
-    NgxDropzoneModule,
-    FormsModule,
-    ReactiveFormsModule,
-    TagInputModule,
-    UtilSharedModule,
-    MatProgressSpinnerModule,
-  ],
-  exports: [],
-})
-export class UiWidgetsModule {}

package/src/libs/util/i18n/src/lib/lang.service.ts

@@ -1,23 +0,0 @@
-import { Injectable } from '@angular/core'
-import { LANG_2_TO_3_MAPPER } from './language-codes'
-import { TranslateService } from '@ngx-translate/core'
-
-@Injectable({
-  providedIn: 'root',
-})
-export class LangService {
-  constructor(private translate: TranslateService) {}
-
-  get iso2() {
-    return this.translate.currentLang
-  }
-  get iso3(): string {
-    return LANG_2_TO_3_MAPPER[this.iso2]
-  }
-  get index(): string {
-    return `lang${this.iso3}`
-  }
-  get gnLang() {
-    return this.iso3 ? 'lang' + this.iso3 : null
-  }
-}

package/src/libs/util/i18n/src/lib/util-i18n.module.ts

@@ -1,26 +0,0 @@
-import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http'
-import { NgModule } from '@angular/core'
-import { TranslateModule, TranslateService } from '@ngx-translate/core'
-import { DEFAULT_LANG, LANGUAGE_STORAGE_KEY } from './i18n.constants'
-import { I18nInterceptor } from './i18n.interceptor'
-import { CommonModule } from '@angular/common'
-
-@NgModule({
-  imports: [HttpClientModule, TranslateModule.forChild(), CommonModule],
-  exports: [],
-  providers: [
-    { provide: HTTP_INTERCEPTORS, useClass: I18nInterceptor, multi: true },
-  ],
-})
-export class UtilI18nModule {
-  constructor(translate: TranslateService) {
-    translate.setDefaultLang(DEFAULT_LANG)
-    let storageLang = null
-    try {
-      storageLang = localStorage.getItem(LANGUAGE_STORAGE_KEY)
-    } catch (error) {
-      console.warn(error)
-    }
-    translate.use(storageLang || translate.getBrowserLang() || DEFAULT_LANG)
-  }
-}

package/src/libs/util/shared/src/lib/util-shared.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core'
-import { CommonModule } from '@angular/common'
-import { ImageFallbackDirective } from './image-fallback.directive'
-
-@NgModule({
-  declarations: [ImageFallbackDirective],
-  imports: [CommonModule],
-  exports: [ImageFallbackDirective],
-})
-export class UtilSharedModule {}