From 47c9dbdc5fbe750cf6fdcde81e13964ec3675fe9 Mon Sep 17 00:00:00 2001 From: Francisco Milan Date: Tue, 3 Sep 2024 05:24:20 +0000 Subject: [PATCH 1/2] New Sample: Tile Statuses --- src/z2ui5_cl_demo_app_000.clas.abap | 15 +++ src/z2ui5_cl_demo_app_276.clas.abap | 3 + src/z2ui5_cl_demo_app_278.clas.abap | 4 + src/z2ui5_cl_demo_app_281.clas.abap | 159 ++++++++++++++++++++++++++++ src/z2ui5_cl_demo_app_281.clas.xml | 16 +++ 5 files changed, 197 insertions(+) create mode 100644 src/z2ui5_cl_demo_app_281.clas.abap create mode 100644 src/z2ui5_cl_demo_app_281.clas.xml diff --git a/src/z2ui5_cl_demo_app_000.clas.abap b/src/z2ui5_cl_demo_app_000.clas.abap index 7e386186..6969cfe8 100644 --- a/src/z2ui5_cl_demo_app_000.clas.abap +++ b/src/z2ui5_cl_demo_app_000.clas.abap @@ -722,6 +722,14 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + panel->generic_tile( + header = 'Tile' + subheader = 'Statuses' + press = client->_event( 'Z2UI5_CL_DEMO_APP_281' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + page = page2->panel( expandable = abap_true expanded = client->_bind_edit( ms_check_expanded-more ) @@ -1358,6 +1366,13 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + panel->generic_tile( + header = 'Slide Tile' + press = client->_event( 'Z2UI5_CL_DEMO_APP_274' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + panel = page->panel( expandable = abap_false expanded = abap_true diff --git a/src/z2ui5_cl_demo_app_276.clas.abap b/src/z2ui5_cl_demo_app_276.clas.abap index c49cec19..af477ba5 100644 --- a/src/z2ui5_cl_demo_app_276.clas.abap +++ b/src/z2ui5_cl_demo_app_276.clas.abap @@ -31,6 +31,9 @@ CLASS z2ui5_cl_demo_app_276 IMPLEMENTATION. METHOD display_view. + DATA(css) = `.tileLayout {` && + ` float: left;` && + `}`. DATA(page) = z2ui5_cl_xml_view=>factory( )->shell( )->page( diff --git a/src/z2ui5_cl_demo_app_278.clas.abap b/src/z2ui5_cl_demo_app_278.clas.abap index a780227c..d8545f3c 100644 --- a/src/z2ui5_cl_demo_app_278.clas.abap +++ b/src/z2ui5_cl_demo_app_278.clas.abap @@ -31,6 +31,10 @@ CLASS z2ui5_cl_demo_app_278 IMPLEMENTATION. METHOD display_view. + DATA(css) = `.tileLayout {` && + ` float: left;` && + `}`. + " Define the base URL for the server DATA base_url TYPE string VALUE 'https://sapui5.hana.ondemand.com/'. diff --git a/src/z2ui5_cl_demo_app_281.clas.abap b/src/z2ui5_cl_demo_app_281.clas.abap new file mode 100644 index 00000000..6864c943 --- /dev/null +++ b/src/z2ui5_cl_demo_app_281.clas.abap @@ -0,0 +1,159 @@ +CLASS z2ui5_cl_demo_app_281 DEFINITION + PUBLIC + CREATE PUBLIC. + + PUBLIC SECTION. + + 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_281 IMPLEMENTATION. + + + METHOD display_view. + DATA(css) = `.tileLayout {` && + ` float: left;` && + `}`. + + " Define the base URL for the server + DATA base_url TYPE string VALUE 'https://sapui5.hana.ondemand.com/'. + + DATA(page) = z2ui5_cl_xml_view=>factory( )->shell( + )->page( + title = 'abap2UI5 - Sample: Tile Statuses' + navbuttonpress = client->_event( 'BACK' ) + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). + + page->header_content( + )->button( id = `button_hint_id` + icon = `sap-icon://hint` + tooltip = `Sample information` + press = client->_event( 'CLICK_HINT_ICON' ) ). + + page->header_content( + )->link( + text = 'UI5 Demo Kit' + target = '_blank' + href = base_url && 'sdk/#/entity/sap.m.GenericTile/sample/sap.m.sample.GenericTileStates' ). + + page->generic_tile( class = `sapUiTinyMarginBegin sapUiTinyMarginTop tileLayout` header = `Status Loaded - no press event` + subheader = `Subheader` + )->tile_content( unit = `Unit` footer = `Footer` + )->image_Content( src = `sap-icon://line-charts` )->get_parent( )->get_parent( )->get_parent( + )->generic_tile( class = `sapUiTinyMarginBegin sapUiTinyMarginTop tileLayout` header = `Status Loaded - with press event` + subheader = `Subheader` press = client->_event( `press` ) + )->tile_content( unit = `Unit` footer = `Footer` + )->image_Content( src = `sap-icon://home-share` )->get_parent( )->get_parent( )->get_parent( + )->generic_tile( class = `sapUiTinyMarginBegin sapUiTinyMarginTop tileLayout` header = `Status Loading - no press event` + subheader = `Subheader` state = `Loading` + )->tile_content( unit = `Unit` footer = `Footer` + )->numeric_content( scale = `M` value = `2.1` valuecolor = `Good` indicator = `Up` withmargin = abap_false )->get_parent( )->get_parent( )->get_parent( + )->generic_tile( class = `sapUiTinyMarginBegin sapUiTinyMarginTop tileLayout` header = `Status Loading - with press event` + subheader = `Subheader` state = `Loading` press = client->_event( `press` ) + )->tile_content( unit = `Unit` footer = `Footer` + )->numeric_content( scale = `M` value = `1.96` valuecolor = `Error` indicator = `Down` withmargin = `false` )->get_parent( )->get_parent( )->get_parent( + )->generic_tile( class = `sapUiTinyMarginBegin sapUiTinyMarginTop tileLayout` header = `Status Failed - no press event` + subheader = `Subheader` frametype = `TwoByOne` state = `Failed` + )->tile_content( unit = `Unit` footer = `Footer` + )->feed_content( + contenttext = `@@notify Great outcome of the Presentation today. The new functionality and the design was well received. Berlin, Tokyo, Rome, Budapest, New York, Munich, London` + subheader = `Subheader` value = `9`)->get_parent( )->get_parent( )->get_parent( + )->generic_tile( class = `sapUiTinyMarginBegin sapUiTinyMarginTop tileLayout` header = `Status Failed - with press event` + subheader = `Subheader` frametype = `TwoByOne` state = `Failed` press = client->_event( `press` ) + )->tile_content( unit = `Unit` footer = `Footer` + )->feed_content( + contenttext = `@@notify Great outcome of the Presentation today. The new functionality and the design was well received. Berlin, Tokyo, Rome, Budapest, New York, Munich, London` + subheader = `Subheader` value = `9` )->get_parent( )->get_parent( )->get_parent( + )->slide_tile( class = `sapUiTinyMarginBegin sapUiTinyMarginTop tileLayout` + )->generic_tile( + backgroundimage = base_url && `test-resources/sap/m/demokit/sample/GenericTileAsFeedTile/images/NewsImage1.png` + frametype = `TwoByOne` state = `Loading` + )->tile_content( unit = `Unit` footer = `Footer` + )->news_content( + contenttext = `Status Loading - no press event` + subheader = `Subheader` )->get_parent( )->get_parent( )->get_parent( + )->generic_tile( + backgroundimage = base_url && `test-resources/sap/m/demokit/sample/GenericTileAsFeedTile/images/NewsImage2.png` + frametype = `TwoByOne` state = `Loaded` press = client->_event( `press` ) + )->tile_content( unit = `Unit` footer = `Footer` + )->news_content( + contenttext = `Status Loaded - with press event` + subheader = `Subheader` )->get_parent( )->get_parent( )->get_parent( )->get_parent( + )->generic_tile( class = `sapUiTinyMarginBegin sapUiTinyMarginTop tileLayout` header = `Status Disabled - no press event` + subheader = `Subheader` state = `Disabled` + )->tile_content( footer = `Footer` unit = `Unit` + )->numeric_content( value = `3` icon = `sap-icon://travel-expense` withmargin = abap_false )->get_parent( )->get_parent( )->get_parent( + )->generic_tile( class = `sapUiTinyMarginBegin sapUiTinyMarginTop tileLayout` header = `Status Disabled - with press event` + subheader = `Subheader` state = `Disabled` press = client->_event( `press` ) + )->tile_content( footer = `Footer` unit = `Unit` + )->numeric_content( value = `3` icon = `sap-icon://travel-expense` withmargin = abap_false + ). + + client->view_display( page->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` ). + WHEN 'press'. + client->message_toast_display( `The GenericTile is pressed.` ). + 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 = `Shows the GenericTile while it is loading, if loading fails, and in disabled status.` ). + + 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. diff --git a/src/z2ui5_cl_demo_app_281.clas.xml b/src/z2ui5_cl_demo_app_281.clas.xml new file mode 100644 index 00000000..ca8937d6 --- /dev/null +++ b/src/z2ui5_cl_demo_app_281.clas.xml @@ -0,0 +1,16 @@ + + + + + + Z2UI5_CL_DEMO_APP_281 + E + Tile Statuses + 1 + X + X + X + + + + From 6c1aa317e5ecb2a46cdb3b855b60da6b22d8dcfa Mon Sep 17 00:00:00 2001 From: Francisco Milan Date: Tue, 3 Sep 2024 05:43:31 +0000 Subject: [PATCH 2/2] New Sample: Tile Statues (2) --- src/z2ui5_cl_demo_app_000.clas.abap | 7 ------- 1 file changed, 7 deletions(-) diff --git a/src/z2ui5_cl_demo_app_000.clas.abap b/src/z2ui5_cl_demo_app_000.clas.abap index 6969cfe8..34c33642 100644 --- a/src/z2ui5_cl_demo_app_000.clas.abap +++ b/src/z2ui5_cl_demo_app_000.clas.abap @@ -1366,13 +1366,6 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Slide Tile' - press = client->_event( 'Z2UI5_CL_DEMO_APP_274' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - panel = page->panel( expandable = abap_false expanded = abap_true