[NGS Portal] Projects page

[NShaforostov]

Projects page of the NGS Portal should look approximately like this:

It shall contain:

• filter panel - to filter projects list
• search bar - to search for a project(s)
• projects list - list of projects available for the current user
• button to create a new project

Filter panel

This panel shall allow user to filter displayed projects in the list.
Filters are defined according to the set of possible project attributes (tags) over all projects:

• each filter presents a dropdown list where filter name is the attribute key and filter values are possible values of that key
• if in any filter specific value is selected, only projects which have the same attribute value as selected shall remain in the projects list
• multiselect for each filter shall be supported

Search bar

Search bar shall allow to search over all projects list:

• if any value is specified to the search bar, only projects which have the name or its part matched the specified value shall remain in the projects list

Projects list

This section shall display list of all projects available to user:

• each project in the list shall be presented as a card with:
  • project name
  • project owner - label with the project owner name
  • project creation date label
  • label that contains number of users and groups which have any access to the project
  • project tags - list of labels of key-value attributes associated with the project
  • description - project description (if exists). In case when description is too long, only its first part shall be shown
  • label with the number of active (launched and not currently completed) pipeline runs from that project
  • label with the name of the last completed pipeline run from that project. Label should include pipeline name and version
• by click the project name or project card, the Project info page shall be opened

Project creation

By click the Create project button, pop-up shall appear like this:

Pop-up shall include:

• field to specify a name for the project
• dropdown list to select default data storage for the project:
  • dropdown list shall contain all storages available for the user
  • there shall not be the ability to remain an empty value
• buttons to confirm/cancel

To create a project, user shall:

• specify a name for a project
• select default data storage from the list
• click the Confirm button

After the confirmation, the Project info page shall be opened for a new project.