Drop down details for application row in UI

[cvignola]

Goals:

1. support potentially multiple 'detail' sections.
2. support multiple sources of data for each detail section (one source for each section)
3. make it possible for external projects to dynamically register section/source/actions

MVP: support section kind with data from specified labels/annotations and static registration

Mock-up of idea as seen in UI:

[kinueng]

Here is how you enable expandable/collapsable rows in the table http://v6-react.carbondesignsystem.com/?selectedKind=DataTable&selectedStory=with%20expansion&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Fstories%2Fstories-panel

[amylin1]

Will use this issue for APIs support on drop down section and section-data details

[amylin1]

The design details including example: https://github.ibm.com/WASCloudTribe/design/blob/master/prism/ui-detail-sections.md

[pgnyeste]

Based on these Label:Values. appsody.git.repo: http://github.com/myproject appsody.git.commit: 33ff448d appsody.stack.configured: open-liberty.v1.0.0

Some ideas to make it more human readable and ordered by Hierarchy of Stack => Repo => Commit info:

Ultimately, the idea would be to surface the most important aspects to the user. Best guess here is Stack where the project came from, Git Repo it is in, and last commit.

Other Label:Value pairs (which I'm sure could be many!) could be hidden but still easily used and copyable in a potential dialog box especially those that we haven't had time to parse or make as human readable.

[k8vance88]

UI PRs: https://github.com/kappnav/ui/pull/59, https://github.com/kappnav/ui/pull/62 & https://github.com/kappnav/ui/pull/63

[pgnyeste]

Latest design for enhancing the UX of Application Details and thus appsody information: https://ibm.invisionapp.com/share/PWNZHCO6YJD

Show and Hide are used to view or collapse the extra information which will contain tooltips and links for more information beyond the Stack, Source, and Commit info