[Governance] – Article / paragraph content display

[Gab-pm]

Feature [Governance] – Article / paragraph content display

As a an end-user,
I want to explore the governance of a Data space
So that I read the terms and conditions of its section, subsections, articles and paragraphs

Acceptance criteria

Scenario 1: default display (desktop)

Given that I am a user of the web portal (unauthenticated or authenticated)
And I'm on a Data Space governance page,
And I am using a desktop device,
When I select a section
Then I should see the content of the first sub-section of the selected section
And the content follows this order

• section title
• description of the section (only if available)
• sub-section title
• description of the sub-section (only if available)
• a container with the article title

Note that every section has at least a sub-section with at least an article
see mockup 1 (without descriptions)
see mockup 2 (with descriptions)

Scenario 2: Contrainer behaviour - subsection w/ 1 article

Given that I am a user on a data space governance page
And I am using a desktop device,
When I select a section with the selected subsuction having only one article
Then the container is by default open
And the container has the artictle title on top
And the container has the description of the article as a subtitle (only if available)
and a card representing each paragraph
see mockup 3 & 2

Scenario 3: Contrainer behaviour - subsection w/ 2+ articles

Given that I am a user on a data space governance page
And I am using a desktop device,
When I select a section with the selected subsuction having 2 or more articles
Then the first container of the first article is by default open
And the other containers of the following articles are closed
See mockup 4

Scenario 4: Contrainer Open - subsection w/ 2+ articles

Given that I am a user on a data space governance page
And I am using a desktop device,
When I select a section with the selected subsuction having 2 or more articles
Then the open container displays

• On the left : the title of the article and as a subtitle the description of the article if available
• On the right :
• • a square with the number of paragphs in the article (starting from 1)
• • hide arrow

see mockup 5 (with description)
see mouckup 6 (without description)

Scenario 5: Contrainer closed - subsection w/ 2+ articles

Given that I am a user on a data space governance page
And I am using a desktop device,
When I select a section with the selected subsuction having 2 or more articles
Then the closed container displays

• On the left : the title of the article
• On the right :
• • a square with the number of paragphs in the article (starting from 1)
• • show arrow

see mockup 5 or 6

Scenario 6: Paragraph card - Description fits in max 4 rows

Given that I am a user on a data space governance page
And I am using a desktop device,
When I select a section with a selected subsuction
And the container of one of its articles is open
Then each paragph is displayed on a card in the following order

• icon
• Title of the paragraph
• description of the paragraph (displayd max in 4 rows)

See mockup 7

Scenario 7: Paragraph card - Description fits in 5+ rows

Given that I am a user on a data space governance page
And I am using a desktop device,
When I select a section with a selected subsuction
And the container of one of its articles is open
Then each paragph is displayed on a card in the following order

• icon
• Title of the paragraph
• description of the paragraph (displayd max in 4 rows)
• see more button

See mockup 8

Scenario 8: Paragraph card - Description with DID

Given that I am a user on a data space governance page
And I am using a desktop device,
When I select a section with a selected subsuction
And the container of one of its articles is open
And a paragraph contains DIDs
Then each DID is displayed on a seperate row with

• ... in the middle for the short cut
• Copy icon button
  i - the copy function will be in V2

See mockup 8

Requirements

None.

Resources

Mockups

Desktop

mock up 1

mock up 2

mock up 3

mockup 4

mockup 5

mockup 6

mockup 7

Mockup 8

Mobile

Environment

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

Additional informations

None.

┆Issue is synchronized with this Wrike task by Unito

[ChaimaaZaoui]

Question : si un titre est très long/une description est très longue (sur combien de lignes maximum cela s’étend, y a t il une ellipse?)
Réponse : Aucune limite pour les titres et description => retour à la ligne jusqu'à la fin du texte

Question: le 1er paragaraphe est topic et le second est size ainsi de suite?
Réponse: Oui, mais voir avec l'optimisation du retour à la seconde colonne

[ChaimaaZaoui]

Test executed on Firefox

• S1 => Pass
• S2 => Pass
• S3 => Not executed, no example with multiple articles available
• S4 => Not executed, no example with multiple articles available
• S5 => Not executed, no example with multiple articles available
• S6 => Pass
• S7 => Pass
• S8 => Failed, copy button not displayed