geonetwork-ui 2.4.1-dev.a1ec7cf5a → 2.4.1-dev.a28bdabc1

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

@@ -1,26 +1,37 @@
-import { EventEmitter, OnChanges } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
 import { DatasetServiceDistribution, ServiceProtocol } from '../../../../../../../libs/common/domain/src/lib/model/record';
+import { DropdownChoice } from '../../../../../../../libs/ui/inputs/src';
 import * as i0 from "@angular/core";
-export declare class OnlineServiceResourceInputComponent implements OnChanges {
-    service: Omit<DatasetServiceDistribution, 'url'>;
+export declare class OnlineServiceResourceInputComponent implements OnChanges, OnInit {
+    private cdr;
+    service: DatasetServiceDistribution;
     protocolHint?: string;
     disabled?: boolean;
+    modifyMode?: boolean;
     urlChange: EventEmitter<string>;
     identifierSubmit: EventEmitter<{
         url: string;
         identifier: string;
     }>;
+    errorMessage: boolean;
     selectedProtocol: ServiceProtocol;
     url: string;
+    layers: DropdownChoice[] | undefined;
     protocolOptions: {
         label: string;
         value: ServiceProtocol;
     }[];
+    constructor(cdr: ChangeDetectorRef);
+    get activeLayerSuggestion(): boolean;
     ngOnChanges(): void;
-    handleUrlChange(url: string): void;
+    ngOnInit(): void;
+    handleUrlValueChange(url: string): void;
+    handleUploadClick(url: string): Promise<void>;
+    handleSelectValue(val: string): void;
+    resetLayersSuggestion(): void;
     submitIdentifier(identifier: string): void;
     getIdentifierPlaceholder(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnlineServiceResourceInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnlineServiceResourceInputComponent, "gn-ui-online-service-resource-input", never, { "service": { "alias": "service"; "required": false; }; "protocolHint": { "alias": "protocolHint"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "urlChange": "urlChange"; "identifierSubmit": "identifierSubmit"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnlineServiceResourceInputComponent, "gn-ui-online-service-resource-input", never, { "service": { "alias": "service"; "required": false; }; "protocolHint": { "alias": "protocolHint"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "modifyMode": { "alias": "modifyMode"; "required": false; }; }, { "urlChange": "urlChange"; "identifierSubmit": "identifierSubmit"; }, never, ["*"], true, never>;
 }
 //# sourceMappingURL=online-service-resource-input.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"online-service-resource-input.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/libs/feature/editor/src/lib/components/online-service-resource-input/online-service-resource-input.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,YAAY,EAEZ,SAAS,EAEV,MAAM,eAAe,CAAA;AAKtB,OAAO,EACL,0BAA0B,EAC1B,eAAe,EAChB,MAAM,8DAA8D,CAAA;;AAcrE,qBAwBa,mCAAoC,YAAW,SAAS;IAC1D,OAAO,EAAE,IAAI,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAA;IAChD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,UAAQ;IAChB,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAqB;IACpD,gBAAgB,EAAE,YAAY,CAAC;QACvC,GAAG,EAAE,MAAM,CAAA;QACX,UAAU,EAAE,MAAM,CAAA;KACnB,CAAC,CAAqB;IAEvB,gBAAgB,EAAE,eAAe,CAAA;IACjC,GAAG,EAAE,MAAM,CAAA;IAEX,eAAe,EAAE;QACf,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,eAAe,CAAA;KACvB,EAAE,CA6BF;IAED,WAAW;IAOX,eAAe,CAAC,GAAG,EAAE,MAAM;IAI3B,gBAAgB,CAAC,UAAU,EAAE,MAAM;IAMnC,wBAAwB,IAAI,MAAM;yCAhEvB,mCAAmC;2CAAnC,mCAAmC;CAuE/C"}
+{"version":3,"file":"online-service-resource-input.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/libs/feature/editor/src/lib/components/online-service-resource-input/online-service-resource-input.component.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EAEjB,YAAY,EAEZ,SAAS,EACT,MAAM,EAEP,MAAM,eAAe,CAAA;AAKtB,OAAO,EACL,0BAA0B,EAC1B,eAAe,EAChB,MAAM,8DAA8D,CAAA;AACrE,OAAO,EAEL,cAAc,EAIf,MAAM,yCAAyC,CAAA;;AAUhD,qBAyBa,mCAAoC,YAAW,SAAS,EAAE,MAAM;IAkD/D,OAAO,CAAC,GAAG;IAjDd,OAAO,EAAE,0BAA0B,CAAA;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,UAAQ;IACjB,UAAU,CAAC,UAAQ;IAClB,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAqB;IACpD,gBAAgB,EAAE,YAAY,CAAC;QACvC,GAAG,EAAE,MAAM,CAAA;QACX,UAAU,EAAE,MAAM,CAAA;KACnB,CAAC,CAAqB;IAEvB,YAAY,UAAQ;IACpB,gBAAgB,EAAE,eAAe,CAAA;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,cAAc,EAAE,GAAG,SAAS,CAAY;IAEhD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,eAAe,CAAA;KACvB,EAAE,CA6BF;gBAEmB,GAAG,EAAE,iBAAiB;IAE1C,IAAI,qBAAqB,YAIxB;IAED,WAAW;IAOX,QAAQ;IAMR,oBAAoB,CAAC,GAAG,EAAE,MAAM;IAO1B,iBAAiB,CAAC,GAAG,EAAE,MAAM;IAuBnC,iBAAiB,CAAC,GAAG,EAAE,MAAM;IAI7B,qBAAqB;IAMrB,gBAAgB,CAAC,UAAU,EAAE,MAAM;IAMnC,wBAAwB,IAAI,MAAM;yCArHvB,mCAAmC;2CAAnC,mCAAmC;CA4H/C"}

package/libs/feature/editor/src/lib/components/record-form/form-field/form-field-online-resources/form-field-online-resources.component.d.ts

@@ -24,7 +24,7 @@ export declare class FormFieldOnlineResourcesComponent {
     notLinkResources: OnlineNotLinkResource[];
     uploadProgress: any;
     uploadSubscription: Subscription;
-    newService: Omit<DatasetServiceDistribution, "url">;
+    newService: DatasetServiceDistribution;
     protected MAX_UPLOAD_SIZE_MB: number;
     constructor(notificationsService: NotificationsService, translateService: TranslateService, platformService: PlatformServiceInterface, cd: ChangeDetectorRef, dialog: MatDialog);
     onSelectedTypeChange(selectedType: unknown): void;

package/libs/feature/editor/src/lib/components/record-form/form-field/form-field-online-resources/form-field-online-resources.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-online-resources.component.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-online-resources/form-field-online-resources.component.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EAEjB,YAAY,EAGZ,WAAW,EAEZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,EAC1B,cAAc,EACd,eAAe,EAChB,MAAM,oEAAoE,CAAA;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,kFAAkF,CAAA;AAC3H,OAAO,EAAE,oBAAoB,EAAE,MAAM,2DAA2D,CAAA;AAChG,OAAO,EAGL,kBAAkB,EAInB,MAAM,+CAA+C,CAAA;AAKtD,OAAO,EAAmB,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;;AAKnC,KAAK,qBAAqB,GACtB,2BAA2B,GAC3B,0BAA0B,GAC1B,eAAe,CAAA;AAEnB,qBAmBa,iCAAiC;IAwC1C,OAAO,CAAC,oBAAoB;IAC5B,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,eAAe;IACvB,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,MAAM;IA3CP,YAAY,EAAE,MAAM,CAAA;IAC7B,IAAa,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,EAKxD;IACS,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CACtC;IAES,cAAc,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAExE,WAAW,EAAE,kBAAkB,EAAE,CAWhC;IACD,YAAY,EAAE,UAAU,GAAG,SAAS,CAAa;IAEjD,OAAO,CAAC,YAAY,CAAuB;IAC3C,gBAAgB,EAAE,qBAAqB,EAAE,CAAK;IAC9C,cAAc,MAAY;IAC1B,kBAAkB,EAAE,YAAY,CAAO;IACvC,UAAU,EAIL,IAAI,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAA;IAE5C,SAAS,CAAC,kBAAkB,SAAqB;gBAGvC,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,wBAAwB,EACzC,EAAE,EAAE,iBAAiB,EACrB,MAAM,EAAE,SAAS;IAG3B,oBAAoB,CAAC,YAAY,EAAE,OAAO;IAI1C,gBAAgB,CAAC,IAAI,EAAE,IAAI;IAyB3B,kBAAkB;IAOlB,uBAAuB,CAAC,GAAG,EAAE,MAAM;IAcnC,sBAAsB,CAAC,GAAG,EAAE,MAAM;IAUlC,sBAAsB,CAAC,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE;IAUnE,mBAAmB,CACjB,UAAU,EAAE,0BAA0B,EACtC,UAAU,EAAE,0BAA0B;IAOxC,qBAAqB,CAAC,KAAK,EAAE,OAAO,EAAE;IAStC,oBAAoB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM;IAInE,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,cAAc;yCA/JX,iCAAiC;2CAAjC,iCAAiC;CA+L7C"}
+{"version":3,"file":"form-field-online-resources.component.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-online-resources/form-field-online-resources.component.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EAEjB,YAAY,EAGZ,WAAW,EAEZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,OAAO,EACL,2BAA2B,EAC3B,0BAA0B,EAC1B,cAAc,EACd,eAAe,EAChB,MAAM,oEAAoE,CAAA;AAC3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,kFAAkF,CAAA;AAC3H,OAAO,EAAE,oBAAoB,EAAE,MAAM,2DAA2D,CAAA;AAChG,OAAO,EAGL,kBAAkB,EAInB,MAAM,+CAA+C,CAAA;AAKtD,OAAO,EAAmB,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;;AAKnC,KAAK,qBAAqB,GACtB,2BAA2B,GAC3B,0BAA0B,GAC1B,eAAe,CAAA;AAEnB,qBAmBa,iCAAiC;IAyC1C,OAAO,CAAC,oBAAoB;IAC5B,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,eAAe;IACvB,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,MAAM;IA5CP,YAAY,EAAE,MAAM,CAAA;IAC7B,IAAa,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,EAKxD;IACS,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CACtC;IAES,cAAc,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAExE,WAAW,EAAE,kBAAkB,EAAE,CAWhC;IACD,YAAY,EAAE,UAAU,GAAG,SAAS,CAAa;IAEjD,OAAO,CAAC,YAAY,CAAuB;IAC3C,gBAAgB,EAAE,qBAAqB,EAAE,CAAK;IAC9C,cAAc,MAAY;IAC1B,kBAAkB,EAAE,YAAY,CAAO;IACvC,UAAU,EAAI,0BAA0B,CAKvC;IAED,SAAS,CAAC,kBAAkB,SAAqB;gBAGvC,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,wBAAwB,EACzC,EAAE,EAAE,iBAAiB,EACrB,MAAM,EAAE,SAAS;IAG3B,oBAAoB,CAAC,YAAY,EAAE,OAAO;IAI1C,gBAAgB,CAAC,IAAI,EAAE,IAAI;IAyB3B,kBAAkB;IAOlB,uBAAuB,CAAC,GAAG,EAAE,MAAM;IAcnC,sBAAsB,CAAC,GAAG,EAAE,MAAM;IAUlC,sBAAsB,CAAC,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE;IAUnE,mBAAmB,CACjB,UAAU,EAAE,0BAA0B,EACtC,UAAU,EAAE,0BAA0B;IAOxC,qBAAqB,CAAC,KAAK,EAAE,OAAO,EAAE;IAStC,oBAAoB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM;IAInE,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,cAAc;yCAhKX,iCAAiC;2CAAjC,iCAAiC;CAgM7C"}

package/libs/ui/elements/src/lib/record-api-form/record-api-form.component.d.ts

@@ -8,7 +8,7 @@ export declare class RecordApiFormComponent {
     offset$: BehaviorSubject<string>;
     limit$: BehaviorSubject<string>;
     format$: BehaviorSubject<string>;
-    endpoint$: BehaviorSubject<WfsEndpoint | OgcApiEndpoint>;
+    endpoint$: BehaviorSubject<OgcApiEndpoint | WfsEndpoint>;
     apiBaseUrl: string;
     apiFeatureType: string;
     supportOffset: boolean;

package/libs/util/shared/src/lib/links/link-utils.d.ts

@@ -1,4 +1,4 @@
-import { DatasetOnlineResource } from '../../../../../../libs/common/domain/src/lib/model/record';
+import { DatasetOnlineResource, ServiceProtocol } from '../../../../../../libs/common/domain/src/lib/model/record';
 export declare const FORMATS: {
     readonly csv: {
         readonly extensions: readonly ["csv"];
@@ -107,5 +107,6 @@ export declare function mimeTypeToFormat(mimeType: string): FileFormat;
 export declare function checkFileFormat(link: DatasetOnlineResource, format: FileFormat): boolean;
 export declare function getBadgeColor(linkFormat: FileFormat): string;
 export declare function getLinkLabel(link: DatasetOnlineResource): string;
+export declare function getLayers(url: string, serviceProtocol: ServiceProtocol): Promise<any[]>;
 export declare function getMimeTypeForFormat(format: FileFormat): string | null;
 //# sourceMappingURL=link-utils.d.ts.map

package/libs/util/shared/src/lib/links/link-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-utils.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/util/shared/src/lib/links/link-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2DAA2D,CAAA;AAIjG,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHV,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,OAAO,CAAA;AAE7C,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAUhE;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,qBAAqB,GAAG,MAAM,CAEnE;AAED,wBAAgB,8BAA8B,CAC5C,aAAa,EAAE,MAAM,GACpB,UAAU,GAAG,IAAI,CAgBnB;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,qBAAqB,GAAG,UAAU,CAcrE;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE,MAAM,GACZ,OAAO,CAQT;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAO7D;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,qBAAqB,EAC3B,MAAM,EAAE,UAAU,GACjB,OAAO,CAMT;AAED,wBAAgB,aAAa,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAQ5D;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,qBAAqB,GAAG,MAAM,CA0BhE;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAEtE"}
+{"version":3,"file":"link-utils.d.ts","sourceRoot":"","sources":["../../../../../../src/libs/util/shared/src/lib/links/link-utils.ts"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EACrB,eAAe,EAChB,MAAM,2DAA2D,CAAA;AAUlE,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHV,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,OAAO,CAAA;AAE7C,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAUhE;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,qBAAqB,GAAG,MAAM,CAEnE;AAED,wBAAgB,8BAA8B,CAC5C,aAAa,EAAE,MAAM,GACpB,UAAU,GAAG,IAAI,CAgBnB;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,qBAAqB,GAAG,UAAU,CAcrE;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE,MAAM,GACZ,OAAO,CAQT;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAO7D;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,qBAAqB,EAC3B,MAAM,EAAE,UAAU,GACjB,OAAO,CAMT;AAED,wBAAgB,aAAa,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAQ5D;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,qBAAqB,GAAG,MAAM,CA0BhE;AAED,wBAAsB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,eAAe,EAAE,eAAe,kBA2B5E;AAcD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAEtE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geonetwork-ui",
-  "version": "2.4.1-dev.a1ec7cf5a",
+  "version": "2.4.1-dev.a28bdabc1",
   "engines": {
     "node": ">=20"
   },

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

@@ -17,6 +17,7 @@
     class="flex flex-row gap-[8px]"
     [(ngModel)]="service.accessServiceProtocol"
     [disabled]="disabled"
+    (change)="resetLayersSuggestion()"
   >
     <mat-radio-button
       *ngFor="let protocolOption of protocolOptions"
@@ -30,29 +31,59 @@
 <div class="flex flex-col gap-4">
   <gn-ui-url-input
     class="w-full"
-    (valueChange)="handleUrlChange($event)"
+    (uploadClick)="handleUploadClick($event)"
+    (valueChange)="handleUrlValueChange($event)"
     [disabled]="disabled"
     [value]="url"
-    [showValidateButton]="false"
+    [showValidateButton]="activeLayerSuggestion"
   >
-    <ng-icon name="iconoirCloudUpload"></ng-icon>
+    <ng-content *ngIf="activeLayerSuggestion">
+      <ng-icon name="iconoirCloudUpload"></ng-icon>
+    </ng-content>
   </gn-ui-url-input>
 
+  <p class="text-sm text-red-500 pl-4" *ngIf="errorMessage" translate>
+    editor.record.form.field.onlineResource.edit.identifier.error
+  </p>
+
   <gn-ui-text-input
     class="grow border-b border-gray-300 pb-4"
     [(value)]="service.identifierInService"
     [placeholder]="getIdentifierPlaceholder() | translate"
     data-cy="identifier-in-service"
     [disabled]="disabled"
+    *ngIf="
+      !activeLayerSuggestion ||
+      (url && errorMessage) ||
+      (modifyMode && layers === undefined)
+    "
   ></gn-ui-text-input>
-
+  <gn-ui-dropdown-selector
+    class="border-b border-gray-300 pb-4"
+    [showTitle]="false"
+    [title]="
+      'editor.record.form.field.onlineResource.edit.identifier.select.label'
+        | translate
+    "
+    [choices]="layers || []"
+    *ngIf="activeLayerSuggestion && layers !== undefined"
+    [selected]="service.identifierInService"
+    (selectValue)="handleSelectValue($event)"
+  >
+  </gn-ui-dropdown-selector>
   <gn-ui-button
     (buttonClick)="submitIdentifier(service.identifierInService)"
-    [disabled]="disabled || !service.identifierInService || !url"
+    [disabled]="disabled || !service.identifierInService"
     type="primary"
+    *ngIf="
+      !modifyMode &&
+      ((activeLayerSuggestion && layers) ||
+        !activeLayerSuggestion ||
+        (url && errorMessage))
+    "
   >
-    <span class="text-white font-bold" translate
-      >editor.record.form.field.onlineResource.edit.identifier.submit</span
+    <span class="text-white font-bold" translate>
+      editor.record.form.field.onlineResource.edit.identifier.submit</span
     >
   </gn-ui-button>
 </div>

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

@@ -1,10 +1,12 @@
 import { CommonModule } from '@angular/common'
 import {
   ChangeDetectionStrategy,
+  ChangeDetectorRef,
   Component,
   EventEmitter,
   Input,
   OnChanges,
+  OnInit,
   Output,
 } from '@angular/core'
 import { FormsModule } from '@angular/forms'
@@ -17,6 +19,8 @@ import {
 } from '../../../../../../../libs/common/domain/src/lib/model/record'
 import {
   ButtonComponent,
+  DropdownChoice,
+  DropdownSelectorComponent,
   TextInputComponent,
   UrlInputComponent,
 } from '../../../../../../../libs/ui/inputs/src'
@@ -27,6 +31,7 @@ import {
   provideNgIconsConfig,
 } from '@ng-icons/core'
 import { iconoirCloudUpload } from '@ng-icons/iconoir'
+import { getLayers } from '../../../../../../../libs/util/shared/src'
 
 @Component({
   selector: 'gn-ui-online-service-resource-input',
@@ -35,6 +40,7 @@ import { iconoirCloudUpload } from '@ng-icons/iconoir'
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
   imports: [
+    DropdownSelectorComponent,
     ButtonComponent,
     CommonModule,
     FormsModule,
@@ -52,18 +58,21 @@ import { iconoirCloudUpload } from '@ng-icons/iconoir'
     }),
   ],
 })
-export class OnlineServiceResourceInputComponent implements OnChanges {
-  @Input() service: Omit<DatasetServiceDistribution, 'url'>
+export class OnlineServiceResourceInputComponent implements OnChanges, OnInit {
+  @Input() service: DatasetServiceDistribution
   @Input() protocolHint?: string
   @Input() disabled? = false
+  @Input() modifyMode? = false
   @Output() urlChange: EventEmitter<string> = new EventEmitter()
   @Output() identifierSubmit: EventEmitter<{
     url: string
     identifier: string
   }> = new EventEmitter()
 
+  errorMessage = false
   selectedProtocol: ServiceProtocol
   url: string
+  layers: DropdownChoice[] | undefined = undefined
 
   protocolOptions: {
     label: string
@@ -99,6 +108,14 @@ export class OnlineServiceResourceInputComponent implements OnChanges {
     },
   ]
 
+  constructor(private cdr: ChangeDetectorRef) {}
+
+  get activeLayerSuggestion() {
+    return !['wps', 'GPFDL', 'esriRest', 'other'].includes(
+      this.service.accessServiceProtocol
+    )
+  }
+
   ngOnChanges() {
     this.selectedProtocol =
       this.protocolOptions.find(
@@ -106,8 +123,50 @@ export class OnlineServiceResourceInputComponent implements OnChanges {
       )?.value ?? 'other'
   }
 
-  handleUrlChange(url: string) {
+  ngOnInit() {
+    if (this.service.url) {
+      this.url = this.service.url.toString()
+    }
+  }
+
+  handleUrlValueChange(url: string) {
+    this.url = url
+    this.service.url = new URL(url)
+    this.resetLayersSuggestion()
+    this.urlChange.emit(this.url)
+  }
+
+  async handleUploadClick(url: string) {
     this.url = url
+
+    try {
+      const layers = await getLayers(url, this.service.accessServiceProtocol)
+      this.layers = layers.map((l) => {
+        return {
+          label: l.title ? `${l.title} ${l.name ? `(${l.name})` : ''}` : l.name,
+          value: l.name || l.title,
+        }
+      })
+
+      if (this.layers.length === 0) {
+        throw new Error('No layers found')
+      }
+    } catch (e) {
+      this.errorMessage = true
+      this.layers = undefined
+    }
+
+    this.cdr.detectChanges()
+  }
+
+  handleSelectValue(val: string) {
+    this.service.identifierInService = val
+  }
+
+  resetLayersSuggestion() {
+    this.errorMessage = false
+    this.layers = undefined
+    this.service.identifierInService = null
   }
 
   submitIdentifier(identifier: string) {

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-online-resources/form-field-online-resources.component.html

@@ -21,7 +21,6 @@
     <gn-ui-online-service-resource-input
       [service]="newService"
       [disabled]="disabled$ | async"
-      (urlChange)="handleServiceUrlChange($event)"
       (identifierSubmit)="handleIdentifierSubmit($event)"
     ></gn-ui-online-service-resource-input>
   </div>
@@ -55,19 +54,22 @@
           [(value)]="onlineResource.description"
         ></gn-ui-text-area>
       </div>
-      <ng-container *ngIf="onlineResource.type === 'service'">
+      <ng-container *ngIf="onlineResource.type === 'service'; else urlInput">
         <span class="w-full border-b border-gray-300"></span>
         <gn-ui-online-service-resource-input
           [service]="onlineResource"
+          [modifyMode]="true"
         ></gn-ui-online-service-resource-input>
       </ng-container>
-      <span class="w-full border-b border-gray-300"></span>
-      <gn-ui-url-input
-        class="w-full"
-        [disabled]="true"
-        [value]="onlineResource.url"
-        [showValidateButton]="false"
-      ></gn-ui-url-input>
+      <ng-template #urlInput>
+        <span class="w-full border-b border-gray-300"></span>
+        <gn-ui-url-input
+          class="w-full"
+          [disabled]="true"
+          [value]="onlineResource.url"
+          [showValidateButton]="false"
+        ></gn-ui-url-input>
+      </ng-template>
     </div>
   </ng-template>
 </div>

package/src/libs/feature/editor/src/lib/components/record-form/form-field/form-field-online-resources/form-field-online-resources.component.ts

@@ -92,11 +92,12 @@ export class FormFieldOnlineResourcesComponent {
   notLinkResources: OnlineNotLinkResource[] = []
   uploadProgress = undefined
   uploadSubscription: Subscription = null
-  newService = {
+  newService = <DatasetServiceDistribution>{
     type: 'service',
     accessServiceProtocol: 'ogcFeatures',
     identifierInService: '',
-  } as Omit<DatasetServiceDistribution, 'url'>
+    url: undefined,
+  }
 
   protected MAX_UPLOAD_SIZE_MB = MAX_UPLOAD_SIZE_MB
 

package/src/libs/util/shared/src/lib/links/link-utils.ts

@@ -1,5 +1,14 @@
 import { marker } from '@biesbjerg/ngx-translate-extract-marker'
-import { DatasetOnlineResource } from '../../../../../../libs/common/domain/src/lib/model/record'
+import {
+  DatasetOnlineResource,
+  ServiceProtocol,
+} from '../../../../../../libs/common/domain/src/lib/model/record'
+import {
+  OgcApiEndpoint,
+  WfsEndpoint,
+  WmsEndpoint,
+  WmtsEndpoint,
+} from '@camptocamp/ogc-client'
 
 marker('downloads.wfs.featuretype.not.found')
 
@@ -242,6 +251,47 @@ export function getLinkLabel(link: DatasetOnlineResource): string {
   return format ? `${label} (${format})` : label
 }
 
+export async function getLayers(url: string, serviceProtocol: ServiceProtocol) {
+  switch (serviceProtocol) {
+    case 'ogcFeatures': {
+      const layers = await new OgcApiEndpoint(url).allCollections
+      return layers
+    }
+    case 'wfs': {
+      const endpointWfs = new WfsEndpoint(url)
+      await endpointWfs.isReady()
+      return endpointWfs.getFeatureTypes()
+    }
+    case 'wms': {
+      const endpointWms = new WmsEndpoint(url)
+      await endpointWms.isReady()
+      return endpointWms
+        .getLayers()
+        .flatMap(wmsLayerFlatten)
+        .filter((l) => l.name)
+    }
+    case 'wmts': {
+      const endpointWmts = new WmtsEndpoint(url)
+      await endpointWmts.isReady()
+      return endpointWmts.getLayers()
+    }
+    default:
+      return undefined
+  }
+}
+
+function wmsLayerFlatten(layerFull) {
+  const layer = {
+    title: layerFull.title,
+    name: layerFull.name,
+    abstract: layerFull.abstract,
+  }
+
+  return 'children' in layerFull && Array.isArray(layerFull.children)
+    ? [layer, ...layerFull.children.flatMap(wmsLayerFlatten)]
+    : [layer]
+}
+
 export function getMimeTypeForFormat(format: FileFormat): string | null {
   return format in FORMATS ? FORMATS[format.toLowerCase()].mimeTypes[0] : null
 }

package/translations/de.json

@@ -238,8 +238,10 @@
   "editor.record.form.field.onlineResource.dialogTitle": "",
   "editor.record.form.field.onlineResource.edit.description": "",
   "editor.record.form.field.onlineResource.edit.protocol": "",
+  "editor.record.form.field.onlineResource.edit.identifier.error": "Schichten konnten nicht vom Protokoll abgerufen werden",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder": "Ebenenname",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Prozessname",
+  "editor.record.form.field.onlineResource.edit.identifier.select.label": "Wählen Sie eine Ebene",
   "editor.record.form.field.onlineResource.edit.identifier.submit": "Link zum Dienst",
   "editor.record.form.field.onlineResource.edit.title": "",
   "editor.record.form.field.onlineResource.fileSize": "",

package/translations/en.json

@@ -238,8 +238,10 @@
   "editor.record.form.field.onlineResource.dialogTitle": "Modify the dataset preview",
   "editor.record.form.field.onlineResource.edit.description": "Description",
   "editor.record.form.field.onlineResource.edit.protocol": "Protocol",
+  "editor.record.form.field.onlineResource.edit.identifier.error": "Unable to retrieve layers from protocol",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder": "Layer name",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Process name",
+  "editor.record.form.field.onlineResource.edit.identifier.select.label": "Select a layer",
   "editor.record.form.field.onlineResource.edit.identifier.submit": "Link to the service",
   "editor.record.form.field.onlineResource.edit.title": "Title",
   "editor.record.form.field.onlineResource.fileSize": "{sizeMB}MB",

package/translations/es.json

@@ -238,8 +238,10 @@
   "editor.record.form.field.onlineResource.dialogTitle": "",
   "editor.record.form.field.onlineResource.edit.description": "",
   "editor.record.form.field.onlineResource.edit.protocol": "",
+  "editor.record.form.field.onlineResource.edit.identifier.error": "No se pueden recuperar las capas del protocolo",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nombre de la capa",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nombre del proceso",
+  "editor.record.form.field.onlineResource.edit.identifier.select.label": "Selecciona una capa",
   "editor.record.form.field.onlineResource.edit.identifier.submit": "Enlace al servicio",
   "editor.record.form.field.onlineResource.edit.title": "",
   "editor.record.form.field.onlineResource.fileSize": "",

package/translations/fr.json

@@ -238,8 +238,10 @@
   "editor.record.form.field.onlineResource.dialogTitle": "Modifier l'aperçu du jeu de données",
   "editor.record.form.field.onlineResource.edit.description": "Description",
   "editor.record.form.field.onlineResource.edit.protocol": "Protocole",
+  "editor.record.form.field.onlineResource.edit.identifier.error": "Impossible de récupérer les couches depuis le protocole",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nom de la couche",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nom du processus",
+  "editor.record.form.field.onlineResource.edit.identifier.select.label": "Sélectionner une couche",
   "editor.record.form.field.onlineResource.edit.identifier.submit": "Lier le service",
   "editor.record.form.field.onlineResource.edit.title": "Titre",
   "editor.record.form.field.onlineResource.fileSize": "{sizeMB} Mo",

package/translations/it.json

@@ -232,8 +232,10 @@
   "editor.record.form.field.keywords": "Parole chiave",
   "editor.record.form.field.legalConstraints": "Vincolo legale",
   "editor.record.form.field.license": "Licenza",
+  "editor.record.form.field.onlineResource.edit.identifier.error": "Impossibile recuperare i livelli dal protocollo",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nome del livello",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nome del processo",
+  "editor.record.form.field.onlineResource.edit.identifier.select.label": "Seleziona un livello",
   "editor.record.form.field.onlineResource.edit.identifier.submit": "Collegare il servizio",
   "editor.record.form.field.title.placeholder": "Inserisci un titolo",
   "editor.record.form.field.onlineLinkResources": "Risorse allegate",

package/translations/nl.json

@@ -238,8 +238,10 @@
   "editor.record.form.field.onlineResource.dialogTitle": "",
   "editor.record.form.field.onlineResource.edit.description": "",
   "editor.record.form.field.onlineResource.edit.protocol": "",
+  "editor.record.form.field.onlineResource.edit.identifier.error": "Kan lagen niet ophalen van het protocol",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder": "Laagnaam",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Procesnaam",
+  "editor.record.form.field.onlineResource.edit.identifier.select.label": "Selecteer een laag",
   "editor.record.form.field.onlineResource.edit.identifier.submit": "Link naar de dienst",
   "editor.record.form.field.onlineResource.edit.title": "",
   "editor.record.form.field.onlineResource.fileSize": "",

package/translations/pt.json

@@ -238,8 +238,10 @@
   "editor.record.form.field.onlineResource.dialogTitle": "",
   "editor.record.form.field.onlineResource.edit.description": "",
   "editor.record.form.field.onlineResource.edit.protocol": "",
+  "editor.record.form.field.onlineResource.edit.identifier.error": "Não é possível recuperar camadas do protocolo",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder": "Nome da camada",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Nome do processo",
+  "editor.record.form.field.onlineResource.edit.identifier.select.label": "Selecione uma camada",
   "editor.record.form.field.onlineResource.edit.identifier.submit": "Link para o serviço",
   "editor.record.form.field.onlineResource.edit.title": "",
   "editor.record.form.field.onlineResource.fileSize": "",

package/translations/sk.json

@@ -238,8 +238,10 @@
   "editor.record.form.field.onlineResource.dialogTitle": "",
   "editor.record.form.field.onlineResource.edit.description": "",
   "editor.record.form.field.onlineResource.edit.protocol": "",
+  "editor.record.form.field.onlineResource.edit.identifier.error": "Nie je možné načítať vrstvy z protokolu",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder": "Názov vrstvy",
   "editor.record.form.field.onlineResource.edit.identifier.placeholder.wps": "Názov procesu",
+  "editor.record.form.field.onlineResource.edit.identifier.select.label": "Vyberte vrstvu",
   "editor.record.form.field.onlineResource.edit.identifier.submit": "Odkaz na službu",
   "editor.record.form.field.onlineResource.edit.title": "",
   "editor.record.form.field.onlineResource.fileSize": "",