SampleSampletypeA worked example you read or clone. Evidence: it demonstrates, it never provides.See every one →What this type is →by SAPby SAPoriginPublished by SAP itself. A visible facet, never an input to a reading — a dormant official plugin reads exactly like a dormant independent one.See every one →Reference

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

Last pushLicenceApache-2.0

Where it sits

Lives in
Demonstrates
Fiori annotationsCAPFiori annotationscapabilityDescribing a service so a Fiori client can render it without hand-written UI code — titles, value helps, hierarchies and visibility expressed as model annotations rather than screen logic.

Who is behind it

SAP SamplesSAP SamplesOrganisationMaintains this
In the atlas: maintains 222
@SAP-samples
maintainerAjinkya PatilPersonContributes to this
In the atlas: contributes to 112
@ajinkyapatil8190
Brian BernardPersonContributes to this
In the atlas: contributes to 64
@btbernard
Christian KolbowskiPersonContributes to this
In the atlas: contributes to 3
@c-kobo
Christian GeorgiPersonContributes to this
In the atlas: maintains 1, contributes to 53
@chgeo
Daniel HutzelPersonContributes to this
In the atlas: contributes to 32, wrote 3
@danjoa
Daniel SchlachterPersonContributes to this
In the atlas: contributes to 10, wrote 9
@DanSchlachter
David H LamPersonContributes to this
In the atlas: contributes to 5
@davidhunglam
Dirk TeufelPersonContributes to this
In the atlas: contributes to 19
@drktfl
Dimitri HerberPersonContributes to this
In the atlas: contributes to 1
@fakirdi
green-m-bitPersonContributes to this
In the atlas: contributes to 1
@green-m-bit
22 contributors

What it declares

Every artifact

Type
Sample
Origin
By SAP
Use as
A reference

As a sample

Form
A tutorial's companion code

Connections1

SAP-samples/fiori-elements-v4-cap-advanced connectionsSAP-samples/fiori-elements-v4-cap-advancedPROVIDES→ demonstrates1demonstrates authoredFiori annotations

ArchitectureBetaRead from the sample's deployment descriptor. Some of the connections it states are not drawn yet.

as mta.yaml states it at ea76c6c, read
SAP BTP, Cloud Foundry Runtimecapire.sflightmta.yaml, module sflight-srv, requires sflight-uaabinding, HTTP, outboundSAP Authorization and Trust Management service, xsuaa, applicationSAP Authorizationand TrustManagement servicesflight-srv, nodejssflight-srvsflight-db-deployer, hdbsflight-db-deployersflight-appcontent, com.sap.application.contentsflight-appcontentsflight-app-travel-processor, html5sflight-app-travel-p…sflight-destinationcontent, com.sap.application.contentsflight-destinationc…sapfecapcustomer, html5sapfecapcustomerhana, hana, hdi-sharedhanaSAP HTML5 Application Repository service for SAP BTP, html5-apps-repo, app-runtimeSAP HTML5ApplicationRepository servicefor SAP BTPSAP HTML5 Application Repository service for SAP BTP, html5-apps-repo, app-hostSAP HTML5ApplicationRepository servicefor SAP BTPSAP Destination service, destination, liteSAP Destinationservice
SAPnot SAP's, or the project's ownauthenticationstated in the document

Bound, and not drawn

Documented, with no instance in the document

Bound in the descriptor, not joined to an entry

hana

README

quoted from SAP-samples/fiori-elements-v4-cap-advanced under Apache-2.0, read
SAP-samples/fiori-elements-v4-cap-advanced/README.mdOn GitHub

REUSE status

Solutions 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

Based on branch: solution/add-toolbar-button-to-navigate-to-customer-app Solution branch: solution/add-link-to-navigate-to-customer-app

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.

Apache-2.0, read

Details

Sources3
GitHub organisations and accountsdiscovered herechecked
github.com/SAP-samples/fiori-elements-v4-cap-advancedtree, pushes, contributors, CIchecked
README.mdquoted, and what the entry declareschecked

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
discovered viaGitHub organisations and accounts
first seen in the atlas
ecosystem and domaincap, ui-and-frontend-bridge
Contributors22
History in the atlas1
  1. 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