Skip to content

New Demo: Z2UI5_CL_DEMO_APP_330 #516

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jun 30, 2025
Merged

New Demo: Z2UI5_CL_DEMO_APP_330 #516

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
feb2934
New Demo: Z2UI5_CL_DEMO_APP_330
francisco-milan Jun 30, 2025
4b458e2
New Demo: Z2UI5_CL_DEMO_APP_330 (2)
francisco-milan Jun 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 11 additions & 1 deletion src/z2ui5_cl_demo_app_000.clas.abap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,8 +29,10 @@ CLASS z2ui5_cl_demo_app_000 DEFINITION PUBLIC.
ENDCLASS.



CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION.


METHOD z2ui5_if_app~main.

CONSTANTS c_title TYPE string VALUE ` abap2UI5 - Samples`.
Expand Down Expand Up @@ -486,6 +488,14 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION.
class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom'
).

panel->generic_tile( header = 'ObjectPage '
subheader = 'with Hidden Section Titles'
press = client->_event( 'Z2UI5_CL_DEMO_APP_330' )
mode = 'LineMode'
class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom'
).


panel = page->panel( expandable = abap_false
expanded = abap_true
headertext = 'Input'
Expand Down Expand Up @@ -2036,6 +2046,7 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION.

ENDMETHOD.


METHOD expand_all.

DO.
Expand All @@ -2047,5 +2058,4 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION.
ENDDO.

ENDMETHOD.

ENDCLASS.
346 changes: 346 additions & 0 deletions src/z2ui5_cl_demo_app_330.clas.abap
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,346 @@
class z2ui5_cl_demo_app_330 definition
public
create public .

public section.

interfaces IF_SERIALIZABLE_OBJECT .
interfaces Z2UI5_IF_APP .

data CHECK_INITIALIZED type ABAP_BOOL .
PROTECTED SECTION.

DATA client TYPE REF TO z2ui5_if_client.

METHODS display_view
IMPORTING
client TYPE REF TO z2ui5_if_client.
METHODS on_event
IMPORTING
client TYPE REF TO z2ui5_if_client.
METHODS z2ui5_display_popover
IMPORTING
id TYPE string.

PRIVATE SECTION.
ENDCLASS.



CLASS z2ui5_cl_demo_app_330 IMPLEMENTATION.


METHOD DISPLAY_VIEW.

DATA(view) = z2ui5_cl_xml_view=>factory( ).
DATA(object_page_layout) = view->object_page_layout( uppercaseanchorbar = abap_false ).

DATA(header_title) = object_page_layout->header_title(
)->object_page_dyn_header_title( ).

header_title->expanded_heading(
)->title( text = `Robot Arm Series 9` ).

header_title->snapped_heading(
)->hbox(
)->avatar( src = `https://sapui5.hana.ondemand.com/test-resources/sap/uxap/images/robot.png`
class = `sapUiMediumMarginEnd`
displayshape = `Square`
)->vbox(
)->title( text = `Robot Arm Series 9`
)->label( text = `PO-48865` ).

header_title->expanded_content( ns = `uxap`
)->label( text = `PO-48865` ).

header_title->snapped_title_on_mobile(
)->title( text = `Robot Arm Series 9` ).

header_title->actions( 'uxap'
)->button( text = `Edit` type = `Emphasized`
)->button( text = `Delete`
)->button( text = `Simulate Assembly` ).

DATA(header_content) = object_page_layout->header_content( ns = `uxap`
)->flex_box( wrap = `Wrap` fitcontainer = abap_true ).

header_content->avatar( src = `https://sapui5.hana.ondemand.com/test-resources/sap/uxap/images/robot.png`
class = `sapUiMediumMarginEnd`
displayshape = `Square`
displaysize = `L`

)->vbox( class = `sapUiLargeMarginEnd sapUiSmallMarginBottom`
)->hbox( class = `sapUiTinyMarginBottom` rendertype = `Bare`
)->label( text = `Manufacturer:` class = `sapUiTinyMarginEnd`
)->text( text = `Robotech`
)->get_parent(

)->hbox( class = `sapUiTinyMarginBottom` rendertype = `Bare`
)->label( text = `Factory:` class = `sapUiTinyMarginEnd`
)->text( text = `Orlando, Florida`
)->get_parent(

)->hbox(
)->label( text = `Supplier:` class = `sapUiTinyMarginEnd`
)->link( text = `Robotech (234242343)`
)->get_parent(
)->get_parent(

)->vbox( class = `sapUiLargeMarginEnd sapUiSmallMarginBottom`
)->title( text = `Status` class = `sapUiTinyMarginBottom`
)->object_status( text = `Delivery`
state = `Success`
class = `sapMObjectStatusLarge`
)->get_parent(
)->get_parent(

)->vbox( class = `sapUiSmallMarginEnd sapUiSmallMarginBottom`
)->title( text = `Delivery Time` class = `sapUiTinyMarginBottom`
)->object_status( text = `12 Days`
icon = `sap-icon://shipping-status`
class = `sapMObjectStatusLarge`
)->get_parent(
)->get_parent(

)->vbox( class = `sapUiSmallMarginEnd sapUiSmallMarginBottom`
)->title( text = `Assembly Option` class = `sapUiTinyMarginBottom`
)->object_status( text = `To Be Selected`
state = `Error`
class = `sapMObjectStatusLarge`
)->get_parent(
)->get_parent(

)->vbox( class = `sapUiLargeMarginEnd`
)->title( text = `Monthly Leasing Instalment` class = `sapUiTinyMarginBottom`
)->object_number( number = `379.99`
unit = `USD`
emphasized = abap_false
class = `sapMObjectNumberLarge`
)->get_parent(
)->get_parent( ).

DATA(section) = object_page_layout->sections( ).

section->object_page_section( titleuppercase = abap_false title = `General Information`
)->sub_sections(
)->object_page_sub_section( title = `Order Details` showTitle = abap_false
)->blocks(
)->simple_form( class = `sapUxAPObjectPageSubSectionAlignContent`
layout = `ColumnLayout`
columnsm = `2`
columnsl = `3`
columnsxl = `4`
)->title( ns = `core` text = `Order Details`

)->label( text = `Order ID`
)->text( text = `589946637`

)->label( text = `Contract`
)->link( text = `10045876`

)->label( text = `Transaction Date`
)->text( text = `May 6, 2018`

)->label( text = `Expected Delivery Date`
)->text( text = `June 23, 2018`

)->label( text = `Factory`
)->text( text = `Orlando, FL`

)->label( text = `Supplier`
)->text( text = `Robotech`

)->title( ns = `core` text = `Configuration Accounts`

)->label( text = `Model`
)->text( text = `Robot Arm Series 9`

)->label( text = `Color`
)->text( text = `White (default)`

)->label( text = `Socket`
)->text( text = `Default Socket 10`

)->label( text = `Leasing Instalment`
)->text( text = `379.99 USD per month`

)->label( text = `Axis`
)->text( text = `6 Axis`
)->get_parent(
)->get_parent(
)->get_parent(

)->object_page_sub_section( title = `Products` showtitle = abap_false
)->blocks(
)->table( class = `sapUxAPObjectPageSubSectionAlignContent` width = `auto`
)->header_toolbar(
)->overflow_toolbar(
)->title( text = `Products` level = `H2`
)->toolbar_spacer(
)->search_field( width = `17.5rem`
)->overflow_toolbar_button( tooltip = `Sort`
text = `Sort`
icon = `sap-icon://sort`
)->overflow_toolbar_button( tooltip = `Filter`
text = `Filter`
icon = `sap-icon://filter`
)->overflow_toolbar_button( tooltip = `Group`
text = `Group`
icon = `sap-icon://group-2`
)->overflow_toolbar_button( tooltip = `Settings`
text = `Settings`
icon = `sap-icon://action-settings`
)->get_parent(
)->get_parent(

)->columns(
)->column(
)->text( text = `Document Number`
)->get_parent(
)->column( minScreenWidth = `Tablet` demandpopin = abap_true
)->text( text = `Company`
)->get_parent(
)->column( minScreenWidth = `Tablet` demandpopin = abap_true
)->text( text = `Contact Person`
)->get_parent(
)->column( minScreenWidth = `Tablet` demandpopin = abap_true
)->text( text = `Posting Date`
)->get_parent(
)->column( halign = `End`
)->text( text = `Amount (Local Currency)`
)->get_parent(
)->get_parent(

)->items(
)->column_list_item(
)->link( text = `10223882001820`
)->text( text = `Jologa`
)->text( text = `Denise Smith`
)->text( text = `11/15/19`
)->text( text = `12,897.00 EUR`
)->get_parent(
)->column_list_item(
)->link( text = `10223882001820`
)->text( text = `Jologa`
)->text( text = `Denise Smith`
)->text( text = `11/15/19`
)->text( text = `12,897.00 EUR`
)->get_parent(
)->column_list_item(
)->link( text = `10223882001820`
)->text( text = `Jologa`
)->text( text = `Denise Smith`
)->text( text = `11/15/19`
)->text( text = `12,897.00 EUR`
)->get_parent(
)->column_list_item(
)->link( text = `10223882001820`
)->text( text = `Jologa`
)->text( text = `Denise Smith`
)->text( text = `11/15/19`
)->text( text = `12,897.00 EUR`
)->get_parent(
)->column_list_item(
)->link( text = `10223882001820`
)->text( text = `Jologa`
)->text( text = `Denise Smith`
)->text( text = `11/15/19`
)->text( text = `12,897.00 EUR`
)->get_parent(
)->get_parent(
)->get_parent(
)->get_parent(
)->get_parent(
)->get_parent(
).

section->object_page_section( titleuppercase = abap_false title = `Contact Information`
)->sub_sections(
)->object_page_sub_section( title = `Contact information`
)->blocks(
)->simple_form( layout = `ColumnLayout`
columnsm = `2`
columnsl = `3`
columnsxl = `4`
)->title( ns = `core` text = `Phone Numbers`

)->label( text = `Home`
)->text( text = `+ 1 415-321-1234`

)->label( text = `Office phone`
)->text( text = `+ 1 415-321-5555`

)->title( ns = `core` text = `Social Accounts`

)->label( text = `LinkedIn`
)->text( text = `/DeniseSmith`

)->label( text = `Twitter`
)->text( text = `@DeniseSmith`

)->title( ns = `core` text = `Addresses`

)->label( text = `Home Address`
)->text( text = `2096 Mission Street`

)->label( text = `Mailing Address`
)->text( text = `PO Box 32114`

)->title( ns = `core` text = `Mailing Address`

)->label( text = `Work`
)->text( text = `[email protected]`

)->get_parent(
)->get_parent(
)->get_parent(
)->get_parent(
).

client->view_display( view->stringify( ) ).

ENDMETHOD.


METHOD ON_EVENT.

CASE client->get( )-event.
WHEN 'BACK'.
client->nav_app_leave( ).
WHEN 'CLICK_HINT_ICON'.
z2ui5_display_popover( `button_hint_id` ).
ENDCASE.

ENDMETHOD.


METHOD Z2UI5_DISPLAY_POPOVER.

DATA(view) = z2ui5_cl_xml_view=>factory_popup( ).
view->quick_view( placement = `Bottom` width = `auto`
)->quick_view_page( pageid = `sampleInformationId`
header = `Sample information`
description = `ObjectPage sample that demonstrates the combination of header facets and showTitle properties of sections and subsections.` ).

client->popover_display(
xml = view->stringify( )
by_id = id
).

ENDMETHOD.


METHOD Z2UI5_IF_APP~MAIN.

me->client = client.

IF check_initialized = abap_false.
check_initialized = abap_true.
display_view( client ).

ENDIF.

on_event( client ).

ENDMETHOD.
ENDCLASS.
Loading