geonetwork-ui 2.4.0-dev.618ec561 → 2.4.0-dev.66a33793

package/src/libs/common/fixtures/src/lib/utils/index.ts

@@ -1 +0,0 @@
-export * from './freeze'

package/src/libs/feature/editor/src/lib/components/overview-upload/overview-upload.component.html

@@ -1,10 +0,0 @@
-<gn-ui-image-input
-  [maxSizeMB]="5"
-  [previewUrl]="resourceUrl"
-  [altText]="resourceAltText"
-  [formControl]="formControl"
-  (fileChange)="handleFileChange($event)"
-  (urlChange)="handleUrlChange($event)"
-  (altTextChange)="handleAltTextChange($event)"
-  (delete)="handleDelete()"
-></gn-ui-image-input>

package/src/libs/feature/editor/src/lib/components/overview-upload/overview-upload.component.ts

@@ -1,166 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  EventEmitter,
-  Input,
-  OnChanges,
-  OnInit,
-  Output,
-  SimpleChanges,
-} from '@angular/core'
-import { CommonModule } from '@angular/common'
-import { RecordsApiService } from '../../../../../../../libs/data-access/gn4/src'
-import { UiInputsModule } from '../../../../../../../libs/ui/inputs/src'
-import { FormControl } from '@angular/forms'
-import { GraphicOverview } from '../../../../../../../libs/common/domain/src/lib/model/record'
-
-const extractFileNameFromUrl = (url: string): string => {
-  const pattern = new RegExp(`attachments/([^/?#]+)(?:[/?#]|$)`, 'i')
-  const match = url.match(pattern)
-  return match ? match[1] : ''
-}
-
-@Component({
-  selector: 'gn-ui-overview-upload',
-  standalone: true,
-  imports: [CommonModule, UiInputsModule],
-  templateUrl: './overview-upload.component.html',
-  styleUrls: ['./overview-upload.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class OverviewUploadComponent implements OnInit, OnChanges {
-  @Input() metadataUuid: string
-  @Input() formControl!: FormControl
-  @Output() overviewChange = new EventEmitter<GraphicOverview | null>()
-  @Output() altTextChange: EventEmitter<string> = new EventEmitter()
-
-  resourceAltText = '' // = ressourceFileName by default
-  resourceFileName = ''
-  resourceUrl: URL
-
-  constructor(
-    private recordsApiService: RecordsApiService,
-    private cd: ChangeDetectorRef
-  ) {}
-
-  ngOnInit(): void {
-    this.recordsApiService.getAllResources(this.metadataUuid).subscribe({
-      next: (resources) => {
-        if (resources && resources.length > 0) {
-          this.resourceUrl = new URL(resources[0]?.url)
-          this.resourceAltText =
-            this.resourceAltText === ''
-              ? resources[0].filename
-              : this.resourceAltText
-          this.resourceFileName = extractFileNameFromUrl(resources[0]?.url)
-        } else {
-          this.resourceUrl = null
-          this.resourceAltText = ''
-          this.resourceFileName = ''
-        }
-
-        this.cd.markForCheck()
-      },
-      error: this.errorHandle,
-    })
-  }
-
-  handleFileChange(file: File) {
-    this.recordsApiService
-      .putResource(this.metadataUuid, file, 'public')
-      .subscribe({
-        next: (resource) => {
-          this.resourceUrl = new URL(resource.url)
-          this.resourceAltText = resource.filename
-
-          this.overviewChange.emit({
-            url: new URL(resource.url),
-            description: resource.filename,
-          })
-
-          this.cd.markForCheck()
-        },
-        error: this.errorHandle,
-      })
-  }
-
-  handleUrlChange(url: string) {
-    this.recordsApiService
-      .putResourceFromURL(this.metadataUuid, url, 'public')
-      .subscribe({
-        next: (resource) => {
-          this.resourceUrl = new URL(resource.url)
-          this.resourceAltText = resource.filename
-
-          this.overviewChange.emit({
-            url: new URL(resource.url),
-            description: resource.filename,
-          })
-
-          this.cd.markForCheck()
-        },
-        error: this.errorHandle,
-      })
-  }
-
-  handleAltTextChange(newAltText: string) {
-    this.resourceAltText = newAltText
-
-    this.overviewChange.emit({
-      url: this.resourceUrl,
-      description: this.resourceAltText,
-    })
-    this.cd.markForCheck()
-  }
-
-  handleDelete() {
-    this.recordsApiService
-      .delResource(this.metadataUuid, this.resourceFileName)
-      .subscribe({
-        next: () => {
-          this.resourceAltText = null
-          this.resourceUrl = null
-
-          this.overviewChange.emit(null)
-
-          this.cd.markForCheck()
-        },
-        error: this.errorHandle,
-      })
-  }
-
-  private errorHandle = (error: never) => {
-    console.error(error)
-
-    this.resourceUrl = null
-    this.resourceAltText = ''
-    this.resourceFileName = ''
-
-    this.overviewChange.emit(null)
-
-    this.cd.markForCheck()
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    const overviewChanges = changes['formControl']
-    if (
-      overviewChanges &&
-      overviewChanges.currentValue !== overviewChanges.previousValue
-    ) {
-      let overview: GraphicOverview
-      if (
-        overviewChanges.currentValue.value &&
-        overviewChanges.currentValue.value.length > 0
-      ) {
-        overview = overviewChanges.currentValue.value[0] as GraphicOverview
-      } else {
-        return
-      }
-      if (overview.description && overview.description !== '') {
-        this.resourceAltText = overview.description
-        this.cd.markForCheck()
-      }
-    }
-  }
-}

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-resource-updated/form-field-resource-updated.component.html

@@ -1,4 +0,0 @@
-<gn-ui-date-picker
-  [date]="control.value"
-  (dateChange)="control.setValue($event)"
-></gn-ui-date-picker>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-resource-updated/form-field-resource-updated.component.ts

@@ -1,15 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
-import { FormControl } from '@angular/forms'
-import { DatePickerComponent } from '../../../../../../../../../libs/ui/inputs/src'
-
-@Component({
-  selector: 'gn-ui-form-field-resource-updated',
-  templateUrl: './form-field-resource-updated.component.html',
-  styleUrls: ['./form-field-resource-updated.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [DatePickerComponent],
-})
-export class FormFieldResourceUpdatedComponent {
-  @Input() control!: FormControl
-}

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-temporal-extents/form-field-temporal-extents-date/form-field-temporal-extents-date.component.html

@@ -1,7 +0,0 @@
-<div class="border rounded-lg px-4 pb-4">
-  <p class="my-2" translate>editor.record.form.temporalExtents.date</p>
-  <gn-ui-date-picker
-    [date]="control.value?.start"
-    (dateChange)="control.setValue({ start: $event })"
-  ></gn-ui-date-picker>
-</div>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-temporal-extents/form-field-temporal-extents-date/form-field-temporal-extents-date.component.ts

@@ -1,16 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
-import { FormControl } from '@angular/forms'
-import { DatePickerComponent } from '../../../../../../../../../../libs/ui/inputs/src'
-import { TranslateModule } from '@ngx-translate/core'
-
-@Component({
-  selector: 'gn-ui-form-field-temporal-extents-date',
-  templateUrl: './form-field-temporal-extents-date.component.html',
-  styleUrls: ['./form-field-temporal-extents-date.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [DatePickerComponent, TranslateModule],
-})
-export class FormFieldTemporalExtentsDateComponent {
-  @Input() control!: FormControl
-}

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-temporal-extents/form-field-temporal-extents-range/form-field-temporal-extents-range.component.html

@@ -1,13 +0,0 @@
-<div class="border rounded-lg px-4 pb-4">
-  <p class="my-2" translate>editor.record.form.temporalExtents.range</p>
-  <gn-ui-date-range-picker
-    [startDate]="control.value?.start"
-    [endDate]="control.value?.end"
-    (startDateChange)="
-      control.setValue({ start: $event, end: control.value?.end })
-    "
-    (endDateChange)="
-      control.setValue({ start: control.value?.start, end: $event })
-    "
-  ></gn-ui-date-range-picker>
-</div>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-temporal-extents/form-field-temporal-extents-range/form-field-temporal-extents-range.component.ts

@@ -1,16 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
-import { FormControl } from '@angular/forms'
-import { DateRangePickerComponent } from '../../../../../../../../../../libs/ui/inputs/src'
-import { TranslateModule } from '@ngx-translate/core'
-
-@Component({
-  selector: 'gn-ui-form-field-temporal-extents-range',
-  templateUrl: './form-field-temporal-extents-range.component.html',
-  styleUrls: ['./form-field-temporal-extents-range.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true,
-  imports: [DateRangePickerComponent, TranslateModule],
-})
-export class FormFieldTemporalExtentsRangeComponent {
-  @Input() control!: FormControl
-}

package/src/libs/feature/map/src/lib/+state/map.effects.ts

@@ -1,7 +0,0 @@
-import { Injectable } from '@angular/core'
-import { Actions } from '@ngrx/effects'
-
-@Injectable()
-export class MapEffects {
-  constructor(private readonly actions$: Actions) {}
-}

package/src/libs/feature/map/src/lib/+state/map.models.ts

@@ -1,9 +0,0 @@
-import { MapContextLayerModel } from '../map-context/map-context.model'
-
-export type MapLayer = MapContextLayerModel & {
-  title: string
-}
-export type MapLayerWithInfo = MapLayer & {
-  error: string | null
-  loading: boolean
-}

package/src/libs/feature/map/src/lib/constant/map-options.ts

@@ -1,17 +0,0 @@
-import { InjectionToken } from '@angular/core'
-import { StyleFunction } from 'ol/style/Style'
-import { defaultStyle, hlStyle } from './style.constant'
-
-export interface MapOptionsModel {
-  defaultStyle: StyleFunction
-  hlStyle: StyleFunction
-}
-
-export const defaultMapOptions: MapOptionsModel = {
-  defaultStyle,
-  hlStyle,
-}
-
-export const FEATURE_MAP_OPTIONS = new InjectionToken<MapOptionsModel>(
-  'mapOptions'
-)

package/src/libs/feature/map/src/lib/feature-info/feature-info.service.ts

@@ -1,42 +0,0 @@
-import { EventEmitter, Injectable } from '@angular/core'
-import Feature from 'ol/Feature'
-import { Geometry } from 'ol/geom'
-import { forkJoin, Observable, of } from 'rxjs'
-import { MapManagerService } from '../manager/map-manager.service'
-import { MapUtilsService } from '../utils/map-utils.service'
-
-@Injectable({
-  providedIn: 'root',
-})
-export class FeatureInfoService {
-  features$ = new EventEmitter<Feature<Geometry>[]>()
-
-  constructor(
-    private manager: MapManagerService,
-    private mapUtils: MapUtilsService
-  ) {}
-
-  handleFeatureInfo(): void {
-    const { map } = this.manager
-    map.on('click', (event) => {
-      const gfiFeaturesObservables =
-        this.mapUtils.getGFIFeaturesObservablesFromClick(map, event)
-      const vectorFeatures$ = of(
-        this.mapUtils.getVectorFeaturesFromClick(map, event)
-      )
-
-      const featuresObservablesArray: Observable<Feature<Geometry>[]>[] = [
-        ...gfiFeaturesObservables,
-        vectorFeatures$,
-      ]
-
-      forkJoin(...featuresObservablesArray).subscribe((featuresArrays) => {
-        const allFeatures = featuresArrays.reduce(
-          (outputFeatures, features) => [...outputFeatures, ...features],
-          []
-        )
-        this.features$.emit(allFeatures)
-      })
-    })
-  }
-}

package/src/libs/feature/map/src/lib/manager/map-instance.directive.ts

@@ -1,10 +0,0 @@
-import { Directive } from '@angular/core'
-import { MapManagerService } from './map-manager.service'
-
-@Directive({
-  selector: '[gnUiMapContainer]',
-  providers: [MapManagerService],
-})
-export class MapInstanceDirective {
-  constructor(private manager: MapManagerService) {}
-}

package/src/libs/feature/map/src/lib/manager/map-manager.service.ts

@@ -1,13 +0,0 @@
-import { Injectable } from '@angular/core'
-import Map from 'ol/Map'
-import { MapUtilsService } from '../utils/map-utils.service'
-
-@Injectable({
-  providedIn: 'root',
-})
-export class MapManagerService {
-  readonly map: Map
-  constructor(private utils: MapUtilsService) {
-    this.map = this.utils.createEmptyMap()
-  }
-}

package/src/libs/feature/map/src/lib/map-container/map-container.component.html

@@ -1 +0,0 @@
-<gn-ui-map-context [context]="context$ | async"></gn-ui-map-context>

package/src/libs/feature/map/src/lib/map-container/map-container.component.ts

@@ -1,26 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core'
-import { Observable } from 'rxjs'
-import { map } from 'rxjs/operators'
-import { MapFacade } from '../+state/map.facade'
-import { MapContextModel } from '../map-context/map-context.model'
-import { DEFAULT_BASELAYER_CONTEXT } from '../map-context/map-context.service'
-
-@Component({
-  selector: 'gn-ui-map-container',
-  templateUrl: './map-container.component.html',
-  styleUrls: ['./map-container.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class MapContainerComponent {
-  context$: Observable<MapContextModel> = this.mapFacade.layers$.pipe(
-    map((layers) => ({
-      view: {
-        center: [4, 42],
-        zoom: 6,
-      },
-      layers: [DEFAULT_BASELAYER_CONTEXT, ...layers],
-    }))
-  )
-
-  constructor(private mapFacade: MapFacade) {}
-}

package/src/libs/feature/map/src/lib/map-context/component/map-context.component.html

@@ -1 +0,0 @@
-<gn-ui-map [map]="map"></gn-ui-map>

package/src/libs/feature/map/src/lib/map-context/component/map-context.component.ts

@@ -1,57 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  EventEmitter,
-  Input,
-  OnChanges,
-  Output,
-} from '@angular/core'
-import { MapUtilsService } from '../../utils/map-utils.service'
-import Feature from 'ol/Feature'
-import { Geometry } from 'ol/geom'
-
-import Map from 'ol/Map'
-import { FeatureInfoService } from '../../feature-info/feature-info.service'
-import { MapManagerService } from '../../manager/map-manager.service'
-import { MapContextModel } from '../map-context.model'
-import { MapContextService } from '../map-context.service'
-import { MapConfig } from '../../../../../../../libs/util/app-config/src'
-
-@Component({
-  selector: 'gn-ui-map-context',
-  templateUrl: './map-context.component.html',
-  styleUrls: ['./map-context.component.css'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class MapContextComponent implements OnChanges {
-  @Input() context: MapContextModel
-  @Input() mapConfig: MapConfig
-  @Output() featureClicked = new EventEmitter<Feature<Geometry>[]>()
-
-  map: Map
-
-  constructor(
-    private service: MapContextService,
-    private featureInfo: FeatureInfoService,
-    private manager: MapManagerService,
-    private utils: MapUtilsService
-  ) {
-    this.map = manager.map
-  }
-
-  ngOnChanges() {
-    if (this.context?.view) {
-      if (this.context.view.extent && !this.map.getSize()) {
-        this.map.once('change:size', () => {
-          this.service.resetMapFromContext(
-            this.map,
-            this.context,
-            this.mapConfig
-          )
-        })
-      } else {
-        this.service.resetMapFromContext(this.map, this.context, this.mapConfig)
-      }
-    }
-  }
-}

package/src/libs/feature/map/src/lib/map-context/map-context.fixtures.ts

@@ -1,51 +0,0 @@
-import { FEATURE_COLLECTION_POLYGON_FIXTURE_4326 } from '../../../../../../libs/common/fixtures/src'
-import { Extent } from 'ol/extent'
-import {
-  MapContextLayerGeojsonModel,
-  MapContextLayerModel,
-  MapContextLayerTypeEnum,
-  MapContextModel,
-  MapContextViewModel,
-} from '../map-context/map-context.model'
-
-export const MAP_CTX_LAYER_XYZ_FIXTURE: MapContextLayerModel = {
-  type: MapContextLayerTypeEnum.XYZ,
-  url: 'https://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png',
-}
-export const MAP_CTX_LAYER_WMS_FIXTURE: MapContextLayerModel = {
-  type: MapContextLayerTypeEnum.WMS,
-  url: 'https://www.geograndest.fr/geoserver/region-grand-est/ows?REQUEST=GetCapabilities&SERVICE=WMS',
-  name: 'commune_actuelle_3857',
-}
-export const MAP_CTX_LAYER_WFS_FIXTURE: MapContextLayerModel = {
-  type: MapContextLayerTypeEnum.WFS,
-  url: 'https://www.geograndest.fr/geoserver/region-grand-est/ows?REQUEST=GetCapabilities&SERVICE=WFS&VERSION=1.1.0',
-  name: 'ms:commune_actuelle_3857',
-}
-export const MAP_CTX_LAYER_GEOJSON_FIXTURE: MapContextLayerGeojsonModel = {
-  type: MapContextLayerTypeEnum.GEOJSON,
-  data: FEATURE_COLLECTION_POLYGON_FIXTURE_4326,
-}
-export const MAP_CTX_LAYER_GEOJSON_REMOTE_FIXTURE: MapContextLayerGeojsonModel =
-  {
-    type: MapContextLayerTypeEnum.GEOJSON,
-    url: 'https://my.host.com/data/regions.json',
-  }
-
-export const MAP_CTX_VIEW_FIXTURE: MapContextViewModel = {
-  center: [7.75, 48.6],
-  zoom: 9,
-}
-
-export const MAP_CTX_FIXTURE: MapContextModel = {
-  layers: [
-    MAP_CTX_LAYER_XYZ_FIXTURE,
-    MAP_CTX_LAYER_WMS_FIXTURE,
-    MAP_CTX_LAYER_GEOJSON_FIXTURE,
-  ],
-  view: MAP_CTX_VIEW_FIXTURE,
-}
-
-export const MAP_CTX_EXTENT_FIXTURE: Extent = [
-  171083.69713494915, 6246047.945419401, 476970.39956295764, 6631079.362882684,
-]

package/src/libs/feature/map/src/lib/map-context/map-context.model.ts

@@ -1,95 +0,0 @@
-import type { FeatureCollection } from 'geojson'
-import { Coordinate } from 'ol/coordinate'
-import type { Extent } from 'ol/extent'
-
-export enum MapContextLayerTypeEnum {
-  XYZ = 'xyz',
-  WMS = 'wms',
-  WMTS = 'wmts',
-  WFS = 'wfs',
-  GEOJSON = 'geojson',
-  OGCAPI = 'ogcapi',
-}
-
-export interface MapContextModel {
-  layers: MapContextLayerModel[]
-  view?: MapContextViewModel
-}
-
-export interface MapContextLayerWmsModel {
-  type: 'wms'
-  url: string
-  name: string
-  attributions?: string
-}
-
-export interface MapContextLayerWmtsModel {
-  type: 'wmts'
-  url: string
-  name: string
-  attributions?: string
-}
-
-interface MapContextLayerWfsModel {
-  type: 'wfs'
-  url: string
-  name: string
-  attributions?: string
-}
-
-export interface MapContextLayerOgcapiModel {
-  type: 'ogcapi'
-  url: string
-  name: string
-  layerType: 'feature' | 'vectorTiles' | 'mapTiles' | 'record'
-  attributions?: string
-}
-
-interface LayerXyzModel {
-  type: 'xyz'
-  name?: string
-  attributions?: string
-}
-interface LayerXyzModelWithUrl extends LayerXyzModel {
-  url: string
-  urls?: never
-}
-interface LayerXyzModelWithUrls extends LayerXyzModel {
-  urls: string[]
-  url?: never
-}
-export type MapContextLayerXyzModel =
-  | LayerXyzModelWithUrl
-  | LayerXyzModelWithUrls
-
-interface LayerGeojson {
-  type: 'geojson'
-  attributions?: string
-}
-interface LayerGeojsonWithUrl extends LayerGeojson {
-  url: string
-  data?: never
-}
-interface LayerGeojsonWithData extends LayerGeojson {
-  data: FeatureCollection | string
-  url?: never
-}
-export type MapContextLayerGeojsonModel =
-  | LayerGeojsonWithUrl
-  | LayerGeojsonWithData
-
-export type MapContextLayerModel =
-  | MapContextLayerWmsModel
-  | MapContextLayerWmtsModel
-  | MapContextLayerWfsModel
-  | MapContextLayerXyzModel
-  | MapContextLayerGeojsonModel
-  | MapContextLayerOgcapiModel
-
-export interface MapContextViewModel {
-  center?: Coordinate // expressed in long/lat (EPSG:4326)
-  zoom?: number
-  extent?: Extent // expressed in long/lat (EPSG:4326)
-  maxZoom?: number
-  maxExtent?: Extent // expressed in long/lat (EPSG:4326)
-}