geonetwork-ui 2.9.0 → 2.10.0-dev.0d4a494fa

package/src/libs/api/repository/src/lib/gn4/gn4-repository.ts

@@ -3,7 +3,7 @@ import {
   HttpErrorResponse,
   HttpHeaders,
 } from '@angular/common/http'
-import { Injectable, inject } from '@angular/core'
+import { Injectable, InjectionToken, inject } from '@angular/core'
 import {
   assertValidXml,
   findConverterForDocument,
@@ -57,6 +57,10 @@ const TEMPORARY_ID_PREFIX = 'TEMP-ID-'
 
 export type RecordAsXml = string
 
+export const DISABLE_DRAFT = new InjectionToken<boolean>('gnDisableDraft', {
+  factory: () => false,
+})
+
 @Injectable()
 export class Gn4Repository implements RecordsRepositoryInterface {
   private httpClient = inject(HttpClient)
@@ -67,6 +71,7 @@ export class Gn4Repository implements RecordsRepositoryInterface {
   private platformService = inject(PlatformServiceInterface)
   private gn4LanguagesApi = inject(LanguagesApiService)
   private settingsService = inject(Gn4SettingsService)
+  private disableDraft = inject(DISABLE_DRAFT, { optional: true }) ?? false
 
   _draftsChanged = new Subject<void>()
   draftsChanged$ = this._draftsChanged.asObservable()
@@ -350,7 +355,9 @@ export class Gn4Repository implements RecordsRepositoryInterface {
   openRecordForEdition(
     uniqueIdentifier: string
   ): Observable<[CatalogRecord, string, boolean] | null> {
-    const draft$ = of(this.getRecordFromLocalStorage(uniqueIdentifier))
+    const draft$ = this.disableDraft
+      ? of(null)
+      : of(this.getRecordFromLocalStorage(uniqueIdentifier))
     const recordAsXml$ = this.getRecordAsXml(uniqueIdentifier)
 
     return combineLatest([draft$, recordAsXml$]).pipe(
@@ -475,6 +482,7 @@ export class Gn4Repository implements RecordsRepositoryInterface {
     record: CatalogRecord,
     referenceRecordSource?: string
   ): Observable<string> {
+    if (this.disableDraft) return of('')
     return this.serializeRecordToXml(record, referenceRecordSource).pipe(
       tap((recordXml) => {
         this.saveRecordToLocalStorage(recordXml, record.uniqueIdentifier)
@@ -484,16 +492,19 @@ export class Gn4Repository implements RecordsRepositoryInterface {
   }
 
   clearRecordDraft(uniqueIdentifier: string): void {
+    if (this.disableDraft) return
     this.removeRecordFromLocalStorage(uniqueIdentifier)
     this._draftsChanged.next()
   }
 
   recordHasDraft(uniqueIdentifier: string): boolean {
+    if (this.disableDraft) return false
     return this.getRecordFromLocalStorage(uniqueIdentifier) !== null
   }
 
   // generated by copilot
   getAllDrafts(): Observable<CatalogRecord[]> {
+    if (this.disableDraft) return of([])
     const items = { ...window.localStorage }
     const drafts = Object.keys(items)
       .filter((key) => key.startsWith('geonetwork-ui-draft-'))
@@ -509,6 +520,7 @@ export class Gn4Repository implements RecordsRepositoryInterface {
   }
 
   getDraftsCount(): Observable<number> {
+    if (this.disableDraft) return of(0)
     const items = { ...window.localStorage }
     const draftCount = Object.keys(items)
       .filter((key) => key.startsWith('geonetwork-ui-draft-'))

package/src/libs/api/repository/src/lib/gn4/gn4.provider.ts

@@ -6,7 +6,7 @@ import {
 } from './platform/gn4-platform.service'
 import { Gn4PlatformMapper } from './platform/gn4-platform.mapper'
 import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/repository/records-repository.interface'
-import { Gn4Repository } from './gn4-repository'
+import { Gn4Repository, DISABLE_DRAFT } from './gn4-repository'
 import { AvatarServiceInterface, GravatarService } from './auth'
 import { OrganizationsServiceInterface } from '../../../../../../libs/common/domain/src/lib/organizations.service.interface'
 import {
@@ -22,6 +22,7 @@ import { TranslateService } from '@ngx-translate/core'
 
 interface Gn4ProvideOptions {
   disableAuth?: boolean
+  disableDraft?: boolean
 }
 
 export function provideGn4(provideOptions?: Gn4ProvideOptions): Provider[] {
@@ -30,6 +31,10 @@ export function provideGn4(provideOptions?: Gn4ProvideOptions): Provider[] {
       provide: DISABLE_AUTH,
       useValue: provideOptions?.disableAuth,
     },
+    {
+      provide: DISABLE_DRAFT,
+      useValue: provideOptions?.disableDraft,
+    },
     {
       provide: PlatformServiceInterface,
       useClass: Gn4PlatformService,

package/src/libs/common/domain/src/index.ts

@@ -2,3 +2,4 @@ export * from './lib/model/index'
 export * from './lib/organizations.service.interface'
 export * from './lib/platform.service.interface'
 export * from './lib/repository/records-repository.interface'
+export * from './lib/model/record/metadata.model'

package/src/libs/feature/editor/src/index.ts

@@ -8,6 +8,8 @@ export * from './lib/components/metadata-quality-panel/metadata-quality-panel.co
 export * from './lib/components/multilingual-panel/multilingual-panel.component'
 export * from './lib/components/record-form/form-field'
 export * from './lib/components/record-form/record-form.component'
+export * from './lib/components/online-service-resource-input/online-service-resource-input.component'
+export * from './lib/components/online-resource-card/online-resource-card.component'
 export * from './lib/feature-editor.module'
 export * from './lib/fields.config'
 export * from './lib/services/editor.service'

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

@@ -12,7 +12,6 @@ import {
 } from './editor.selectors'
 import { RecordsRepositoryInterface } from '../../../../../../libs/common/domain/src/lib/repository/records-repository.interface'
 import { PlatformServiceInterface } from '../../../../../../libs/common/domain/src/lib/platform.service.interface'
-
 @Injectable()
 export class EditorEffects {
   private actions$ = inject(Actions)

package/src/libs/feature/editor/src/lib/components/online-service-resource-input/online-service-resource-input.component.html

@@ -20,7 +20,7 @@
     [disabled]="disabled"
     (change)="resetAllFormFields()"
   >
-    @for (protocolOption of protocolOptions; track protocolOption) {
+    @for (protocolOption of availableProtocolOptions; track protocolOption) {
       <mat-radio-button [value]="protocolOption.value">
         {{ protocolOption.label | translate }}
       </mat-radio-button>
@@ -45,6 +45,11 @@
     }
   </gn-ui-url-input>
 
+  @if (loading) {
+    <div class="flex justify-center w-full py-4">
+      <gn-ui-spinning-loader></gn-ui-spinning-loader>
+    </div>
+  }
   @if (errorMessage) {
     <p class="text-sm text-red-500 pl-4" translate>
       editor.record.form.field.onlineResource.edit.identifier.error

package/src/libs/feature/editor/src/lib/components/online-service-resource-input/online-service-resource-input.component.ts

@@ -22,6 +22,7 @@ import {
   TextInputComponent,
   UrlInputComponent,
 } from '../../../../../../../libs/ui/inputs/src'
+import { SpinningLoaderComponent } from '../../../../../../../libs/ui/widgets/src'
 import { createFuzzyFilter, getLayers } from '../../../../../../../libs/util/shared/src'
 import {
   NgIconComponent,
@@ -57,6 +58,7 @@ marker(
     MatTooltipModule,
     MatRadioModule,
     NgIconComponent,
+    SpinningLoaderComponent,
     TextInputComponent,
     TranslateDirective,
     TranslatePipe,
@@ -79,17 +81,19 @@ export class OnlineServiceResourceInputComponent {
   @Input() protocolHint?: string
   @Input() disabled? = false
   @Input() modifyMode? = false
+  @Input() protocolOptions?: ServiceProtocol[]
   @Output() serviceChange: EventEmitter<DatasetServiceDistribution> =
     new EventEmitter()
 
   errorMessage = false
+  loading = false
   resetUrlOnChange = Math.random()
 
   layersSubject = new BehaviorSubject<{ name?: string; title?: string }[]>([])
   layers$: Observable<{ name?: string; title?: string }[]> =
     this.layersSubject.asObservable()
 
-  protocolOptions: {
+  allProtocolOptions: {
     label: string
     value: ServiceProtocol
   }[] = [
@@ -123,6 +127,13 @@ export class OnlineServiceResourceInputComponent {
     },
   ]
 
+  get availableProtocolOptions() {
+    if (!this.protocolOptions) return this.allProtocolOptions
+    return this.protocolOptions.flatMap(
+      (v) => this.allProtocolOptions.find((o) => o.value === v) ?? []
+    )
+  }
+
   get activeLayerSuggestion() {
     return !['wps', 'GPFDL', 'esriRest', 'other'].includes(
       this._service.accessServiceProtocol
@@ -135,6 +146,8 @@ export class OnlineServiceResourceInputComponent {
   }
 
   async handleUploadClick(url: string) {
+    this.loading = true
+    this.cdr.detectChanges()
     try {
       const layers = await getLayers(url, this._service.accessServiceProtocol)
 
@@ -148,6 +161,7 @@ export class OnlineServiceResourceInputComponent {
       this.layersSubject.next([])
     }
 
+    this.loading = false
     this.cdr.detectChanges()
   }
 
@@ -159,6 +173,7 @@ export class OnlineServiceResourceInputComponent {
 
   resetLayersSuggestion() {
     this.errorMessage = false
+    this.loading = false
     this.layersSubject.next([])
     this._service.identifierInService = null
   }

package/src/libs/ui/inputs/src/lib/url-input/url-input.component.ts

@@ -62,7 +62,10 @@ export class UrlInputComponent implements OnChanges {
   inputValue = ''
 
   ngOnChanges(changes: SimpleChanges) {
-    if (changes['resetUrlOnChange']) {
+    if (
+      changes['resetUrlOnChange'] &&
+      !changes['resetUrlOnChange'].firstChange
+    ) {
       this.inputValue = ''
     }
   }