fabric8-launcher/launcher-ui-components

Reusable components for the Red Hat Developers Launcher

launcher-ui-components's Issues

Logo should be clickable and redirect to initial screen

Slim down text intro page

Slim to the bare essentials

Consider proxying backend requests

Ideally the backend should not be exposed to the outside world. It would be nice if the frontend could proxy requests to backend internally. Perhaps we could use https://github.com/nodejitsu/node-http-proxy

UX Evaluation & Updates

Evaluate the current UI against PatternFly, OpenShift, and Fabric8 to ensure consistency of pattern and style usage.

Verification Criteria:

• UI suggestions captured and shared with PatternFly, OpenShift, Fabric8 UX teams for a final check of consistency by many
• Final UI improvements shared back to Obsidian team

Display error message when back-end is down

It would be nice if we could display an error message instead of presenting: The wizard is loading the initial screen... indefinitely

The last page of the launchpad workflow has no link to the home page

When I finish the launchpad workflow and succesfully deploy the app, for instance via the "Launch on OpenShift" button, I want to go back to the home page, but there is no way to do it from the last page. The Red Hat OPENSHIFT.io logo in the upper-left corner could point to home page, or there could be "Home" button or something similar. What do you think?

Remove the second option in the intro page as Starters are no longer supported

Copy changes from DevTools review

• Remove references to "Launchpad"
• All references to "OpenShift" should be "OpenShift Online" ("Red Hat OpenShift Online" for first mention)

Enable Segment tracking

openshiftio/appdev-planning#13

what happens if I click the "Launch on OpenShift" button again?

Say I go through the entire wizard, using the Continous Delivery option, and then successfully launch the booster on OpenShift. Once the process finishes, the "Launch on OpenShift" button is enabled again. What happes if I click it second time? Not sure if that should even be possible; the button should probably stay disabled. At least in case of success -- in case of errors, I can see the value of another attempt that might succeed in certain cases.

Launch on Openshift should be disabled after clicking and renamed to Loading

This is to prevent duplicate submissions

Unified template: update the default OpenShift Console URL

https://192.168.99.100:8443 is MiniShift

Selecting a Spring Boot dependency throws an exception

Remove "All policies" link in footer

Per request from legal.

Inconsistency after selecting runtime

The text says you can either download a zip or launch on openshift, but you cannot download a zip from this screen.

Use the project name to generate the zipped file name

I think that we don't use the project-name as the name to create the zipped file name as the name of the zip is always called -> demo.zip

Example : project name = demo-vertx
Result : demo.zip

No error message displayed if an error occurs during project

No error message is displayed if something happens during the creation of the project

Such situation can occur if :

• We use as project name an existing github repo name
• We use as project name an existing openshift namespace/project

Next button shows outdated info from previous navigation

Steps to reproduce:

• Click "A starter" button
• select Vert.x and click Next
• Click back FROM THE BROWSER
• select Spring Boot and click next

The vert.x dependencies are shown. It should have displayed the spring boot deps instead

Replace Multiselect (UISelectMany) with auto-suggestion box

It would be nice if UISelectMany fields could be rendered as the Dependencies input in http://wildfly-swarm.io/generator

Filter the project types to display the containers

This list
displays the containers & types of project that we could use (jar, war, EAR).

I would like to suggest to dissociate the packaging type (jar, ear, war) from the container that we will include within zip file generated.

Field -> Container type : Eclipse Vert.x, WilfFly Swarm, Spring Boot
Field -> Packaging Type : jar, war, ear (=> this list is related to the container type chosen)

Text fields lose focus

In the frontend, whenever you position the mouse in a text field and start typing, the focus is lost after a second or so, forcing you to click again in the text box to continue typing. This happens in Chrome as well on Firefox (on Fedora 24).

To reproduce:

1. On the frontend start screen, click the 'using a quickstart' button.
2. On the next screen, click on the 'Project name' field
3. Type a couple of characters, then stop typing
4. The focus on the field is lost after ~1 sec

Create combined OpenShift template

We have 3 OpenShift templates for each of the 3 components in the Obsidian project but we want a single combined one that will create all the necessary applications in one step.

Deploy on Openshift ignores any choices made previously after Sign-In button is pressed

Align style with branding for openshift.io

PR in #47

Is there a reason why there is no field to define the version

Is there a reason why there is not field to specify the version of the project to be generated ?

Transient or platform-specific: not showing link under GitHub repo created

@jclingan has a screenshot:

GitHub errors not reported when creating a project

If GitHub repository with the specified name already exists, project creation fails and frontend only shows an empty screen. Mission Control logs have all the errors.

Also, if GitHub secret is setup incorrectly project creation fails too and errors are hidden in the same way.

Add Legal/Disclaimers links in the footer

3 links, as seen by example at https://prod-preview.openshift.io/

The "Working..." loading image still keeps running when an error happens

The log says:

Caused by: io.fabric8.kubernetes.client.KubernetesClientException: Failure executing: POST at: https://openshift.default.svc.cluster.local/oapi/v1/projectrequests. Message: project "demo" already exists. Received status: Status(apiVersion=v1, code=409, details=StatusDetails(causes=[], group=null, kind=project, name=demo, retryAfterSeconds=null, additionalProperties={}), kind=Status, message=project "demo" already exists, metadata=ListMeta(resourceVersion=null, selfLink=null, additionalProperties={}), reason=AlreadyExists, status=Failure, additionalProperties={}).

It would be nice to show that error in the UI too

Make "Registration" button take proper action

Pending PR #82

The registration button needs to:

