Add the ability to individually view all files attached to a task on the Analysis details view

[sjd78]

Summary

For an application, the activity of the current / most recently run analysis task:

• is viewable in a modal that show the task's activity log in a rich viewer
• the user may select a merged view, displaying the log merged with all the file attachments
• the rich viewer display component used allows for code coloring based on a file type we infer

The enhancement will make a few changes:

1. The activity log view will allow viewing each attached file individually
2. The activity log view will be moved a full page view

Enhancements reference:

• List and download files attached to tasks. enhancements#159
• ✨ Add UI access to individual files attached to analysis tasks enhancements#180

Requirements

Viewing each file individually

Existing functionality to keep:

• The default view will be the task's log in yaml format
• The format may be changed by clicking on the "JSON" tab on the top right
• The default task log view may be displayed with all attached log files merged into the activity log block by selecting the "Merged" checkbox

Allow viewing all of the task's attached files by adding a select box to the top of the viewer. The select box should:

• List the files attached to the task
• Allow selection of the file and loading it into the view
• Allow selection of the default task log view

Additional functionality:

• When an attached file is selected, the text formatting should be switched to "plain text"
• A few well known file extensions could be detected and the language formatting loaded into the view (json, yaml). However, this is not required in this enhancement and extra formatting can be added in future as the kinds of attachments are better known.

View moved to a full page

The current view opens in a modal window. In order to have more screen space to view the logs and provide selection of attached files, move the view from the modal to a full page.

• Existing links remain and open the new page
• The new page does not need an entry on the left nav
• The URL for the new page should allow for the main left nav to retain focus (e.g. /applications/123/task-view/456)
• Breadcrumbs on the new page should allow for easy navigation back to the previous page and show what application and task is being displayed
• Note: Future work will be done where the user will have a distinction between different task types (e.g. analysis and language detection) so the breadcrumbs should consider this.

Some potential examples of the bread crumbs (including some potential future uses):

• Applications > Bear > Analysis Details
• Applications > Bear > Analysis Details > Attachment > konveyor-analyzer.output
• Applications > Bear > Discovery Details
• Applications > Bear > Analysis Task > Current
• Applications > Bear > Analysis Task > May 31 (123)

Screen shots and mockups

Current State

Open the view from the kebab menu:

Open the view from the application details drawer report tab:

View an analysis details (task activity log):

Future State Mockups

Attached file list box and on page view:

Attached file list box opened to select a different file to view:

Viewing an attached file:

[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 -- for your consideration

[JustinXHale]

Full page looks great.

[sjd78]

@jortel, @mansam -- also for your consideration (sorry about the late tags)

[rszwajko]

@sjd78
Regarding bread crumbs: note that according to PF guidelines the last segment (current page) is considered active and not styled as a link.