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

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.