Skip to content

Commit b0f115f

Browse files
Merge pull request #977 from vikram-raj/odc-7780
ODC-7780: update quick starts to work in the converged perspective
2 parents e7945a0 + 923d270 commit b0f115f

12 files changed

+71
-79
lines changed

quickstarts/add-healthchecks-quickstart.yaml

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -23,10 +23,10 @@ spec:
2323
To view the details of your sample application:
2424
2525
1. Go to the project your sample application was created in.
26-
27-
1. Click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation, and select **Developer**.
28-
29-
1. In the navigation menu, click [Topology]{{highlight qs-nav-topology}}.
26+
27+
1. If present, click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation and select **Administrator**.
28+
29+
1. In the main navigation menu, select [Workloads]{{highlight qs-nav-workloads}} and select **Topology**.
3030
3131
1. Click on the **nodejs-basic** deployment to view its details.
3232

quickstarts/install-helmchartrepo-ns.yaml

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -35,11 +35,7 @@ spec:
3535
- description: >-
3636
Follow these steps to create a ProjectHelmChartRepository CR:
3737
38-
1. Click on the [perspective switcher]{{highlight
39-
qs-perspective-switcher}} at the top of the navigation, and select
40-
**Developer**.
41-
42-
1. In the navigation menu, click [Search]{{highlight qs-nav-search}}.
38+
1. In the main navigation menu, select [Home]{{highlight qs-nav-home}} and select **Search**.
4339
4440
1. In the project selector, select the project to populate with the new
4541
Helm Charts.
@@ -71,14 +67,11 @@ spec:
7167
instructions: >-
7268
Verify that the ProjectHelmChartRepository was successfully installed:
7369
74-
1. Click on the [perspective switcher]{{highlight
75-
qs-perspective-switcher}} at the top of the navigation, and select
76-
**Developer**.
70+
1. If present, click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation and select **Administrator**.
7771
78-
1. In the navigation menu, click [Add]{{highlight qs-nav-add}}.
72+
1. In the main navigation menu, select [Home]{{highlight qs-nav-home}} and select **Software Catalog**.
7973
80-
1. On the **+Add** page, click **Helm Chart** in the **Developer
81-
Catalog** tile.
74+
1. On the **Software Catalog** page, click **Helm Charts** in the **Type** filter.
8275
8376
1. Do you see **My Helm Chart Repo** in the
8477
**Chart Repositories** filter?

quickstarts/jboss-eap7-with-helm.yaml

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -35,12 +35,11 @@ spec:
3535
- description: >-
3636
To create a JBoss EAP 7 application:
3737
38-
1. In the main navigation, click the dropdown menu [perspective switcher]{{highlight qs-perspective-switcher}} and select **Developer**.
38+
1. If present, click on the [perspective switcher]{{highlight qs-perspective-switcher}} and select **Administrator**.
3939
40-
1. In the navigation menu, click [Add]{{highlight qs-nav-add}}.
41-
The **Add** page opens.
40+
1. In the main navigation menu, select [Home]{{highlight qs-nav-home}} and select **Software Catalog**.
4241
43-
1. In the **Add** page, click **Helm Chart**.
42+
1. In the **Software Catalog** page, click **Helm Charts** in the **Type** filter.
4443
4544
1. In the **Helm Charts** catalog, search for **JBoss EAP 7.4**.
4645
@@ -86,7 +85,7 @@ spec:
8685
- description: >-
8786
To view the Helm release:
8887
89-
1. In the navigation menu, click [Helm]{{highlight qs-nav-helm}}.
88+
1. In the main navigation menu, select [Helm]{{highlight qs-admin-nav-helm}} and select **Releases**.
9089
9190
1. Click **eap74** Helm release.
9291
The **Helm Release details** page opens. It shows all the information related to the Helm release that you installed.
@@ -105,7 +104,7 @@ spec:
105104
- description: >-
106105
To view the associated code:
107106
108-
1. In the navigation menu, click [Topology]{{highlight qs-nav-topology}}.
107+
1. In the main navigation menu, select [Workloads]{{highlight qs-nav-workloads}} and select **Topology**.
109108
In the Topology view, the **eap74** deployment displays a code icon in the bottom right-hand corner. This icon either represents the Git repository
110109
of the associated code, or if the appropriate operators are installed, it will bring up the associated code in your IDE.
111110
@@ -126,7 +125,7 @@ spec:
126125
- description: >-
127126
To view the build status of the JBoss EAP 7 application:
128127
129-
1. In the navigation menu, click [Topology]{{highlight qs-nav-topology}}.
128+
1. In the main navigation menu, select [Workloads]{{highlight qs-nav-workloads}} and select **Topology**.
130129
131130
1. In the Topology view, click **D eap74**.
132131
A side panel opens with detailed information about the application.
@@ -165,7 +164,7 @@ spec:
165164
- description: >-
166165
To view the pod status:
167166
168-
1. In the navigation menu, click [Topology]{{highlight qs-nav-topology}}.
167+
1. In the main navigation menu, select [Workloads]{{highlight qs-nav-workloads}} and select **Topology**.
169168
170169
1. In the **Topology** view, click **D eap74**.
171170
A side panel opens with detailed information about the application.

