Add client side routing for the WebUI.

Related to #98

Integrate the build of this component into the overall build process.

• Take dependencies from central deps file.
• Ensure that project version is defined such that it is updated during the release process.
• Add the test/build targets as part of the maven build process.
• Package the UI and allow it to be served from nginx.

Update the login process to use the session resources and the update CIMI API.

Allow the code to dynamically find the server it is running on in order to configure the CIMI API endpoints correctly. This would allow SlipStream deployments on machines other than Nuvla to work correctly without modifying the code.

Extend the PoC WebUI to also allow a deployment with Electron to determine its feasibility. If successful, evaluate how difficult it would be maintain and what benefits it brings.

The API for the modules has changed to provide more information, but the change isn't backwards-compatible. Update the WebUI to use the new information.

There was also a server-side change for the run list information. Verify that this still works correctly for the WebUI.

when logging in, the federated login dropdowns will disable the "dropdown" once selected an option, which means misclicks are not tolerated

Update the panels in the dashboard to use information from the new collector (VirtualMachine resource) rather than the old collector.

• Gauges
• Virtual Machines
• Deployments

In principle, the metrics panel isn't impacted by this change.

In the schema, allow the group key to be nil. The default "internal" SessionTemplate doesn't have group set.

Provide a wrapper function or functions that will:

• Determine if the client is currently authenticated.
• Provide the user name of the current user.

Since core.async is used to manage the interactions with the server, the wrapper functions must allow the javascript clients to provide callbacks for when the actions complete.

Here's a first attempt at creating mock-ups, using OmniGraffle, to draft web ui pages.

This is linked to the new workflows created for registration, login and organisation membership management: https://github.com/SixSq/tasklist/issues/1280.

The omniGraffle file is here and the pdf here.

Add garden CSS compiler to the WebUI build

To avoid jarring differences between sections, integrate the HTML and CSS for the current UI into the index page(s) of the WebUI.

Provide separate index pages for sections of the UI. Start with the service catalog and login/logout pages. Refactor the code to make adding and merging in new sections easier.

Although the there is a "Rest password" item in the top bar, having it next to the password input field or button is more standard.

(and the reset password link in the top bar menu of the login page doesn't work)

Created a wiki page to capture the design: https://github.com/slipstream/SlipStreamWebUI/wiki/Web-UI-overall-layout

Error message not shown when failing to login (for all methods) for the authn web page used with the old UI.

The password reset link on the login page with the forms doesn't work. The same link on the initial welcome page is fine. Fix the broken link.

Elements should be better positioned. The result for a mobile display is ok (single stack) but not for other displays. E.g. the GitHub (for example) button should be in a separate column, not under the key/secret block. Perhaps a 3-column layout would work better. Otherwise, the u/p and k/s blocks could be stacked and other buttons on a second column?

Update the usage page to use the new metering resource. The page should display information similar to the existing page, but take the information from queries of the metering resources.

Properly display error messages to the user that arise during the authentication process.

go to dashboard, click on "Include inactive runs" and move to the last page (or any other page where only inactive runs appear).

Deselect the "Include inactive runs" and your active runs will not appear back in

Make use of separate error/success redirects when available in the session resource.

see pictures

Fix the EventSource loading so that it works correctly on the Edge browser.

Remove the worthless session page from the authentication workflow.

The version number in the footer of the authentication page is hardcoded. Dynamically generate this from the module version number.

Add the SlipStream version number (also generated dynamically) to the WebUI footer.

The standard WebUI titles of individual pages should be removed to avoid duplication with the standard UI header. Ensure that the titles in the standard UI header match the current page.

Determine how styling and layout customizations could be provided for the WebUI. Specifically, determine how the WebUI for a particular virtual host could be customized.

Since integration of the WebUI code in the current UI can only be done by replacing sections of the current UI, the login/logout widget must be refactored to appear as a section rather than a widget.

Here's a nice layout for multi-service authentication: https://w3layouts.com/facebook-twitter-google-login-page/ It's hopefully close to this layout, simply replacing the dropdown with a two column table. Done with bootstrap, the two column should fold into a single column on mobile. On success, for the moment, if we don't have time to implement a redirect, we could simply add something like a welcome message and four large icons for example for the 1. dashboard, 2. app, 3. Workspace and 4. Profile.

Evaluate the tempura library for client side i18n. If this is not sufficient, see if there are other choices available.

Assuming that it is OK for the client, determine if it can also be used on the server side or if other technologies are more appropriate.

When using a version of ClojureScript after 1.9.293, there are the following warnings involving cljs-time (required by re-com):

WARNING: No such namespace: cljs-time, could not locate cljs_time.cljs, cljs_time.cljc, or Closure namespace "" at line 567 /Users/loomis/.boot/cache/tmp/Users/loomis/Documents/code/SlipStream/SlipStreamWebUI/9yn/v56xa7/js/app.out/cljs_time/core.cljs
WARNING: Use of undeclared Var cljs-time/core at line 567 /Users/loomis/.boot/cache/tmp/Users/loomis/Documents/code/SlipStream/SlipStreamWebUI/9yn/v56xa7/js/app.out/cljs_time/core.cljs

Investigate where these are coming from and how to correct them. In the meantime, the default version of ClojureScript has been moved back to 1.9.293.

Switch from direct JavaScript logging calls to timbre (which is already a dependency of kvlt).

The labels for the external login buttons for realms appear to be wrong in latest code. Check and correct this.

Allow creation of credentials (specifically API keys and secrets) through the WebUI.

Update the standard UI header to use the information from the active user. This includes the "username" menu at the top and the correct link for the user profile in this menu.