Adding Codewind remote UI page

Signed-off-by: Sarah Ishida <sishida@us.ibm.com>

Author: sishida

docs/_data/docstoc.yml

@@ -72,6 +72,8 @@
       url: remoteoverview.html
     - title: 'Configuring Codewind remote'
       url: remoteconfiguring.html
+    - title: 'Entering remote connection settings'
+      url: remoteconnectionui.html
     - title: 'Removing Codewind remote'
       url: remoteremoving.html
 

docs/_documentations/remote-connection-ui.md

@@ -0,0 +1,21 @@
+---
+layout: docs
+title: Entering remote connection settings
+description: Entering remote connection settings
+keywords: Codewind, remote, credentials, settings, connection, source, sources, template, templates, style, styles, manager, managers, registry, registries, image, images
+duration: 5 minutes
+permalink: remoteconnectionui
+type: document
+---
+
+### Entering Codewind remote connection settings
+1. From the **Codewind** view, click **New Codewind Connection**. From the Codewind connection settings page, enter a connection name, an optional connection description, and Codewind connection credentials. Then, click **Test** to confirm that the Codewind Connection Credentials are correct.
+2. Add sources with the Template Source Manager [for Eclipse](mdteclipseworkingwithtemplates.html) or [for VS Code](mdt-vsc-workingwithtemplates.html).
+3. If your source uses Codewind style templates, add a push image registry to the [Image Registry Manager](image-registry-credentials.html).
+   - To go to the Image Registry Manager command, click the button in the Remote Connection wizard or right-click your connection in the **Codewind** view.
+   - From the Image Registry Manager, click **Add New** and follow the prompts in the windows.
+   - You have opportunities to test your credentials if you are using a Codewind style template and need a push registry. To test, you can deploy a Hello World image to the image registry.
+4. After you have a template source and, if needed, a push registry, you can establish a remote connection. Click **Save**.
+5. To access the Codewind connection settings page again, right-click a remote connection that you created and then click **Remote Connection Settings**.
+  - Click **Edit** to edit information on the Codewind connection settings page.
+  - Then, click **Save** to save your changes.

docs/_documentations/remote-overview.md

@@ -66,12 +66,4 @@ The main concepts of Keycloak are:
 - Realms: A top level grouping.
 - Clients: A service that is allowed to make use of Keycloak authentication services.
 - Users: User records, user names, and user passwords.
-- Roles: Access roles that allow users with a specific role to access a Codewind service filtering users by role name.
-
-### Entering Codewind remote credentials
-1. Add sources with the Template Source Manager [for Eclipse](mdteclipseworkingwithtemplates.html) or [for VS Code](mdt-vsc-workingwithtemplates.html).
-2. If your source uses Codewind style templates, add a push image registry to the [Image Registry Manager](link to Jake's documentation).
-   - To go to the Image Registry Manager command, right-click your connection in the Codewind view.
-   - From the Image Registry Manager, click **Add New** and follow the prompts in the windows.
-   - You have opportunities to test your credentials by deploying to a Hello World image. (Get details from Guy.)
-3. After you have a template source and, if needed, a push registry, you can establish a remote connection. From the remote connection page, enter Codewind connection credentials, select sources, and add registries. Then, click "Connect" to create the connection.
+- Roles: Access roles that allow users with a specific role to access a Codewind service filtering users by role name.