From b9dcd87bdbac97ae50316c3eaff3be13190266e5 Mon Sep 17 00:00:00 2001 From: Francisco Milan Date: Thu, 11 Jul 2024 01:10:49 +0000 Subject: [PATCH 1/3] New Sample: Icon Tab Bar - Sub tabs (1) --- src/z2ui5_cl_demo_app_000.clas.abap | 10 ++- src/z2ui5_cl_demo_app_226.clas.abap | 132 ++++++++++++++++++++++++++++ src/z2ui5_cl_demo_app_226.clas.xml | 16 ++++ 3 files changed, 157 insertions(+), 1 deletion(-) create mode 100644 src/z2ui5_cl_demo_app_226.clas.abap create mode 100644 src/z2ui5_cl_demo_app_226.clas.xml diff --git a/src/z2ui5_cl_demo_app_000.clas.abap b/src/z2ui5_cl_demo_app_000.clas.abap index 2f090c00..f7b57468 100644 --- a/src/z2ui5_cl_demo_app_000.clas.abap +++ b/src/z2ui5_cl_demo_app_000.clas.abap @@ -28,7 +28,7 @@ ENDCLASS. -CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. +CLASS Z2UI5_CL_DEMO_APP_000 IMPLEMENTATION. METHOD z2ui5_if_app~main. @@ -918,6 +918,14 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + panel->generic_tile( + header = 'Icon Tab Bar' + subheader = 'Sub tabs' + press = client->_event( 'Z2UI5_CL_DEMO_APP_226' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + panel = page->panel( expandable = abap_false expanded = abap_true diff --git a/src/z2ui5_cl_demo_app_226.clas.abap b/src/z2ui5_cl_demo_app_226.clas.abap new file mode 100644 index 00000000..50cb3025 --- /dev/null +++ b/src/z2ui5_cl_demo_app_226.clas.abap @@ -0,0 +1,132 @@ +class Z2UI5_CL_DEMO_APP_226 definition + public + create public . + +public section. + + interfaces IF_SERIALIZABLE_OBJECT . + interfaces Z2UI5_IF_APP . + + data CHECK_INITIALIZED type ABAP_BOOL . + PROTECTED SECTION. + + METHODS display_view + IMPORTING + client TYPE REF TO z2ui5_if_client. + METHODS on_event + IMPORTING + client TYPE REF TO z2ui5_if_client. + + PRIVATE SECTION. +ENDCLASS. + + + +CLASS Z2UI5_CL_DEMO_APP_226 IMPLEMENTATION. + + + METHOD DISPLAY_VIEW. + + DATA(page) = z2ui5_cl_xml_view=>factory( )->shell( + )->page( + title = 'abap2UI5 - Sample: Icon Tab Bar - Sub tabs' + navbuttonpress = client->_event( 'BACK' ) + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). + + DATA(layout) = page->label( + wrapping = `true` + text = `IconTabBar with filters with own content and sub tabs. The click area is split to allow the user to display the content or alternatively to expand/collapse the sub tabs.` + class = `sapUiSmallMargin` ). + + layout->icon_tab_bar( class = `sapUiResponsiveContentPadding` + )->items( + )->icon_tab_filter( key = `info` text = `Info` + )->items( + )->icon_tab_filter( text = `Info one` + )->text( text = `Info one content goes here...` + )->text( text = `Select another sub tab to see its content...` )->get_parent( + )->icon_tab_filter( text = `Info two` + )->text( text = `Info two content goes here...` )->get_parent( + )->icon_tab_filter( text = `Info three` + )->text( text = `Info three content goes here...` )->get_parent( + )->icon_tab_filter( text = `Info four` + )->text( text = `Info four content goes here...` )->get_parent( )->get_parent( + )->text( text = `Info own content goes here...` + )->text( text = `Select a sub tab to see its content...` )->get_parent( + + )->icon_tab_filter( key = `attachments` text = `Attachments` + )->items( + )->icon_tab_filter( text = `Attachment one` + )->text( text = `Attachment one goes here...` )->get_parent( + )->icon_tab_filter( text = `Attachment two` + )->text( text = `Attachment two goes here...` )->get_parent( )->get_parent( + )->text( text = `Attachments own content goes here...` )->get_parent( + + )->icon_tab_filter( key = `notes` text = `Notes` + )->items( + )->icon_tab_filter( text = `Note one` + )->text( text = `Note one goes here...` )->get_parent( + )->icon_tab_filter( text = `Note two` + )->text( text = `Note two goes here...` )->get_parent( )->get_parent( + )->text( text = `Notes own content goes here...` )->get_parent( )->get_parent( )->get_parent( + + )->label( + wrapping = `true` + text = `IconTabBar with filters without own content - only sub tabs` + class = `sapUiSmallMargin` + + + )->icon_tab_bar( class = `sapUiResponsiveContentPadding` + )->items( + )->icon_tab_filter( key = `info` text = `Info` + )->items( + )->icon_tab_filter( text = `Info one` + )->text( text = `Info one content goes here...` )->get_parent( + )->icon_tab_filter( text = `Info two` + )->text( text = `Info two content goes here...` )->get_parent( + )->icon_tab_filter( text = `Info three` + )->text( text = `Info three content goes here...` )->get_parent( + )->icon_tab_filter( text = `Info four` + )->text( text = `Info four content goes here...` )->get_parent( )->get_parent( )->get_parent( + + )->icon_tab_filter( key = `attachments` text = `Attachments` + )->items( + )->icon_tab_filter( text = `Attachment one` + )->text( text = `Attachment one goes here...` )->get_parent( + )->icon_tab_filter( text = `Attachment two` + )->text( text = `Attachment two goes here...` )->get_parent( )->get_parent( )->get_parent( + + )->icon_tab_filter( key = `notes` text = `Notes` + )->items( + )->icon_tab_filter( text = `Note one` + )->text( text = `Note one content goes here...` )->get_parent( + )->icon_tab_filter( text = `Note two` + )->text( text = `Note two content goes here...` )->get_parent( )->get_parent( + ). + + client->view_display( page->stringify( ) ). + + ENDMETHOD. + + + METHOD ON_EVENT. + + CASE client->get( )-event. + WHEN 'BACK'. + client->nav_app_leave( ). + ENDCASE. + + ENDMETHOD. + + + METHOD Z2UI5_IF_APP~MAIN. + + IF check_initialized = abap_false. + check_initialized = abap_true. + display_view( client ). + ENDIF. + + on_event( client ). + + ENDMETHOD. +ENDCLASS. diff --git a/src/z2ui5_cl_demo_app_226.clas.xml b/src/z2ui5_cl_demo_app_226.clas.xml new file mode 100644 index 00000000..32fdbdbc --- /dev/null +++ b/src/z2ui5_cl_demo_app_226.clas.xml @@ -0,0 +1,16 @@ + + + + + + Z2UI5_CL_DEMO_APP_226 + E + Icon Tab Bar - Sub tabs + 1 + X + X + X + + + + From 9e2d70ed55ec744221d5a9dc05079dabcc813f06 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Francisco=20Mil=C3=A1n?= <36721657+francisco-milan@users.noreply.github.com> Date: Wed, 10 Jul 2024 19:11:36 -0600 Subject: [PATCH 2/3] New Sample: Icon Tab Bar - Sub tabs --- src/z2ui5_cl_demo_app_000.clas.abap | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/z2ui5_cl_demo_app_000.clas.abap b/src/z2ui5_cl_demo_app_000.clas.abap index f7b57468..56a31998 100644 --- a/src/z2ui5_cl_demo_app_000.clas.abap +++ b/src/z2ui5_cl_demo_app_000.clas.abap @@ -28,7 +28,7 @@ ENDCLASS. -CLASS Z2UI5_CL_DEMO_APP_000 IMPLEMENTATION. +CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. METHOD z2ui5_if_app~main. From 18ac139379a6a752cd7811eaf72f4c2884a46b4a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Francisco=20Mil=C3=A1n?= <36721657+francisco-milan@users.noreply.github.com> Date: Wed, 10 Jul 2024 19:12:17 -0600 Subject: [PATCH 3/3] New Sample: Icon Tab Bar - Sub tabs (3) --- src/z2ui5_cl_demo_app_226.clas.abap | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/z2ui5_cl_demo_app_226.clas.abap b/src/z2ui5_cl_demo_app_226.clas.abap index 50cb3025..69271cc1 100644 --- a/src/z2ui5_cl_demo_app_226.clas.abap +++ b/src/z2ui5_cl_demo_app_226.clas.abap @@ -1,4 +1,4 @@ -class Z2UI5_CL_DEMO_APP_226 definition +class z2ui5_cl_demo_app_226 definition public create public . @@ -22,7 +22,7 @@ ENDCLASS. -CLASS Z2UI5_CL_DEMO_APP_226 IMPLEMENTATION. +CLASS z2ui5_cl_demo_app_226 IMPLEMENTATION. METHOD DISPLAY_VIEW.