geonetwork-ui 2.4.0-dev.ac57b75b → 2.4.0-dev.c2a3cdd1

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/ui/elements/src/lib/sortable-list/sortable-list.component.html

@@ -1,38 +0,0 @@
-<div class="flex gap-2 mb-2">
-  <gn-ui-button
-    *ngFor="let addOption of addOptions"
-    (buttonClick)="add.emit(addOption.eventName)"
-  >
-    <span class="material-symbols-outlined gn-ui-icon-small"> add </span>
-    &nbsp;{{ addOption.buttonLabel }}</gn-ui-button
-  >
-</div>
-<div
-  cdkDropList
-  class="sortable-list flex flex-col gap-3 p-2"
-  (cdkDropListDropped)="drop($event)"
->
-  <ng-container
-    *ngFor="let element of elements; index as index; trackBy: trackByFn"
-  >
-    <div class="sortable-box bg-white flex items-center" cdkDrag>
-      <span
-        cdkDragHandle
-        class="material-symbols-outlined mx-[10px] cursor-grab gn-ui-icon-medium flex-none"
-      >
-        drag_handle
-      </span>
-      <div class="flex-1">
-        <ng-container
-          *ngComponentOutlet="element.component; inputs: element.inputs"
-        ></ng-container>
-      </div>
-      <span
-        (click)="removeElement(index)"
-        class="material-symbols-outlined mx-[10px] cursor-pointer gn-ui-icon-medium flex-none"
-      >
-        close
-      </span>
-    </div>
-  </ng-container>
-</div>