1. Start the registration flow to OpenShift Online Starter through RHD
2. Be linked into Segment tracking to track the action (Step 3 of https://segment.com/docs/sources/website/analytics.js/quickstart/)

Blank screen on frontend root when not using Keycloak auth

Create project with underscore issue?

If I create a new project based on Swarm HTTP API and use a project name like swarm_http_api, the repository gets created in github, however, the project never gets created in my minishift environment. If I use a project named swarmhttpapi then no problems. Hope this is the right place to report this.

Adapt frontend to backend changes

The backend now implements the same flow that was implemented locally in the frontend.
By consequence, the frontend master no longer works appropriately, unless 958d1b1 is reverted

Cannot select more than one option in multiple select boxes

Whenever I choose more than an option in a multiple select box, only one item gets selected
Steps to Reproduce:

• Choose Wildfly Swarm Microservice project type
• Click Next twice
  -- You should be presented with a multiple select box select
• Select more than one option
• Click anywhere in the page to invoke the field's onchange
  -- The select box only selects one option

Issue with the FORGE_URL ENV variable

The FORGE_URL is well defined to access the backend

but an error is reported within the Web console

I suspect that the code doesn't use the ENV variable.

Keycloak integration is broken

After the Login button is clicked, It ends up redirecting to http://localhost:8088/wizard/launchpad-new-project/1#state=e782e21f-5554-48e6-8f39-b4334ece41bc&code=VkFsVo4AhdCpV8dani6hhE5wdsh9dtwjCrExVc15HuU.593440fe-e68d-4f8c-b54f-ff41dcf87cbd and the following error is seen in the console:

An error occurred TypeError: Cannot read property 'postMessage' of null
    at checkLoginIframe (eval at 1056 (http://localhost:8088/app.js:110:1), <anonymous>:875:53)
    at Keycloak.kc.updateToken (eval at 1056 (http://localhost:8088/app.js:110:1), <anonymous>:458:37)
    at eval (eval at 112 (http://localhost:8088/app.js:127:1), <anonymous>:60:22)
    at new ZoneAwarePromise (eval at <anonymous> (http://localhost:8088/polyfills.js:2957:1), <anonymous>:518:29)
    at KeycloakService.getToken (eval at 112 (http://localhost:8088/app.js:127:1), <anonymous>:57:16)
    at KeycloakHttp.request (eval at 1043 (http://localhost:8088/app.js:63:1), <anonymous>:38:50)
    at KeycloakHttp.Http.get (eval at <anonymous> (http://localhost:8088/vendor.js:1935:1), <anonymous>:139:21)

Minor copy change to landing: s/supporting/supported

Dynamically pick up KEYCLOAK_URL and KEYCLOAK_REALM values

Right now as far as I can see these values are hardcoded in https://github.com/openshiftio/launchpad-frontend/blob/master/src/assets/keycloak/keycloak.json ? But they really should be picked up from the environment at runtime, just like we do for BACKEND_URL and KEYCLOAK_SKIP.

We already use LAUNCHPAD_MISSIONCONTROL_KEYCLOAK_URL and LAUNCHPAD_MISSIONCONTROL_KEYCLOAK_REALM for Mission Control of course, but perhaps we should be consistent and add LAUNCHPAD_FRONTEND_KEYCLOAK_URL and LAUNCHPAD_FRONTEND_KEYCLOAK_REALM for the frontend? Even if they would always have the same values?

I looked at adding this myself to the entrypoint.sh script, but unfortunately it didn't work as I expected so I'm leaving this to you @edewit :)

Breadcrumbs are clickable but they navigate to the wrong screen

1. Choose " Begin by selecting a runtime project framework (Eclipse Vert.x, WildFly Swarm, or Spring Boot)"
2. Select "WildFly Swarm"
3. Do not click next, click on #2 - WildFly Swarm: Setup in the upper section of the page
4. Spring Boot: Setup is presented instead

My guess is this is caused because it loses state when clicking on those steps.

Error 404 - Error calling service

Checkboxes cannot be selected

Whenever I click on a checkbox (UIInput<Boolean>) it gets unselected after I click outside the input.
Steps to Reproduce:

• Choosing Java Library (Jar)
• Click next
• Select the Checkbox (Create Main class)
• Click anywhere in the page to invoke the field's onchange
• The checkbox is unselected magically

Update landing page copy

Slim it down again

Unified template: update default BACKEND_URL

Use by default the MiniShift IP binding e.g.

http://generator-backend-PROJECTNAME.192.168.99.100.nip.io

UI text, I18N, and acessibility review

Comments at: https://docs.engineering.redhat.com/display/~cwalters/Obsidian+Project+Wizard+Review

As always, there are suggestions only - there is nothing earth-shatteringly wrong with the UI as it stands.

Please let me know if you would like these suggestions presented in any other format or coding.

Remove or update release notes and supported runtime versions

This page seems outdated (quickstarts, Vert.X version, Known Issues ...)
It is accessible from first page of launchpad and also on relative path: /wizard/supported-versions

UX - Workflows

UXD to work with Obsidian team to understand use case flows for guiding users through some project setups.

Verification Criteria:

• Meetings with Obsidian team recorded and captured
• Flows discussed captured, documented, shared with Obsidian team in preparation for wireframe phase
• Any outstanding questions documented

Clicking "Finish" on the Booster selection screen sometimes comes back to the same screen in the wizard

...should be seeing "Launch on OpenShift" and "Download" buttons

Remove Facebook, Twitter, G+ icons from footer

Forge button too big and displayed middle of the screen when the screen is smaller

Intro page content review