quickstarts/manage-helm-repos.yaml

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ spec:
3333
- description: >-
3434
Follow these steps to create a HelmChartRepository CR:
3535
36-
1. Click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation, and select **Administrator**.
36+
1. If present, click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation and select **Administrator**.
3737
3838
1. In the navigation menu, click [Home]{{highlight qs-nav-home}}.
3939
@@ -48,16 +48,13 @@ spec:
4848
```
4949
apiVersion: helm.openshift.io/v1beta1
5050
kind: HelmChartRepository
51-
5251
metadata:
5352
name: azure-sample-repo
54-
5553
spec:
5654
name: azure-sample-repo
57-
5855
connectionConfig:
5956
url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs
60-
```
57+
```{{copy}}
6158
6259
1. Click **Create**.
6360
@@ -66,11 +63,9 @@ spec:
6663
instructions: >-
6764
Verify that the HelmChartRepository was successfully installed:
6865
69-
1. Click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation, and select **Developer**.
66+
1. In the main navigation menu, select [Home]{{highlight qs-nav-home}} and select **Software Catalog**.
7067
71-
1. In the navigation menu, click [Add]{{highlight qs-nav-add}}.
72-
73-
1. On the **+Add** page, click **Helm Chart**.
68+
1. On the **Software Catalog** page, click **Helm Charts** in the **Type** filter.
7469
7570
1. Confirm that the **azure-sample-repo** is an available catalog.
7671

quickstarts/monitor-sampleapp-quickstart.yaml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,9 +24,9 @@ spec:
2424
2525
1. Go to the project your sample application was created in.
2626
27-
1. Click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation, and select **Developer**.
27+
1. If present, click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation and select **Administrator**.
2828
29-
1. In the navigation menu, click [Topology]{{highlight qs-nav-topology}}.
29+
1. In the main navigation menu, select [Workloads]{{highlight qs-nav-workloads}} and select **Topology**.
3030
3131
1. Click on the **nodejs-basic** deployment to view its details.
3232

quickstarts/node-with-s2i.yaml

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -34,15 +34,15 @@ spec:
3434
- description: >-
3535
To create a Node application:
3636
37-
1. Click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation, and select **Developer**.
37+
1. If present, click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation and select **Administrator**.
3838
39-
1. In the navigation menu, click [Add]{{highlight qs-nav-add}}.
39+
1. In the main navigation menu, select [Home]{{highlight qs-nav-home}} and select **Projects**.
4040
41-
1. Click the **Project** dropdown menu and select **Create Project** to create a project for your Node application.
41+
1. Click the **Create Project** button to create a project for your Node application.
4242
4343
1. In the **Name** field, enter a name for your new project. Then click **Create**.
4444
45-
1. On the **+Add page**, click **Import from Git** on the **Git Repository** tile.
45+
1. In the masthead, click [plus icon]{{highlight qs-masthead-import}} button and select **Import from Git**.
4646
4747
1. In the **Git Repo URL** field, add
4848
@@ -90,7 +90,7 @@ spec:
9090
- description: >-
9191
To view the associated code:
9292
93-
1. In the navigation menu, click [Topology]{{highlight qs-nav-topology}}.
93+
1. In the main navigation menu, select [Workloads]{{highlight qs-nav-workloads}} and select **Topology**.
9494
9595
1. The icon on the bottom right quadrant of the **nodejs-rest-http** deployment either represents the Git repository of the associated code, OR if the appropriate operators are installed, it will bring up the associated code in your IDE.
9696

quickstarts/quarkus-with-helm.yaml

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -32,15 +32,17 @@ spec:
3232
- description: >-
3333
To create a Quarkus application:
3434
35-
1. Click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation, and select **Developer**.
36-
37-
1. In the navigation menu, click [Add]{{highlight qs-nav-add}}.
35+
1. If present, click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation and select **Administrator**.
3836
39-
1. Click the **Project** dropdown menu and select **Create Project** to create a project for your Quarkus application.
37+
1. In the main navigation menu, select [Home]{{highlight qs-nav-home}} and select **Projects**.
38+
39+
1. Click the **Create Project** button to create a project for your Quarkus application.
4040
4141
1. In the **Name** field, enter a name for your new project. Then click **Create**.
4242
43-
1. On the **+Add** page, click **Helm Chart**.
43+
1. In the main navigation menu, select [Helm]{{highlight qs-admin-nav-helm}} and select **Releases**.
44+
45+
1. On the **Helm Releases** page, click **Create Helm Release** button.
4446
4547
1. In the Helm Chart catalog, click the **Quarkus** tile.
4648
@@ -89,7 +91,7 @@ spec:
8991
- description: >-
9092
To view the pod status:
9193
92-
1. In the navigation menu, click [Topology]{{highlight qs-nav-topology}}.
94+
1. In the main navigation menu, select [Workloads]{{highlight qs-nav-workloads}} and select **Topology**.
9395
9496
1. Hover over the pod donut to see the pod status in a tooltip.
9597

quickstarts/quarkus-with-s2i.yaml

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -38,15 +38,15 @@ spec:
3838
- description: >-
3939
To create a Quarkus application:
4040
41-
1. Click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation, and select **Developer**.
41+
1. If present, click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation and select **Administrator**.
4242
43-
1. In the navigation menu, click [Add]{{highlight qs-nav-add}}.
43+
1. In the main navigation menu, select [Home]{{highlight qs-nav-home}} and select **Projects**.
4444
45-
1. Click the **Project** dropdown menu and select **Create Project** to create a project for your Quarkus application.
45+
1. Click the **Create Project** button to create a project for your Quarkus application.
4646
4747
1. In the **Name** field, enter a name for your new project. Then click **Create**.
4848
49-
1. On the **+Add page**, click **Import from Git** on the **Git Repository** tile.
49+
1. In the masthead, click [plus icon]{{highlight qs-masthead-import}} button and select **Import from Git**.
5050
5151
1. In the **Git Repo URL** field, add
5252
@@ -109,7 +109,7 @@ spec:
109109
- description: >-
110110
To view the associated code:
111111
112-
1. In the navigation menu, click [Topology]{{highlight qs-nav-topology}}.
112+
1. In the main navigation menu, select [Workloads]{{highlight qs-nav-workloads}} and select **Topology**.
113113
114114
1. The icon on the bottom right quadrant of the **quarkus-quickstarts** deployment either represents the Git repository of the associated code, OR if the appropriate operators are installed, it will bring up the associated code in your IDE.
115115

quickstarts/rhdh-installation-via-helm.yaml

Lines changed: 15 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -111,12 +111,13 @@ spec:
111111
description: |-
112112
To install Red Hat Developer Hub via Helm:
113113
114-
1. Click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation and select **Developer**.
115-
2. In the navigation menu, click [Add]{{highlight qs-nav-add}} and then select **Helm Chart**.
114+
1. If present, click on the [perspective switcher]{{highlight qs-perspective-switcher}} at the top of the navigation and select **Administrator**.
115+
2. In the main navigation menu, select [Helm]{{highlight qs-admin-nav-helm}} and select **Releases**.
116116
3. If needed, switch or create a new project from the **Project dropdown**.
117-
4. Search for **Red Hat Developer Hub**
118-
5. Select the card **Red Hat Developer Hub, Provided by Red Hat**, and press **Create** to open a page to configure the Helm Chart.
119-
6. **Optional:** Change the default configuration via the form (click on Root Schema to expand the configuration) or YAML based on your needs.
117+
4. On the **Helm Releases** page, click **Create Helm Release** button.
118+
5. Search for **Red Hat Developer Hub**
119+
6. Select the card **Red Hat Developer Hub, Provided by Red Hat**, and press **Create** to open a page to configure the Helm Chart.
120+
7. **Optional:** Change the default configuration via the form (click on Root Schema to expand the configuration) or YAML based on your needs.
120121
121122
You can update the configuration later as well.
122123
7. Click **Create** to install the Red Hat Developer Hub Helm Chart.
@@ -143,7 +144,7 @@ spec:
143144
To update your Red Hat Developer Hub installation:
144145
145146
1. Ensure you have a **backup** of your installation.
146-
2. In the navigation menu, click [Helm]{{highlight qs-nav-helm}}.
147+
2. In the main navigation menu, select [Helm]{{highlight qs-admin-nav-helm}} and select **Releases**.
147148
3. Select your **developer-hub** Helm Release. You can see your current version under **Chart version**.
148149
4. Click the **Actions** menu button in the top right corner and select **Upgrade**.
149150
5. Switch to the **YAML view** and **save your current YAML configuration.**
@@ -154,7 +155,7 @@ spec:
154155
instructions: |-
155156
#### To verify the application was successfully upgraded:
156157
157-
1. Navigate back to [Helm]{{highlight qs-nav-helm}} and select your "developer-hub" Helm Release.
158+
1. In the main navigation menu, select [Helm]{{highlight qs-admin-nav-helm}} and select **Releases**.
158159
2. Your Helm Chart should show "Deployed" again and an updated **Chart version**.
159160
3. The **Revision history** tab should show a new revision with the message "Upgrade complete".
160161
failedTaskHelp: |-
@@ -166,13 +167,13 @@ spec:
166167
description: |-
167168
To use a custom domain name, you must change some of **Helm Chart values**:
168169
169-
1. In the navigation menu, click [Helm]{{highlight qs-nav-helm}}.
170+
1. In the main navigation menu, select [Helm]{{highlight qs-admin-nav-helm}} and select **Releases**.
170171
2. Select your **developer-hub** Helm Release.
171172
3. Click the **Actions** menu button in the top right corner and select **Upgrade**.
172173
4. You can apply the following configuration with the Form view by clicking on **Root Schema > Global**
173174
or in the YAML view by applying as shown below:
174175
175-
```
176+
```
176177
global:
177178
clusterRouterBase: developer-hub.example.com
178179
host: developer-hub.example.com
@@ -189,7 +190,7 @@ spec:
189190
instructions: |-
190191
#### To verify the application was successfully updated:
191192
192-
1. Navigate to [Topology]{{highlight qs-nav-topology}}
193+
1. In the main navigation menu, select [Workloads]{{highlight qs-nav-workloads}} and select **Topology**.
193194
2. Click on the URL decorator in the top-right corner of the "developer-hub" Deployment to open your Red Hat Developer Hub instance.
194195
3. Verify that the correct URL is used and the Red Hat Developer Hub installation works fine.
195196
failedTaskHelp: |-
@@ -204,12 +205,12 @@ spec:
204205
This resource is not created automatically because you can have multiple Red Hat Developer Hub installations on one cluster.
205206
And this way, you can also link a single RHDH instance from multiple OpenShift clusters.
206207
207-
1. Please copy the actual **Red Hat Developer Hub URL** from [Topology]{{highlight qs-nav-topology}}, or open it in another browser tab.
208-
2. Click on the [Import YAML (plus icon)]{{highlight qs-masthead-import}} button at the top of the navigation.
208+
1. Please copy the actual **Red Hat Developer Hub URL** from [Workloads]{{highlight qs-nav-workloads}} select **Topology**, or open it in another browser tab.
209+
2. Click on the [plus icon]{{highlight qs-masthead-import}} button and select **Import YAML** at the top of the navigation.
209210
3. **Insert the YAML** below into the YAML editor, add your Red Hat Developer Hub URL as `href`, and update the link `text` if needed.
210211
211-
```
212-
apiVersion: console.openshift.io/v1
212+
```
213+
apiVersion: console.openshift.io/v1
213214
kind: ConsoleLink
214215
metadata:
215216
name: developer-hub-link

0 commit comments

Comments
 (0)