✨Group Templates by Tag

[odeimaiz]

What do these changes do?

In the sim4life-lite product, the Templates (aka Tutorials) need to be grouped by Tag so that users don't get a 40 items flat list.

To achieve this, we will take advantage of the recently implemented tags-for-groups feature. The idea is to tag the publicly available templates with tags that are also available to Everyone and use them for grouping the Tutorials.

If a tutorial has multiple tags, it will be present in multiple groups. On the other hand, if it has no tags, it will fall in the "No Group" group.

Main changes:

• New container SlideBar based implemented. The container works similar to a carousel with partially transparent buttons on both sides.
• All Sorting, View and Grouping buttons are now on the right side of the secondary bar. The rest of the buttons that were part of the secondary bar (Select studies, Delete studies) were moved to the left side.
• sim4life-lite product will list the Tutorials grouped by default
• Templates are all fetched before displaying them

The grouping can be extended to more types like Last changed (this week, last month, last year), Shared with (everyone, organizations, private)... this can be implemented in the next iterations

Tutorials grouped:

Related issue/s

Templates/Tutorials grouping: ITISFoundation/osparc-issues#765

How to test

Checklist

[mrnicegyu11]

supernice, thx

[pcrespov]

🎉 looks great!

[sanderegg]

magnifico!

[mguidon]

Real nice!

[GitHK]

Very nice!

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information