Feat : catalog grid content

[MdechampG]

Feature: Catalog grid content

As a user of the portal on the catalog
I want to see all the resources of the catalog
So that I can explore the dataverse

Acceptance criteria

Scenario: default display (desktop)

Given that I am a user of the web portal,
When I am on the catalog page (authenticated or unauthenticated)
Then I should see 20 cards of dataverse items displayed in a 4-column grid (see mock up) without any filter
And each card should be labelled according to the type (Data space, Dataset, Service)
And each card contains the title and the topic (for data spaces and datasets) or the category (for services)
And cards are sorted ‘by date of last update’
When I scroll down
Then the resources load 20 by 20 (infinite scroll, load as you go)

Scenario: Internationalization

Given that I am a user of the web portal on the catalog page,
When the selected language is English
Then metadata of the resources (title and category) should be displayed in English

Given that I am a user of the web portal on the home page,
When the selected language is French
Then metadata of the resources (title and category) should be displayed in French if available or English by default

Given that I am a user of the web portal on the home page,
When the selected language is German
Then metadata of the resources (title and category) should be displayed in German if available or English by default

Requirements

The content should be fetched from the ontological database.

Resources

Mockups

Mock up :

Environment

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

Additional informations

None.

[fredericvilcot]

@MdechampG @ChaimaaZaoui
To update the views and implement the "infinite scroll" mechanism, I need two elements:

• a loader under the cards in the dataverse view to indicate to the user that more cards are loading
• how do we sort the dataverse? For now we could sort by: type, title or description. Please tell me.

Thx

[ChaimaaZaoui]

@fredericvilcot

• I'll work on the loader with lisa asap and give you its UX
• The order on the dataverse should be following the alphabetical order of titles

[ChaimaaZaoui]

@fredericvilcot regarding the loader here is its design :
https://user-images.githubusercontent.com/115076387/233094531-cbea7bf8-2983-497a-bf96-815b9372eeda.mov

and here the file:
loader.json.zip

[ChaimaaZaoui]

OS : Windows / iOS
Browsers : Firefox / Safari
Scenario: default display (desktop) => Failed

• each card must contain the title and the topic (for data spaces and datasets) or the category (for services), whereas it shows the title and the description see bug Catalog grid content - Card content #272

• And cards are sorted ‘by date of last update’ => I don't have access to ontology to verify the order

[ChaimaaZaoui]

OS : Windows / iOS
Browsers : Firefox / Safari
Scenario: default display (desktop) => Successful

• each card must contain the title and the topic (for data spaces and datasets) or the category (for services), whereas it shows the title and the description see bug Catalog grid content - Card content #272

• And cards are sorted ‘by date of last update’ => I don't have access to ontology to verify the order

[ChaimaaZaoui]

@ccamel or @amimart can one of you please test if the order in is good. That way I can close the ticket. Thank you.

[MdechampG]

Test on the sort of cards failed ❌ it is sorted by alphabetical order and not by date of last update, implying that it's not the same order according to the language.

[fredericvilcot]

@MdechampG
I will make the changes as requested.
FYI, I implemented this comment: #96 (comment)

[MdechampG]

@fredericvilcot ah I haven't seen it. It's because until we have the search bar, it will be easier to find an element if it is sorted by alphabetical order.
So can you keep it like that and we will discuss it with @ChaimaaZaoui. If necessary we'll do a separate issue.
Thank you

[fredericvilcot]

@MdechampG
Sure, let me know if I have to make modifications after your discussion with @ChaimaaZaoui .

[ChaimaaZaoui]

All good, we keep the alphabetical order