SAP-samples/fiori-elements-v4-cap-advanced
Branch-by-branch solutions for the UX405 e-learning course, each one an exercise in the advanced concepts of a Fiori elements app on a CAP OData V4 service.
The app is built on the CAP-SFLIGHT model, and each solution branch answers one exercise on top of the branch before it: adjusting the list report and object page of a Display Customers app, enabling the flexible column layout, changing standard UI texts, adding filter fields and application-specific actions, adding progress indicators, bullet micro charts and quick contact views to tables, and wiring navigation between the Customers and Travels apps by toolbar button and by link. Later branches extend into chart-based analytics on the list report, including visual filters. Each branch is meant to be checked out and compared against the one it is based on rather than read as a single finished application.
Facts
Where it sits
Who is behind it
In the atlas: maintains 222@SAP-samplesmaintainerAjinkya PatilContributes to this
In the atlas: contributes to 112@ajinkyapatil8190Brian BernardContributes to this
In the atlas: contributes to 64@btbernardChristian KolbowskiContributes to this
In the atlas: contributes to 3@c-koboChristian GeorgiContributes to this
In the atlas: maintains 1, contributes to 53@chgeoDaniel HutzelContributes to this
In the atlas: contributes to 32, wrote 3@danjoaDaniel SchlachterContributes to this
In the atlas: contributes to 10, wrote 9@DanSchlachterDavid H LamContributes to this
In the atlas: contributes to 5@davidhunglamDirk TeufelContributes to this
In the atlas: contributes to 19@drktflDimitri HerberContributes to this
In the atlas: contributes to 1@fakirdigreen-m-bitContributes to this
In the atlas: contributes to 1@green-m-bit22 contributors
What it declares
Every artifact
- Type
- Sample
- Origin
- By SAP
- Use as
- A reference
As a sample
- Form
- A tutorial's companion code
Connections
Describing a service so a Fiori client renders it without UI code
Download
Architecture
as mta.yaml states it at ea76c6c, readDownload
Bound, and not drawn
- sflight-srvhana
- sflight-db-deployerhana, SAP Authorization and Trust Management service
- sflight-appcontentSAP Destination service, SAP HTML5 Application Repository service for SAP BTP
- sflight-destinationcontentSAP Authorization and Trust Management service, SAP HTML5 Application Repository service for SAP BTP, SAP Destination service
Documented, with no instance in the document
- @sap/xssec requires Cloud Identity Servicessflight-srv
Bound in the descriptor, not joined to an entry
hana
README
quoted from SAP-samples/fiori-elements-v4-cap-advanced under Apache-2.0, readSolutions for the course UX405 “Developing an SAP Fiori Elements App Based on a CAP OData V4 Service: Advanced E-learning”
Description
The app is based on CAP-SFLIGHT Model with some small adjustments. Each branch contains a solution for one of the exercises and is based on the previous exercise. The branch to start with is initial-app-state.
Sequence of Features (Exercises)
Create the Display Customers App; Adjust the List Report of the Display Customers App
Based on branch: initial-app-state Solution branch: solution/generate-and-adjust-list-report-customer-app
Adjust the Object Page of the Display Customers App
Based on branch: solution/generate-and-adjust-list-report-customer-app Solution branch: configure-object-page-customer-app
Enable the Flexible Column Layout
Based on branch: configure-object-page-customer-app Solution branch: solution/flexible-column-layout
Change the Standard UI texts
Based on branch: configure-object-page-customer-app Solution branch: solution/change-standard-ui-texts
Add Fields to the List Report Filter Bar
Based on branch: solution/change-standard-ui-texts Solution branch: solution/add-semantic-fields-to-filterbar
Hide the Filter Bar in the List Report
Based on branch: solution/add-semantic-fields-to-filterbar Solution branch: solution/hide-filter-bar
Make the Delete Action Unavailable for Accepted and Canceled Travels
Based on branch: solution/add-semantic-fields-to-filterbar Solution branch: solution/make-delete-action-unavailable-for-accepted-travels
Create an Application-Specific Action with a Mandatory Parameter
Based on branch: solution/make-delete-action-unavailable-for-accepted-travels Solution branch: solution/create-action-with-a-mandatory-parameter
Add a Progress Indicator Column to the Table
Based on branch: solution/create-action-with-a-mandatory-parameter Solution branch: solution/add-progress-indicator-to-table-column
Add a Bullet Micro Chart to the Table Column
Based on branch: solution/add-progress-indicator-to-table-column Solution branch: solution/add-bullet-micro-chart-to-table
Add a Contact Quick View to the Table
Based on branch: solution/add-bullet-micro-chart-to-table Solution branch: solution/add-quick-contact-view-to-table
Create Multiple Table Views Using Single Table Mode
Based on branch: solution/add-quick-contact-view-to-table Solution branch: solution/create-multiple-table-views-single-table-mode
Create Multiple Table Views Using Multiple Table Mode
Based on branch: solution/add-quick-contact-view-to-table Solution branch: create-multiple-table-views-multiple-table-mode
Add Travel Status, Total Price, and the Deduct Discount Action to the Header Area
Based on branch: solution/create-multiple-table-views-single-table-mode Solution branch: solution/put-travel-status-total-price-deduct-discount-to-header-area-op
Add the Bullet Micro Chart and the Progress Indicator to the Header Area
Based on branch: solution/put-travel-status-total-price-deduct-discount-to-header-area-op Solution branch: solution/add-bullet-micro-chart-and-progress-indicator-to-op
Use the Singleton Entity for Constant Values of the Bullet Micro Chart
Based on branch: solution/add-bullet-micro-chart-and-progress-indicator-to-op Solution branch: solution/use-singleton-for-bullet-micro-chart-on-op
Add Date Fields and a Multiline Input Field to the Object Page Subsection
Based on branch: solution/use-singleton-for-bullet-micro-chart-on-op Solution branch: solution/add-date-multiline-text-placeholder
Add Dependent Filtering to the Value Help of the Fields
Based on branch: solution/add-date-multiline-text-placeholder Solution branch: solution/add-value-help-for-dependent-filtering
Display the Travel Administrative Data Subsection on Demand (by Adding the "Show More" Button)
Based on branch: solution/add-value-help-for-dependent-filtering Solution branch: solution/add-show-more-button-on-op
Use Side Effects to Update the Total Price Immediately After Adding Another Booking
Based on branch: solution/add-show-more-button-on-op Solution branch: solution/use-side-effects-to-update-total-price
Hide the Starting Date and End Date for Travels with the Canceled Travel Status
Based on branch: solution/use-side-effects-to-update-total-price Solution branch: solution/hide-starting-and-end-dates-for-canceled-travels
Add the Validation for the Field Agency on the Object Page
Based on branch: solution/hide-starting-and-end-dates-for-canceled-travels Solution branch: solution/add-validation-for-field-agency-on-op
Add a Custom Column to the Table on the Object Page of the Manage Travels App
Based on branch: solution/add-validation-for-field-agency-on-op Solution branch: solution/add-custom-column-to-table-on-op
Create a Table Using the Table Building Block in the Display Customers App
Based on branch: solution/add-custom-column-to-table-on-op Solution branch: solution/add-table-building-block
Add Message Strips to the Object Page of the Display Customers App
Based on branch: solution/add-table-building-block Solution branch: solution/add-message-strips
Add a Custom Micro Chart to the Object Page Header of the Display Customers App
Based on branch: solution/add-message-strips Solution branch: solution/add-custom-micro-chart-to-object-page-header
Navigate to the Display Customers App from the Manage Travels App by Pressing the Toolbar Button
Based on branch: solution/add-custom-micro-chart-to-object-page-header Solution branch: solution/add-toolbar-button-to-navigate-to-customer-app
Navigate to the Display Customers App from the Manage Travels App by Pressing the Toolbar Button (without the mapping property)
Based on branch: solution/add-toolbar-button-to-navigate-to-customer-app Solution branch: solution/add-toolbar-button-without-semantic-mapping
Navigate to the Display Customers App from the Manage Travels App via a Link
Based on branch: solution/add-toolbar-button-to-navigate-to-customer-app Solution branch: solution/add-link-to-navigate-to-customer-app
Navigate to the Display Customers App from the Manage Travels App via a Link by Annotating the Target Property
Based on branch: solution/add-link-to-navigate-to-customer-app Solution branch: solution/add-link-by-annotating-target-property
Add a Chart to the List Report of the Manage Travels App
Based on branch: solution/initial-app-state-for-analytics Solution branch: solution/add-chart-to-listreport
Add Visual Filters to the List Report of the Manage Travels App
Based on branch: solution/add-chart-to-listreport Solution branch: solution/add-visual-filters
Known Issues
No known issues.
How to obtain support
Create an issue in this repository if you find a bug or have questions about the content.
For additional support, ask a question in SAP Community.
License
Copyright (c) 2022 SAP SE or an SAP affiliate company. All rights reserved. This project is licensed under the Apache Software License, version 2.0 except as noted otherwise in the LICENSE file.
Details
Sources
Sources are graph entities: the same page may back several entries, and an unreachable source flags every row that rests on it.
Compatibility and provenance
Contributors
History in the atlas
- First seen.
For your agent
- Ref
artifact:sap-samples-fiori-elements-v4-cap-advanced- JSON
- /artifacts/sap-samples-fiori-elements-v4-cap-advanced.json
- MCP
- Connecting an agent