Net.Science Release for Job Definition Page_23rd September 2022 - NSSAC/CINES Wiki

This build contains the following features:

Job Definition Page

1. Search field changes:

   •	Search field is center aligned.
   •	On click on of search bar, auto dropdown list would be populated.
   •	Auto populated list would show all the methods along with it’s description.
   •	Users would be able to search any method of any category in Search field.

2. Job Definition listing changes:

   •	Job Definition page would show all the Categories. All the Categories would be shown in the form of card:
           o	Each card would have methods belonging to it.
           o	o	Number of methods displayed in the card as per declared in the config file (key: max_tasks_per_category).
           o	View More link would be shown for each card to view all the methods of that Category.
           o	On click of View More link, user would be able to view a page with all methods listed.
   •	In a row, three Categories would be shown for desktop, two for iPad and one for responsive layout.
   •	When user hover on the method name displayed on card, tooltip would be shown with the description of that method.

3. When user clicks on View More link for a Category, below are the changes done on User Interface

   •	Search bar would be shown in the header section which would be center aligned.
   •	On click on of search bar, auto dropdown list would be populated.
   •	Auto populated list would show only the methods and it’s description that are applicable to that Category.
   •	User would be able to view breadcrumb to know which Category user has selected. 
        For example if user selects Category as Structural Analysis, breadcrumb would show “Category > Structural Analysis”
   •	Listing would show all the methods of that Category.

Note:

  1.	View More link is hidden as per discussion with Dustin.
  2.	Methods are yet to be tagged with their respective categories.
  3.	Tested on chrome, edge, firefox, mac (safari and chrome), iPad and mobile devices.

Known Issues:

 Search keyword is displayed in the search bar, when the user performs any other actions on Job Definition Page.

Committed branch name: job_definition_category

 Link:https://github.com/NSSAC/CINES/tree/job_definition_category