Skip to content

Commit 09a3596

Browse files
committed
fix: remove orphaned images, improve alt texts, replace placeholder content
- Delete 19 orphaned images (13 in get_started/, 6 in public/media/) - Replace "Coming Soon" placeholder in navigation.md with inner app navigation content - Replace ~60 generic alt="image" texts with descriptive alternatives across concept.md, how_it_all_works.md, s4_public_cloud.md, launchpad.md, fiori.md, quickstart.md and diagram.md https://claude.ai/code/session_0146mVomWtPuDpvbHcB6VQwy
1 parent ade3e37 commit 09a3596

27 files changed

Lines changed: 81 additions & 66 deletions

docs/advanced/fiori.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ outline: [2, 4]
55

66
You can extend the object page of Fiori list report apps with an abap2UI5 app. A repository to showcase the use case can be found [here](https://github.com/axelmohnen/ABAP2UI5_COMP_CONT).
77

8-
<img width="747" height="387" alt="image" src="https://github.com/user-attachments/assets/c14d5732-3b8c-4fa5-83ab-6d188a4d87db" />
8+
<img width="747" height="387" alt="abap2UI5 app embedded in Fiori Elements object page" src="https://github.com/user-attachments/assets/c14d5732-3b8c-4fa5-83ab-6d188a4d87db" />
99

1010

1111
### Guide

docs/configuration/launchpad.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ If cache clearing doesn't fix the issue, manually upload the frontend applicatio
4343
1. Download the webapp folder of the project.
4444

4545
2. Use the SAP program `/UI5/UI5_REPOSITORY_LOAD` to upload the application to the server.
46-
<img width="942" alt="image" src="https://github.com/user-attachments/assets/2eac29f4-596e-4bab-8a17-7a8f86630b95">
46+
<img width="942" alt="UI5 Repository Load program for manual frontend deployment" src="https://github.com/user-attachments/assets/2eac29f4-596e-4bab-8a17-7a8f86630b95">
4747

4848

4949
### Launchpad KPIs
@@ -55,7 +55,7 @@ Enhance your Fiori Launchpad with Key Performance Indicators (KPIs) using the ab
5555
Find more information in the blog article on [LinkedIn](https://www.linkedin.com/pulse/abap2ui5-host-your-apps-sap-fiori-launchpad-33-kpis-abap2ui5-uuxxe/).
5656

5757
#### Functionality
58-
<img width="800" alt="image" src="https://github.com/abap2UI5/abap2UI5-connector_launchpad_kpi/assets/102328295/c7db9e46-6876-40d8-a632-be79e2fbcb91">
58+
<img width="800" alt="Launchpad KPI tiles showing dynamic count values" src="https://github.com/abap2UI5/abap2UI5-connector_launchpad_kpi/assets/102328295/c7db9e46-6876-40d8-a632-be79e2fbcb91">
5959
<br>
6060

6161
#### Approach

docs/configuration/s4_public_cloud.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -13,48 +13,48 @@ S/4 Public Cloud only supports the ADT abapGit version. abap2UI5 consists purely
1313

1414
Use the standard installation process via [abapGit for Eclipse](https://eclipse.abapgit.org/).
1515

16-
<img width="649" height="573" alt="image" src="https://github.com/user-attachments/assets/9ea46657-5ff5-4075-af12-4b5b359c212d" />
16+
<img width="649" height="573" alt="abapGit repository link dialog in ADT" src="https://github.com/user-attachments/assets/9ea46657-5ff5-4075-af12-4b5b359c212d" />
1717

18-
<img width="650" height="571" alt="image" src="https://github.com/user-attachments/assets/41558033-3802-4234-8f50-2611574c870a" />
18+
<img width="650" height="571" alt="abapGit pull dialog for abap2UI5 repository" src="https://github.com/user-attachments/assets/41558033-3802-4234-8f50-2611574c870a" />
1919

20-
<img width="641" height="569" alt="image" src="https://github.com/user-attachments/assets/69eafc9b-7d83-48f8-b970-c68a6a4577ef" />
20+
<img width="641" height="569" alt="abapGit pull operation in progress" src="https://github.com/user-attachments/assets/69eafc9b-7d83-48f8-b970-c68a6a4577ef" />
2121

22-
<img width="880" height="1199" alt="image" src="https://github.com/user-attachments/assets/09497311-8653-4e6f-ae0a-3138d0eac47e" />
22+
<img width="880" height="1199" alt="abapGit import log showing pulled artifacts" src="https://github.com/user-attachments/assets/09497311-8653-4e6f-ae0a-3138d0eac47e" />
2323

2424
You'll see the pull operation is now running:
2525

26-
<img width="1438" height="26" alt="image" src="https://github.com/user-attachments/assets/ee085bb9-d708-4de3-a6f0-5493adc57054" />
26+
<img width="1438" height="26" alt="abapGit pull operation completed status bar" src="https://github.com/user-attachments/assets/ee085bb9-d708-4de3-a6f0-5493adc57054" />
2727

2828
After a few moments, the installation will complete:
2929

30-
<img width="1332" height="28" alt="image" src="https://github.com/user-attachments/assets/dab3578e-755f-4a6a-adfa-5ef5f04bbfa9" />
30+
<img width="1332" height="28" alt="Installation complete confirmation" src="https://github.com/user-attachments/assets/dab3578e-755f-4a6a-adfa-5ef5f04bbfa9" />
3131

3232

3333
### 2. Mass Activate the Imported Artifacts
3434

3535
When installing repositories with ADT abapGit, all artifacts are initially imported in an inactive state. You'll need to manually activate them. The easiest approach is to create a dedicated inactive/active folder tree for the abap2UI5 project:
3636

37-
<img width="481" height="182" alt="image" src="https://github.com/user-attachments/assets/a47fe1f1-5445-46da-96b9-8df3bfe9a99d" />
37+
<img width="481" height="182" alt="Inactive objects folder tree in ADT" src="https://github.com/user-attachments/assets/a47fe1f1-5445-46da-96b9-8df3bfe9a99d" />
3838

39-
<img width="691" height="732" alt="image" src="https://github.com/user-attachments/assets/f7ef6eb9-c13d-4d2f-a541-8854ac27300c" />
39+
<img width="691" height="732" alt="Inactive artifacts list requiring activation" src="https://github.com/user-attachments/assets/f7ef6eb9-c13d-4d2f-a541-8854ac27300c" />
4040

4141
You see that all artifacts are deactivated:
4242

43-
<img width="638" height="179" alt="image" src="https://github.com/user-attachments/assets/e133ba2f-d284-47fa-8dbe-cadee9679f2e" />
43+
<img width="638" height="179" alt="Mass activation of abap2UI5 artifacts in progress" src="https://github.com/user-attachments/assets/e133ba2f-d284-47fa-8dbe-cadee9679f2e" />
4444

45-
<img width="639" height="577" alt="image" src="https://github.com/user-attachments/assets/06997014-1891-4da2-b3a5-25587a6ad587" />
45+
<img width="639" height="577" alt="Mass activation dialog for abap2UI5 artifacts" src="https://github.com/user-attachments/assets/06997014-1891-4da2-b3a5-25587a6ad587" />
4646

47-
<img width="447" height="112" alt="image" src="https://github.com/user-attachments/assets/ba6614b9-d79e-41ee-9ba0-6339aaee800f" />
47+
<img width="447" height="112" alt="Activation completed status message" src="https://github.com/user-attachments/assets/ba6614b9-d79e-41ee-9ba0-6339aaee800f" />
4848

49-
<img width="1279" height="410" alt="image" src="https://github.com/user-attachments/assets/157ed036-cf6a-4d7b-b93a-2d8bd20af6cb" />
49+
<img width="1279" height="410" alt="Activated artifacts in project explorer" src="https://github.com/user-attachments/assets/157ed036-cf6a-4d7b-b93a-2d8bd20af6cb" />
5050

5151
When the activation process is completed, refresh the folder tree:
5252

53-
<img width="626" height="762" alt="image" src="https://github.com/user-attachments/assets/86b26c00-e71e-4a3f-a9e9-2beaaeddf577" />
53+
<img width="626" height="762" alt="All artifacts activated in folder tree" src="https://github.com/user-attachments/assets/86b26c00-e71e-4a3f-a9e9-2beaaeddf577" />
5454

5555
Now you'll see that all artifacts are activated:
5656

57-
<img width="641" height="88" alt="image" src="https://github.com/user-attachments/assets/632ea17d-2613-440a-81cd-4d40c526553a" />
57+
<img width="641" height="88" alt="Fully activated abap2UI5 package" src="https://github.com/user-attachments/assets/632ea17d-2613-440a-81cd-4d40c526553a" />
5858

5959

6060
### 3. Set Up the HTTP Service

docs/development/navigation/navigation.md

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,4 +62,19 @@ To learn more about launchpads and routing, refer to the documentation [here](/c
6262

6363
### Inner App Navigation
6464

65-
Coming Soon... (PRs welcome)
65+
For navigating within a single application (e.g., switching between sub-views or steps in a wizard), use the view display method with different views depending on your application state:
66+
67+
```abap
68+
METHOD z2ui5_if_app~main.
69+
70+
CASE mv_current_step.
71+
WHEN 'STEP_1'.
72+
client->view_display( view_step_1( ) ).
73+
WHEN 'STEP_2'.
74+
client->view_display( view_step_2( ) ).
75+
ENDCASE.
76+
77+
ENDMETHOD.
78+
```
79+
80+
Use class attributes to track the current state and switch views accordingly. This keeps all navigation logic in a single ABAP class without needing cross-app calls.

docs/get_started/image-12.png

-118 KB
Binary file not shown.

docs/get_started/image-13.png

-124 KB
Binary file not shown.

docs/get_started/image-14.png

-125 KB
Binary file not shown.

docs/get_started/image-15.png

-148 KB
Binary file not shown.

docs/get_started/image-16.png

-88.6 KB
Binary file not shown.

docs/get_started/image-17.png

-84.8 KB
Binary file not shown.

0 commit comments

Comments
 (0)