[Share Service] Select your service

[ChaimaaZaoui]

As a end-user with an authenticated wallet or not,
I want to reference a service in the dataverse,
So that my service could be used to create knowledge.

Acceptance criteria

Scenario 1: "Select your service" general display

Given that I am an end user,
And I am using a desktop device,
When I am in the step "Select your service"
Then the page is displayed as follows

• Text I SHARE A SERVICE
• Figure Stepper
• Text Select your service
• TextPlease enter the URL of the service you would like to reference in the Dataverse. Make sure that the URL is valid, as there is no error control available to verify it.
• Field to input a link
• Button to reference the link
• ButtonNext step

Scenario 2: Entering a service link

Given that I am an end user,
And I am using a desktop device,
And I am in the step "Select your service"
Then by default

• the input field is empty
• reference button is inactive
• Next step is inactive

Scenario 3: Referencing a service link

When I type in a link in the field
Then reference button becomes active if the text has a correct link format

When the entered link doesn't have a link format
then the reference button stays inactive

When I click on the active reference button
Then the link is shown below the field
And the reference button becomes inactive
And the input field becomes inactive, not allowing to type anything
And a delete icon button appears next to the link
And Next step becomes active

Scenario 4: Wrong service link format

When the entered text doesn't have a link format
Then an error is shown to the user with the following error message "Enter a correctly formatted URL"

Scenario 5: Deleting a service link

When I click on the delete icon
Then the entered link is not listed anymore
And the input field becomes active, allowing to type in a new link

Scenario 6 : Form navigation (stepper / next / previous)

See user story : #236 [Resource referencing] Form navigation

Scenario 7 : Internationalisation

ENG

I Share a service
Select your service
Please enter the URL of the service you would like to reference in the Dataverse. Make sure that the URL is valid, as there is no error control available to verify it.
Reference
Enter a correctly formatted URL

FR

Je partage un service
Sélectionnez votre service
Veuillez saisir l'URL du service que vous souhaitez référencer dans le Dataverse. Assurez-vous que l'URL est valide, car il n'y a pas de contrôle d'erreur disponible pour le vérifier.
Référencer
Saisir une URL correctement formatée

DE

ich teile einen Dienst
Wählen Sie Ihren Dienst aus
Bitte geben Sie die URL des Dienstes ein, den Sie im Dataverse referenzieren möchten. Achten Sie darauf, dass die URL gültig ist, da es keine Fehlerkontrolle gibt, um sie zu überprüfen.
Referenzieren
Geben Sie eine korrekt formatierte URL ein

Resources

Mockups

Desktop

Environment

• staging URL: https://app.staging.okp4.network/

┆Issue is synchronized with this Wrike task by Unito

[lmarline]

@ChaimaaZaoui hi can you change the translation of german according to the bold text just below ?

ich teile einen Dienst
Wählen Sie Ihren Dienst aus
Bitte geben Sie die URL des Dienstes ein, den Sie im Dataverse referenzieren möchten. Achten Sie darauf, dass die URL gültig ist, da es keine Fehlerkontrolle gibt, um sie zu überprüfen.
Referenzieren
Geben Sie eine korrekt formatierte URL ein

[loiclaudet]

Tech Specs

Stepper

• create a route shareService = '/share/service'
• create a stepper in a new file shareService, in page/share/service, based on what have been done in shareDataset.

ShareService Store

• create a new store called shareService.slice.ts, based on what have been done in shareData.slice.ts.

Service Reference

• reuse the List component to create the link overview
• on Reference button click, save the link to the store
• on bin icon click, remove the link from the store

Step validation

• step valid state depends on the presence of the link in the store.

Input validation, error handling

• can be done later, require a validation domain dedicated to shareService steps.