Create a Task Manager drawer

[sjd78]

Summary

With the addition of automatic language discovery, and task management (enhancements RFE, UI issue), the UI can be enhanced to provide a global Task Manager Drawer that is similar to the form and function of a PatternFly notification drawer. This enhancement will allow for easy access to a high level list of tasks as a notification drawer that does not hide the content of the page.

Enhancement references:

• [RFE] Surface the Task Manager in the UI enhancements#171
• [RFE] Automatic language and technology discovery for applications enhancements#170

Requirements

Base requirements:

• Implement a Task Manager drawer following the notification drawer component style and anchored to the UI's masthead
• The notification badge on the masthead should show a count of tasks that are pending or active
• Clicking on the notification badge will open the Task Manager drawer
• Within the drawer, the tasks to be displayed should be grouped by kind (e.g. language discovery or analysis)

Task Manager drawer contents:

• Design follows the base notification drawer design guidelines
• Each task to display will follow a notification style in layout and function
• Display the full set of currently pending/scheduled and running/in-flight tasks
• Tasks should be in order they're created (Note: verify the sort order)
• Allow actions on the tasks via a kebab menu

Task entries in the drawer should show a compact view including:

• Icon for the task's state:
  • if the task is scheduled (PatternFly icon: PendingIcon)
  • if the task is running (PatternFly icon: InProgressIcon)
• Task id
• Task kind
• Task's application's name
• Task priority (the raw numeric value is ok, or use buckets of some definition like Low=0, Normal=10, High>10)

Task actions available on the task's kebab menu:

• Adopt the same set of individual task actions from Create a task manager page and table #1931
• Viewing a task's activity log should be possible by clicking a link on the task table, possibly the task's id or an action icon
• With functionality of Add the ability to individually view all files attached to a task on the Analysis details view #1929, viewing the log will open as a full page view
• Browser back button navigation, or breadcrumb navigation back to the previous screen opened under the task manager drawer should be supported
• TBD: If the task activity log is viewed, should the URL change, show the log, but also keep the task manager drawer open?

HUB enhancements that may be needed

See konveyor/tackle2-hub#641 for the new /tasks/report/queue endpoint to utilize for:

• sourcing notification badge counts

See konveyor/tackle2-hub#640 to fetch task details:

• using paging (page size can correlate to a number of tasks that can be displayed in the drawer at once on a standard size screen)
• fetching only "queued" tasks as defined for ✨ Add task endpoint that provides task queue summary.  tackle2-hub#641

Screen shots and mockups

Current State

Currently, the only way to see if an analysis task is running is to look at the application table's analysis column:

Future State

UI with the notification badge active, and the drawer closed:

UI with the notificaiton badge active and the drawer open:

Other mockups for details of the drawer's function may be included as they become available

[konveyor-ci-bot]

This issue is currently awaiting triage.
If contributors determine this is a relevant issue, they will accept it by applying the triage/accepted label and provide further guidance.
The triage/accepted label can be added by org members.

[sjd78]

@dymurray, @JustinXHale, @rromannissen, @jortel, @mansam -- for your consideration