Moved About modal to overview page

[dlmarion]

Moved the information in the About model page
to the overview page.

Closes #6365

[dlmarion]

Need to figure out how to add a loading spinner to instance information card and fix the vertical alignment in the deployment overview table.

[dlmarion]

Look at the overview page with the instance card. I made the overview table font size larger in a prior commit and now the vertical alignment of the numbers in the pills is off.

[dlmarion]

I backed out the changes to try and make the deployment table contents larger. Created #6368 to try and fix it in a different issue. Current screen shot of the changes in this PR:

[ctubbsii]

I'm very strongly -1 for moving this "About" information to the main overview page, just to make it less light on content. I don't think we need to try to fill the space just to fill it, and I think the About page is better to have off to the side. I would prefer model stay, but the preferences be added to it. It's nice to have a modal preferences window, and the information in the About modal can be shown there. It doesn't need to be added to the Overview page. I'm in favor of reverting this, or moving it back to a modal for the preferences.

[dlmarion]

I'm very strongly -1 for moving this "About" information to the main overview page, just to make it less light on content. I don't think we need to try to fill the space just to fill it, and I think the About page is better to have off to the side.

It wasn't moved solely because the overview page was light on content. The suggestion was made to change the three-dot menu icon to a gear icon and make it a preferences menu. It didn't make sense to me to have the About menu item in the preference menu. What I have seen in most UIs is that the About page is located off some Help menu (Help -> About).

I would prefer model stay, but the preferences be added to it.

I feel like that is odd, I don't know that I have ever seen an implementation of this.

It's nice to have a modal preferences window, and the information in the About modal can be shown there. It doesn't need to be added to the Overview page. I'm in favor of reverting this, or moving it back to a modal for the preferences.

I can revert this change and move the About back to the three-dot menu. In PR #6369 the About link will show up in the preference menu.

[ctubbsii]

It didn't make sense to me to have the About menu item in the preference menu.

I agree, but I was thinking that instead of having preferences be a menu, it could be a modal, with the about details inside that model (not as a separate link), to consolidate the two.

What I have seen in most UIs is that the About page is located off some Help menu (Help -> About).

Same, but we don't have a general help, so we need to do something a little different.

I would prefer model stay, but the preferences be added to it.

I feel like that is odd, I don't know that I have ever seen an implementation of this.

My idea is roughly modeled after other "settings" pages that I've seen that have some system details alongside some system options. This is common for many UIs:

• system BIOS menus
• Windows' "About" app also displays system details and system specifications intermixed with options (like changing the hostname or configuring the activation/license/owner details)
• RHEL has a similar "About" page in its settings app that shows static info alongside some configurable preferences
• some GitHub pages, like https://github.com/organizations/<org>/settings/packages have settings alongside state information (in this example, the settings are package permissions, while the state is a list of deleted packages)
• The GNOME Shell Calendar/Notification UI, which shows static (and navigable) calendar and notifications info, but also has preferences like a "Do Not Disturb" toggle.
• The modal window for creating a new issue in GitHub has the input areas, but also has static informational links at the bottom to the target repo's contributor guide, security policy, and code of conduct.

So, we can certainly do something similar, having some basic static state (information about the system) alongside preferences inputs.

I was thinking a simple modal, something like the following outline:

----------------- About --------------------
Instance Id: xxxxxxx          Version: 1.2.3
ZooKeepers: host1:port,...
-------------- Preferences -----------------
Option 1: [ ]              Option 2: [x]
Option 3: [x]              Option 4: [x]

[ctubbsii]

This was reverted in 515a7f1