From 5d6eae59f84e1c570df49f861dc7481ebeb36812 Mon Sep 17 00:00:00 2001 From: "oblomov-edv@outlook.com" Date: Sun, 7 Apr 2024 13:27:10 +0000 Subject: [PATCH] update overview --- src/z2ui5_cl_demo_app_000.clas.abap | 2320 ++++++++++++++------------- src/z2ui5_cl_demo_app_183.clas.abap | 67 +- 2 files changed, 1197 insertions(+), 1190 deletions(-) diff --git a/src/z2ui5_cl_demo_app_000.clas.abap b/src/z2ui5_cl_demo_app_000.clas.abap index 809de3bb..58c31554 100644 --- a/src/z2ui5_cl_demo_app_000.clas.abap +++ b/src/z2ui5_cl_demo_app_000.clas.abap @@ -1,1401 +1,1409 @@ CLASS z2ui5_cl_demo_app_000 DEFINITION PUBLIC. - PUBLIC SECTION. - - INTERFACES z2ui5_if_app. - - DATA: - BEGIN OF ms_check_expanded, - basics TYPE abap_bool, - more TYPE abap_bool, - features TYPE abap_bool, - extensions TYPE abap_bool, - demos TYPE abap_bool, - custom_controls TYPE abap_bool, - input TYPE abap_bool, - popups TYPE abap_bool, - version TYPE abap_bool, - built_in TYPE abap_bool, - END OF ms_check_expanded. - - DATA mt_scroll TYPE z2ui5_cl_fw_cc_scrolling=>ty_t_item. - DATA mv_set_scroll TYPE abap_bool. - - PROTECTED SECTION. - PRIVATE SECTION. - -ENDCLASS. - - - -CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. - - METHOD z2ui5_if_app~main. - - DATA(ls_get) = client->get( ). - - IF client->get( )-check_on_navigated = abap_true. - IF mt_scroll IS INITIAL. - mt_scroll = VALUE #( ( id = `page` ) ). - ENDIF. - mv_set_scroll = abap_true. - ENDIF. - - CASE client->get( )-event. - - WHEN 'BACK'. - client->nav_app_leave( ). - - WHEN OTHERS. - TRY. - DATA(lv_classname) = to_upper( client->get( )-event ). - DATA li_app TYPE REF TO z2ui5_if_app. - CREATE OBJECT li_app TYPE (lv_classname). - client->nav_app_call( li_app ). - RETURN. - CATCH cx_root. - ENDTRY. - ENDCASE. - - DATA(page) = z2ui5_cl_xml_view=>factory( - )->shell( )->page( - id = `page` - title = ` abap2UI5 - Samples` - navbuttonpress = client->_event( val = 'BACK' s_ctrl = VALUE #( check_view_destroy = abap_true ) ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - )->header_content( - )->toolbar_spacer( + PUBLIC SECTION. + + INTERFACES z2ui5_if_app. + + DATA: + BEGIN OF ms_check_expanded, + basics TYPE abap_bool, + more TYPE abap_bool, + features TYPE abap_bool, + extensions TYPE abap_bool, + demos TYPE abap_bool, + custom_controls TYPE abap_bool, + input TYPE abap_bool, + popups TYPE abap_bool, + version TYPE abap_bool, + built_in TYPE abap_bool, + END OF ms_check_expanded. + + DATA mt_scroll TYPE z2ui5_cl_fw_cc_scrolling=>ty_t_item. + DATA mv_set_scroll TYPE abap_bool. + + PROTECTED SECTION. + PRIVATE SECTION. + + ENDCLASS. + + + + CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. + + METHOD z2ui5_if_app~main. + + DATA(ls_get) = client->get( ). + + IF client->get( )-check_on_navigated = abap_true. + IF mt_scroll IS INITIAL. + mt_scroll = VALUE #( ( id = `page` ) ). + ENDIF. + mv_set_scroll = abap_true. + ENDIF. + + CASE client->get( )-event. + + WHEN 'BACK'. + client->nav_app_leave( ). + + WHEN OTHERS. + TRY. + DATA(lv_classname) = to_upper( client->get( )-event ). + DATA li_app TYPE REF TO z2ui5_if_app. + CREATE OBJECT li_app TYPE (lv_classname). + client->nav_app_call( li_app ). + RETURN. + CATCH cx_root. + ENDTRY. + ENDCASE. + + DATA(page) = z2ui5_cl_xml_view=>factory( + )->shell( )->page( + id = `page` + title = ` abap2UI5 - Samples` + navbuttonpress = client->_event( val = 'BACK' s_ctrl = VALUE #( check_view_destroy = abap_true ) ) + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) + )->header_content( + )->toolbar_spacer( * )->link( text = 'SCN' target = '_blank' href = 'https://community.sap.com/t5/technology-blogs-by-members/abap2ui5-1-introduction-developing-ui5-apps-purely-in-abap/ba-p/13567635' * )->link( text = 'Twitter' target = '_blank' href = 'https://twitter.com/abap2UI5' - )->link( text = 'Install with abapGit from GitHub' target = '_blank' href = 'https://github.com/oblomov-dev/abap2ui5' - )->get_parent( ). + )->link( text = 'Install with abapGit from GitHub' target = '_blank' href = 'https://github.com/oblomov-dev/abap2ui5' + )->get_parent( ). - page->_z2ui5( )->scrolling( - setupdate = client->_bind_edit( mv_set_scroll ) - items = client->_bind_edit( mt_scroll ) ). + page->_z2ui5( )->scrolling( + setupdate = client->_bind_edit( mv_set_scroll ) + items = client->_bind_edit( mt_scroll ) ). - page = page->grid( 'L12 M12 S12' - )->content( 'layout' ). + page = page->grid( 'L12 M12 S12' + )->content( 'layout' ). - page->formatted_text( -`

Explore and copy code samples! All samples are abap2UI5 implementations of the SAP UI5 sample page. If you miss a control or find a b` && -`ug please create an ` && -`issue or send a PR` && -`.

` ). + page->formatted_text( + `

Explore and copy code samples! All samples are abap2UI5 implementations of the SAP UI5 sample page. If you miss a control or find a b` && + `ug please create an ` && + `issue or send a PR` && + `.

` ). - DATA(page2) = page. + DATA(page2) = page. - page = page->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-basics ) - headertext = `General` ). + page = page->panel( + expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-basics ) + headertext = `General` ). - DATA(panel) = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Binding` + DATA(panel) = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Binding` + ). + + panel->generic_tile( + header = 'Binding I' + subheader = 'Simple - Send values to the backend' + press = client->_event( 'Z2UI5_CL_DEMO_APP_001' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Binding II' + subheader = 'Structure Component Level' + press = client->_event( 'z2ui5_cl_demo_app_166' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Binding I' - subheader = 'Simple - Send values to the backend' - press = client->_event( 'Z2UI5_CL_DEMO_APP_001' ) + panel->generic_tile( + header = 'Binding III' + subheader = 'Table Cell Level' + press = client->_event( 'z2ui5_cl_demo_app_144' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + + + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Events` + ). + + + panel->generic_tile( + header = 'Event I' + subheader = 'Handle events & change the view' + press = client->_event( 'Z2UI5_CL_DEMO_APP_004' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + + panel->generic_tile( + header = 'Event II' + subheader = 'Call other apps & exchange data' + press = client->_event( 'Z2UI5_CL_DEMO_APP_024' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + + panel->generic_tile( + header = 'Event III' + subheader = 'Additional Infos with t_args' + press = client->_event( 'Z2UI5_CL_DEMO_APP_167' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + + panel->generic_tile( + header = 'Follow Up Action' + subheader = `` + press = client->_event( 'Z2UI5_CL_DEMO_APP_180' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Binding II' - subheader = 'Structure Component Level' - press = client->_event( 'z2ui5_cl_demo_app_166' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel->generic_tile( - header = 'Binding III' - subheader = 'Table Cell Level' - press = client->_event( 'z2ui5_cl_demo_app_144' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Features` + ). + panel->generic_tile( + header = 'Timer' + subheader = 'Wait n MS and call again the server' + press = client->_event( 'Z2UI5_CL_DEMO_APP_028' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Events` - ). + panel->generic_tile( + header = 'New Tab' + subheader = 'Open an URL in a new tab' + press = client->_event( 'Z2UI5_CL_DEMO_APP_073' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + panel->generic_tile( + header = 'Focus & Cursor' + press = client->_event( 'z2ui5_cl_demo_app_133' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Event I' - subheader = 'Handle events & change the view' - press = client->_event( 'Z2UI5_CL_DEMO_APP_004' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + panel->generic_tile( + header = 'Scrolling' + press = client->_event( 'Z2UI5_CL_DEMO_APP_134' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Event II' - subheader = 'Call other apps & exchange data' - press = client->_event( 'Z2UI5_CL_DEMO_APP_024' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + panel->generic_tile( + header = 'History' + press = client->_event( 'Z2UI5_CL_DEMO_APP_139' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Event III' - subheader = 'Additional Infos with t_args' - press = client->_event( 'Z2UI5_CL_DEMO_APP_167' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Messages` + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Features` - ). + panel->generic_tile( + header = 'Message I' + subheader = 'Toast, Box & Strip' + press = client->_event( 'Z2UI5_CL_DEMO_APP_008' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Timer' - subheader = 'Wait n MS and call again the server' - press = client->_event( 'Z2UI5_CL_DEMO_APP_028' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Message II' + subheader = 'Message View & Popover' + press = client->_event( 'Z2UI5_CL_DEMO_APP_038' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'New Tab' - subheader = 'Open an URL in a new tab' - press = client->_event( 'Z2UI5_CL_DEMO_APP_073' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - panel->generic_tile( - header = 'Focus & Cursor' - press = client->_event( 'z2ui5_cl_demo_app_133' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + page = page2->panel( + expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-input ) + headertext = `Input & Ouput` ). - panel->generic_tile( - header = 'Scrolling' - press = client->_event( 'Z2UI5_CL_DEMO_APP_134' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Output` + ). - panel->generic_tile( - header = 'History' - press = client->_event( 'Z2UI5_CL_DEMO_APP_139' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Label' + press = client->_event( 'Z2UI5_CL_DEMO_APP_051' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Messages` - ). + panel->generic_tile( + header = 'Progress Indicator' + press = client->_event( 'Z2UI5_CL_DEMO_APP_022' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Message I' - subheader = 'Toast, Box & Strip' - press = client->_event( 'Z2UI5_CL_DEMO_APP_008' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Message II' - subheader = 'Message View & Popover' - press = client->_event( 'Z2UI5_CL_DEMO_APP_038' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - - page = page2->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-input ) - headertext = `Input & Ouput` ). - - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Output` - ). + panel->generic_tile( + header = 'PDF Viewer' + subheader = 'Display PDFs via iframe' + press = client->_event( 'Z2UI5_CL_DEMO_APP_079' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Label' - press = client->_event( 'Z2UI5_CL_DEMO_APP_051' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Formatted Text' + subheader = 'Display HTML' + press = client->_event( 'Z2UI5_CL_DEMO_APP_015' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Progress Indicator' - press = client->_event( 'Z2UI5_CL_DEMO_APP_022' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = 'Input' + ). - panel->generic_tile( - header = 'PDF Viewer' - subheader = 'Display PDFs via iframe' - press = client->_event( 'Z2UI5_CL_DEMO_APP_079' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Step Input' + press = client->_event( 'Z2UI5_CL_DEMO_APP_041' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Formatted Text' - subheader = 'Display HTML' - press = client->_event( 'Z2UI5_CL_DEMO_APP_015' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Range Slider' + press = client->_event( 'Z2UI5_CL_DEMO_APP_005' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = 'Input' - ). + panel->generic_tile( + header = 'Text Area' + press = client->_event( 'Z2UI5_CL_DEMO_APP_021' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Step Input' - press = client->_event( 'Z2UI5_CL_DEMO_APP_041' ) + + panel->generic_tile( + header = 'Code Editor' + press = client->_event( 'Z2UI5_CL_DEMO_APP_035' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Range Slider' - press = client->_event( 'Z2UI5_CL_DEMO_APP_005' ) + panel->generic_tile( + header = 'Rich Text Editor' + press = client->_event( 'Z2UI5_CL_DEMO_APP_106' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Text Area' - press = client->_event( 'Z2UI5_CL_DEMO_APP_021' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( + header = 'Feed Input' + press = client->_event( 'Z2UI5_CL_DEMO_APP_101' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = 'Interaction' ). + panel->generic_tile( + header = 'Search Field I' + subheader = 'Filter with enter' + press = client->_event( 'Z2UI5_CL_DEMO_APP_053' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Search Field II' + subheader = 'Filter with Live Change Event' + press = client->_event( 'Z2UI5_CL_DEMO_APP_059' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Code Editor' - press = client->_event( 'Z2UI5_CL_DEMO_APP_035' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Rich Text Editor' - press = client->_event( 'Z2UI5_CL_DEMO_APP_106' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Feed Input' - press = client->_event( 'Z2UI5_CL_DEMO_APP_101' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = 'Interaction' - ). + panel->generic_tile( + header = 'Input with Suggestion' + subheader = 'Create Suggestion Table on the Server' + press = client->_event( 'Z2UI5_CL_DEMO_APP_060' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Search Field I' - subheader = 'Filter with enter' - press = client->_event( 'Z2UI5_CL_DEMO_APP_053' ) + panel->generic_tile( + header = 'Multi Input' + subheader = 'Token & Range Handling' + press = client->_event( 'Z2UI5_CL_DEMO_APP_078' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Search Field II' - subheader = 'Filter with Live Change Event' - press = client->_event( 'Z2UI5_CL_DEMO_APP_059' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = 'Formatting & Calculations' + ). - panel->generic_tile( - header = 'Input with Suggestion' - subheader = 'Create Suggestion Table on the Server' - press = client->_event( 'Z2UI5_CL_DEMO_APP_060' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Data Types' + subheader = 'Use of Integer, Decimals, Dates & Time' + press = client->_event( 'Z2UI5_CL_DEMO_APP_047' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Multi Input' - subheader = 'Token & Range Handling' - press = client->_event( 'Z2UI5_CL_DEMO_APP_078' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Formatting' + subheader = 'Currencies' + press = client->_event( 'Z2UI5_CL_DEMO_APP_067' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = 'Formatting & Calculations' - ). + panel->generic_tile( + header = 'Mask Input' + subheader = `` + press = client->_event( 'Z2UI5_CL_DEMO_APP_110' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Data Types' - subheader = 'Use of Integer, Decimals, Dates & Time' - press = client->_event( 'Z2UI5_CL_DEMO_APP_047' ) + panel->generic_tile( + header = 'Expression Binding' + subheader = 'Use calculations & more functions directly in views' + press = client->_event( 'Z2UI5_CL_DEMO_APP_027' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Formatting' - subheader = 'Currencies' - press = client->_event( 'Z2UI5_CL_DEMO_APP_067' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Mask Input' - subheader = `` - press = client->_event( 'Z2UI5_CL_DEMO_APP_110' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + page = page2->panel( + expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-more ) + headertext = `Tables & Trees` + ). + + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Table` + ). + + panel->generic_tile( + header = 'Toolbar' + subheader = 'Add a container & toolbar' + press = client->_event( 'Z2UI5_CL_DEMO_APP_006' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Expression Binding' - subheader = 'Use calculations & more functions directly in views' - press = client->_event( 'Z2UI5_CL_DEMO_APP_027' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). + panel->generic_tile( + header = 'Selection Modes' + subheader = 'Single Select & Multi Select' + press = client->_event( 'Z2UI5_CL_DEMO_APP_019' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - page = page2->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-more ) - headertext = `Tables & Trees` - ). + panel->generic_tile( + header = 'Editable' + subheader = 'Set columns editable' + press = client->_event( 'Z2UI5_CL_DEMO_APP_011' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Table` - ). + panel->generic_tile( + header = 'Visualization' + subheader = 'Object Number, Object States & Tab Filter' + press = client->_event( 'Z2UI5_CL_DEMO_APP_072' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'ui.Table I' + subheader = 'Simple example' + press = client->_event( 'Z2UI5_CL_DEMO_APP_070' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Toolbar' - subheader = 'Add a container & toolbar' - press = client->_event( 'Z2UI5_CL_DEMO_APP_006' ) + panel->generic_tile( + header = 'ui.Table II' + subheader = 'Events on Cell Level' + press = client->_event( 'Z2UI5_CL_DEMO_APP_160' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Selection Modes' - subheader = 'Single Select & Multi Select' - press = client->_event( 'Z2UI5_CL_DEMO_APP_019' ) + panel->generic_tile( + header = 'ui.Table III' + subheader = 'Focus Handling' + press = client->_event( 'Z2UI5_CL_DEMO_APP_172' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Editable' - subheader = 'Set columns editable' - press = client->_event( 'Z2UI5_CL_DEMO_APP_011' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Lists` + ). - panel->generic_tile( - header = 'Visualization' - subheader = 'Object Number, Object States & Tab Filter' - press = client->_event( 'Z2UI5_CL_DEMO_APP_072' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'List I' + subheader = 'Basic' + press = client->_event( 'Z2UI5_CL_DEMO_APP_003' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'ui.Table I' - subheader = 'Simple example' - press = client->_event( 'Z2UI5_CL_DEMO_APP_070' ) + panel->generic_tile( + header = 'List II' + subheader = 'Events & Visualization' + press = client->_event( 'Z2UI5_CL_DEMO_APP_048' ) mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom'). - panel->generic_tile( - header = 'ui.Table II' - subheader = 'Events on Cell Level' - press = client->_event( 'Z2UI5_CL_DEMO_APP_160' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - panel->generic_tile( - header = 'ui.Table III' - subheader = 'Focus Handling' - press = client->_event( 'Z2UI5_CL_DEMO_APP_172' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Lists` - ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Trees` + ). - panel->generic_tile( - header = 'List I' - subheader = 'Basic' - press = client->_event( 'Z2UI5_CL_DEMO_APP_003' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Tree Table I' + subheader = 'Popup Select Entry' + press = client->_event( 'Z2UI5_CL_DEMO_APP_068' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'List II' - subheader = 'Events & Visualization' - press = client->_event( 'Z2UI5_CL_DEMO_APP_048' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom'). + panel->generic_tile( + header = 'Tree Table II' + subheader = 'Keep expanded state popup' + press = client->_event( 'Z2UI5_CL_DEMO_APP_178' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + panel->generic_tile( + header = 'Tree Table III' + subheader = 'Keep expanded state normal' + press = client->_event( 'z2ui5_cl_demo_app_116' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + page = page2->panel( + expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-popups ) + headertext = `Popups & Popvers` ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Trees` - ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Popups` + ). + + panel->generic_tile( + header = 'Flow Logic' + subheader = 'Different ways of calling Popups' + press = client->_event( 'Z2UI5_CL_DEMO_APP_012' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Call Popup in Popup' + subheader = 'Backend Popup Stack Handling' + press = client->_event( 'z2ui5_cl_demo_app_161' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'F4-Value-Help' + subheader = 'Popup for value help' + press = client->_event( 'Z2UI5_CL_DEMO_APP_009' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Popovers` + ). + + panel->generic_tile( + header = 'Popover' + subheader = 'Simple Example' + press = client->_event( 'Z2UI5_CL_DEMO_APP_026' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popover Item Level' + subheader = 'Create a Popover for a specific entry of a table' + press = client->_event( 'Z2UI5_CL_DEMO_APP_052' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popover with List' + subheader = 'List to select in Popover' + press = client->_event( 'Z2UI5_CL_DEMO_APP_081' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popover with Quick View' + subheader = '' + press = client->_event( 'Z2UI5_CL_DEMO_APP_109' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popover with Action Sheet' + subheader = '' + press = client->_event( 'Z2UI5_CL_DEMO_APP_163' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popover' + subheader = 'Call from Nested Views & Popup' + press = client->_event( 'z2ui5_cl_demo_app_147' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + page = page2->panel( + expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-features ) + headertext = `More Controls` + ). + + + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Visualization` + ). + + panel->generic_tile( + header = 'Planning Calender' + press = client->_event( 'Z2UI5_CL_DEMO_APP_080' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Tree Table I' - subheader = 'Popup Select Entry' - press = client->_event( 'Z2UI5_CL_DEMO_APP_068' ) + panel->generic_tile( + header = 'Wizard Control' + press = client->_event( 'z2ui5_cl_demo_app_175' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Tree Table II' - subheader = 'Keep expanded state popup' - press = client->_event( 'Z2UI5_CL_DEMO_APP_178' ) + panel->generic_tile( + header = 'Cards' + press = client->_event( 'z2ui5_cl_demo_app_181' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Tree Table III' - subheader = 'Keep expanded state normal' - press = client->_event( 'z2ui5_cl_demo_app_116' ) + panel->generic_tile( + header = 'Network Graph' + press = client->_event( 'z2ui5_cl_demo_app_182' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - page = page2->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-popups ) - headertext = `Popups & Popvers` ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Layouts` + ). + + panel->generic_tile( + header = 'Header, Footer, Grid' + subheader = 'Split view in different areas' + press = client->_event( 'Z2UI5_CL_DEMO_APP_010' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Popups` + panel->generic_tile( + header = 'Dynamic Page' + subheader = 'Display items' + press = client->_event( 'Z2UI5_CL_DEMO_APP_030' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Flow Logic' - subheader = 'Different ways of calling Popups' - press = client->_event( 'Z2UI5_CL_DEMO_APP_012' ) + panel->generic_tile( + header = 'Flexible Column Layout' + subheader = 'Master details with tree' + press = client->_event( 'Z2UI5_CL_DEMO_APP_069' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Splitting Container' + press = client->_event( 'Z2UI5_CL_DEMO_APP_103' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Nested Views` + ). + + panel->generic_tile( + header = 'Nested Views I' + subheader = 'Basic Example' + press = client->_event( 'Z2UI5_CL_DEMO_APP_065' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Nested Views II' + subheader = 'Master-Detail Page' + press = client->_event( 'Z2UI5_CL_DEMO_APP_066' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Nested Views III' + subheader = 'Head & Item Table' + press = client->_event( 'Z2UI5_CL_DEMO_APP_097' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Nested Views IV' + subheader = 'Head & Item Table & Detail' + press = client->_event( 'Z2UI5_CL_DEMO_APP_098' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Call Popup in Popup' - subheader = 'Backend Popup Stack Handling' - press = client->_event( 'z2ui5_cl_demo_app_161' ) + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Navigation Container` + ). + + + panel->generic_tile( + header = 'Nav Container I' + press = client->_event( 'Z2UI5_CL_DEMO_APP_088' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'F4-Value-Help' - subheader = 'Popup for value help' - press = client->_event( 'Z2UI5_CL_DEMO_APP_009' ) + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Templating` + ). + + panel->generic_tile( + header = 'Templating I' + subheader = 'Basic Example' + press = client->_event( 'Z2UI5_CL_DEMO_APP_173' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Templating II' + subheader = 'Nested Views' + press = client->_event( 'Z2UI5_CL_DEMO_APP_176' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + ). + page = page2->panel( + expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-custom_controls ) + headertext = `Features` + ). - panel = page->panel( + + panel = page->panel( expandable = abap_false expanded = abap_true - headertext = `Popovers` + headertext = `File API` ). - panel->generic_tile( - header = 'Popover' - subheader = 'Simple Example' - press = client->_event( 'Z2UI5_CL_DEMO_APP_026' ) + panel->generic_tile( + header = 'Download CSV' + subheader = 'Export Table as CSV' + press = client->_event( 'Z2UI5_CL_DEMO_APP_057' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Popover Item Level' - subheader = 'Create a Popover for a specific entry of a table' - press = client->_event( 'Z2UI5_CL_DEMO_APP_052' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Upload CSV' + subheader = 'Import CSV as internal Table' + press = client->_event( 'Z2UI5_CL_DEMO_APP_074' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Popover with List' - subheader = 'List to select in Popover' - press = client->_event( 'Z2UI5_CL_DEMO_APP_081' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'File Uploader' + subheader = 'Upload any file to the Backend' + press = client->_event( 'Z2UI5_CL_DEMO_APP_075' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Popover with Quick View' - subheader = '' - press = client->_event( 'Z2UI5_CL_DEMO_APP_109' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - panel->generic_tile( - header = 'Popover with Action Sheet' - subheader = '' - press = client->_event( 'Z2UI5_CL_DEMO_APP_163' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `S-RTTI - Dynamic Typing` + ). - panel->generic_tile( - header = 'Popover' - subheader = 'Call from Nested Views & Popup' - press = client->_event( 'z2ui5_cl_demo_app_147' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - page = page2->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-features ) - headertext = `More Controls` - ). + panel->generic_tile( + header = 'Dynamic Types' + subheader = 'Use S-RTTI to send tables to the frontend' + press = client->_event( 'Z2UI5_CL_DEMO_APP_061' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Visualization` - ). + panel->generic_tile( + header = 'Dynamic Objects' + subheader = 'Use S-RTTI to render different Subapps' + press = client->_event( 'Z2UI5_CL_DEMO_APP_131' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Planning Calender' - press = client->_event( 'Z2UI5_CL_DEMO_APP_080' ) + panel->generic_tile( + header = 'Dynamic Objects II' + subheader = 'User Generic Data Refs in Subapps' + press = client->_event( 'Z2UI5_CL_DEMO_APP_117' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Wizard Control' - press = client->_event( 'z2ui5_cl_demo_app_175' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel->generic_tile( - header = 'Cards' - press = client->_event( 'z2ui5_cl_demo_app_181' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel->generic_tile( - header = 'Network Graph' - press = client->_event( 'z2ui5_cl_demo_app_182' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Custom Controls` + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Layouts` - ). - - panel->generic_tile( - header = 'Header, Footer, Grid' - subheader = 'Split view in different areas' - press = client->_event( 'Z2UI5_CL_DEMO_APP_010' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Dynamic Page' - subheader = 'Display items' - press = client->_event( 'Z2UI5_CL_DEMO_APP_030' ) + panel->generic_tile( + header = 'Tab Title' + press = client->_event( 'z2ui5_cl_demo_app_125' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Flexible Column Layout' - subheader = 'Master details with tree' - press = client->_event( 'Z2UI5_CL_DEMO_APP_069' ) + panel->generic_tile( + header = 'Tab Favicon' + press = client->_event( 'z2ui5_cl_demo_app_171' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + ). - panel->generic_tile( - header = 'Splitting Container' - press = client->_event( 'Z2UI5_CL_DEMO_APP_103' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Spreadsheet Control' + subheader = 'Export Table as XLSX' + press = client->_event( 'Z2UI5_CL_DEMO_APP_077' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + panel->generic_tile( + header = 'Font Awesome Icons' + press = client->_event( 'z2ui5_cl_demo_app_118' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Nested Views` - ). + panel->generic_tile( + header = 'Generate Barcodes' + subheader = 'bwip-js' + press = client->_event( 'z2ui5_cl_demo_app_102' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Nested Views I' - subheader = 'Basic Example' - press = client->_event( 'Z2UI5_CL_DEMO_APP_065' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Tours & Contectual Help' + subheader = 'driver.js' + press = client->_event( 'z2ui5_cl_demo_app_119' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Nested Views II' - subheader = 'Master-Detail Page' - press = client->_event( 'Z2UI5_CL_DEMO_APP_066' ) + panel->generic_tile( + header = 'Image Mapster' + press = client->_event( 'Z2UI5_CL_DEMO_APP_142' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Nested Views III' - subheader = 'Head & Item Table' - press = client->_event( 'Z2UI5_CL_DEMO_APP_097' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). + panel->generic_tile( + header = 'Animate CSS' + press = client->_event( 'Z2UI5_CL_DEMO_APP_146' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Nested Views IV' - subheader = 'Head & Item Table & Detail' - press = client->_event( 'Z2UI5_CL_DEMO_APP_098' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Navigation Container` - ). + panel->generic_tile( + header = 'Chart.JS' + press = client->_event( 'Z2UI5_CL_DEMO_APP_148' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Device Capabilities` + ). - panel->generic_tile( - header = 'Nav Container I' - press = client->_event( 'Z2UI5_CL_DEMO_APP_088' ) + panel->generic_tile( + header = 'Geolocation' + subheader = '' + press = client->_event( 'z2ui5_cl_demo_app_120' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Templating` - ). + panel->generic_tile( + header = 'Frontend Infos' + subheader = '' + press = client->_event( 'z2ui5_cl_demo_app_122' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Templating I' - subheader = 'Basic Example' - press = client->_event( 'Z2UI5_CL_DEMO_APP_173' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel->generic_tile( - header = 'Templating II' - subheader = 'Nested Views' - press = client->_event( 'Z2UI5_CL_DEMO_APP_176' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - page = page2->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-custom_controls ) - headertext = `Features` - ). + panel->generic_tile( + header = 'Camera & Picture' + press = client->_event( 'z2ui5_cl_demo_app_137' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `File API` - ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Launchpad Integration` + ). - panel->generic_tile( - header = 'Download CSV' - subheader = 'Export Table as CSV' - press = client->_event( 'Z2UI5_CL_DEMO_APP_057' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). + panel->generic_tile( + header = 'Launchpad I' + subheader = `App Navigation & Parameters` + press = client->_event( 'z2ui5_cl_demo_app_127' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Upload CSV' - subheader = 'Import CSV as internal Table' - press = client->_event( 'Z2UI5_CL_DEMO_APP_074' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + page = page2->panel( + expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-extensions ) + headertext = `Custom Extensions` + ). + + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `General` + ). + + panel->generic_tile( + header = 'Create Views' + subheader = 'Compare the three ways normal, generic & xml' + press = client->_event( 'Z2UI5_CL_DEMO_APP_023' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + + panel->generic_tile( + header = 'Import View' + subheader = 'Copy & paste views of the UI5 Documentation' + press = client->_event( 'Z2UI5_CL_DEMO_APP_031' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'File Uploader' - subheader = 'Upload any file to the Backend' - press = client->_event( 'Z2UI5_CL_DEMO_APP_075' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Custom Control' + subheader = 'Integrate your own JS Custom Control' + press = client->_event( 'Z2UI5_CL_DEMO_APP_037' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + panel->generic_tile( + header = 'Change CSS' + subheader = 'Send your own CSS to the frontend' + press = client->_event( 'Z2UI5_CL_DEMO_APP_050' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + + panel->generic_tile( + header = 'HTML, JS, CSS' + subheader = 'Display normal HTML without UI5' + press = client->_event( 'Z2UI5_CL_DEMO_APP_032' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `S-RTTI - Dynamic Typing` - ). + panel->generic_tile( + header = 'Canvas & SVG' + subheader = 'Integrate more HTML5 functionalities' + press = client->_event( 'Z2UI5_CL_DEMO_APP_036' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + panel->generic_tile( + header = 'Ext. Library' + subheader = 'Load external JS libraries' + press = client->_event( 'Z2UI5_CL_DEMO_APP_040' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Custom Function' + subheader = 'Call imported function' + press = client->_event( 'Z2UI5_CL_DEMO_APP_093' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Apps with add. Javascript` + ). - panel->generic_tile( - header = 'Dynamic Types' - subheader = 'Use S-RTTI to send tables to the frontend' - press = client->_event( 'Z2UI5_CL_DEMO_APP_061' ) + panel->generic_tile( + header = 'p13n Dialog' + subheader = 'Popup for F4 Helps' + press = client->_event( 'Z2UI5_CL_DEMO_APP_090' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Dynamic Objects' - subheader = 'Use S-RTTI to render different Subapps' - press = client->_event( 'Z2UI5_CL_DEMO_APP_131' ) + panel->generic_tile( + header = 'Upload Set' + subheader = '' + press = client->_event( 'Z2UI5_CL_DEMO_APP_107' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Dynamic Objects II' - subheader = 'User Generic Data Refs in Subapps' - press = client->_event( 'Z2UI5_CL_DEMO_APP_117' ) + panel->generic_tile( + header = 'Smart Variant Management' + subheader = '' + press = client->_event( 'Z2UI5_CL_DEMO_APP_111' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Custom Controls` - ). - - panel->generic_tile( - header = 'Tab Title' - press = client->_event( 'z2ui5_cl_demo_app_125' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel->generic_tile( - header = 'Tab Favicon' - press = client->_event( 'z2ui5_cl_demo_app_171' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel->generic_tile( - header = 'Spreadsheet Control' - subheader = 'Export Table as XLSX' - press = client->_event( 'Z2UI5_CL_DEMO_APP_077' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Font Awesome Icons' - press = client->_event( 'z2ui5_cl_demo_app_118' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Generate Barcodes' - subheader = 'bwip-js' - press = client->_event( 'z2ui5_cl_demo_app_102' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Tours & Contectual Help' - subheader = 'driver.js' - press = client->_event( 'z2ui5_cl_demo_app_119' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + page = page2->panel( + expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-demos ) + headertext = `Demos` + ). + + page->generic_tile( + header = 'Selection Screen' + subheader = 'Explore Input Controls' + press = client->_event( 'Z2UI5_CL_DEMO_APP_002' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Image Mapster' - press = client->_event( 'Z2UI5_CL_DEMO_APP_142' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel->generic_tile( - header = 'Animate CSS' - press = client->_event( 'Z2UI5_CL_DEMO_APP_146' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Chart.JS' - press = client->_event( 'Z2UI5_CL_DEMO_APP_148' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Device Capabilities` - ). + page->generic_tile( + header = 'Sample App' + subheader = 'Nested View, Object Page, App Navigation, Tables, Lists, Images, Progress & Rating Indicator' + press = client->_event( 'Z2UI5_CL_DEMO_APP_085' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( -header = 'Geolocation' -subheader = '' -press = client->_event( 'z2ui5_cl_demo_app_120' ) -mode = 'LineMode' -class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel->generic_tile( -header = 'Frontend Infos' -subheader = '' -press = client->_event( 'z2ui5_cl_demo_app_122' ) -mode = 'LineMode' -class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - - panel->generic_tile( - header = 'Camera & Picture' - press = client->_event( 'z2ui5_cl_demo_app_137' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + page = page2->panel( + expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-built_in ) + headertext = `Built-in Functions` + ). + + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Popups` + ). + + panel->generic_tile( + header = 'Popup to Inform' + press = client->_event( 'Z2UI5_CL_DEMO_APP_151' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popup to Confirm' + press = client->_event( 'Z2UI5_CL_DEMO_APP_150' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popup to Error' + press = client->_event( 'z2ui5_cl_demo_app_165' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popup to Select' + press = client->_event( 'Z2UI5_CL_DEMO_APP_152' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popup Messages' + press = client->_event( 'Z2UI5_CL_DEMO_APP_154' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popup Textedit' + press = client->_event( 'Z2UI5_CL_DEMO_APP_155' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popup Input Value' + press = client->_event( 'Z2UI5_CL_DEMO_APP_156' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Popup File Upload' + press = client->_event( 'Z2UI5_CL_DEMO_APP_157' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Launchpad Integration` - ). + panel->generic_tile( + header = 'Popup Display PDF' + press = client->_event( 'Z2UI5_CL_DEMO_APP_158' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Launchpad I' - subheader = `App Navigation & Parameters` - press = client->_event( 'z2ui5_cl_demo_app_127' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Popup Get Range' + subheader = 'Create Select-Options in Multi Inputs' + press = client->_event( 'Z2UI5_CL_DEMO_APP_056' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - page = page2->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-extensions ) - headertext = `Custom Extensions` + panel->generic_tile( + header = 'Popup Get Range Multi' + subheader = 'Create Select-Options for Structures & Tables' + press = client->_event( 'z2ui5_cl_demo_app_162' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `General` - ). - - panel->generic_tile( - header = 'Create Views' - subheader = 'Compare the three ways normal, generic & xml' - press = client->_event( 'Z2UI5_CL_DEMO_APP_023' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - - panel->generic_tile( - header = 'Import View' - subheader = 'Copy & paste views of the UI5 Documentation' - press = client->_event( 'Z2UI5_CL_DEMO_APP_031' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Custom Control' - subheader = 'Integrate your own JS Custom Control' - press = client->_event( 'Z2UI5_CL_DEMO_APP_037' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Change CSS' - subheader = 'Send your own CSS to the frontend' - press = client->_event( 'Z2UI5_CL_DEMO_APP_050' ) + panel->generic_tile( + header = 'Popup Display Table' + subheader = '' + press = client->_event( 'z2ui5_cl_demo_app_164' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - - panel->generic_tile( - header = 'HTML, JS, CSS' - subheader = 'Display normal HTML without UI5' - press = client->_event( 'Z2UI5_CL_DEMO_APP_032' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Canvas & SVG' - subheader = 'Integrate more HTML5 functionalities' - press = client->_event( 'Z2UI5_CL_DEMO_APP_036' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Ext. Library' - subheader = 'Load external JS libraries' - press = client->_event( 'Z2UI5_CL_DEMO_APP_040' ) + panel->generic_tile( + header = 'Popup Display Layout' + subheader = '' + press = client->_event( 'z2ui5_cl_demo_app_174' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Custom Function' - subheader = 'Call imported function' - press = client->_event( 'Z2UI5_CL_DEMO_APP_093' ) + panel->generic_tile( + header = 'Popup Display Download' + subheader = '' + press = client->_event( 'z2ui5_cl_demo_app_168' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Apps with add. Javascript` - ). - - panel->generic_tile( - header = 'p13n Dialog' - subheader = 'Popup for F4 Helps' - press = client->_event( 'Z2UI5_CL_DEMO_APP_090' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - - panel->generic_tile( - header = 'Upload Set' - subheader = '' - press = client->_event( 'Z2UI5_CL_DEMO_APP_107' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Smart Variant Management' - subheader = '' - press = client->_event( 'Z2UI5_CL_DEMO_APP_111' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - page = page2->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-demos ) - headertext = `Demos` + panel->generic_tile( + header = 'Popup Display JSON Export' + subheader = '' + press = client->_event( 'z2ui5_cl_demo_app_169' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - page->generic_tile( - header = 'Selection Screen' - subheader = 'Explore Input Controls' - press = client->_event( 'Z2UI5_CL_DEMO_APP_002' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - page->generic_tile( - header = 'Sample App' - subheader = 'Nested View, Object Page, App Navigation, Tables, Lists, Images, Progress & Rating Indicator' - press = client->_event( 'Z2UI5_CL_DEMO_APP_085' ) + panel->generic_tile( + header = 'Popup Display HTML' + subheader = '' + press = client->_event( 'z2ui5_cl_demo_app_149' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - page = page2->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-built_in ) - headertext = `Built-in Functions` - ). - - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Popups` - ). - - panel->generic_tile( - header = 'Popup to Inform' - press = client->_event( 'Z2UI5_CL_DEMO_APP_151' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Popup to Confirm' - press = client->_event( 'Z2UI5_CL_DEMO_APP_150' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Popup to Error' - press = client->_event( 'z2ui5_cl_demo_app_165' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Popup to Select' - press = client->_event( 'Z2UI5_CL_DEMO_APP_152' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + page = page2->panel( + expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-version ) + headertext = `UI5 Version Specific & WIP` + ). + + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `UI5-Only` + ). + + panel->message_strip( `Not working with OpenUI5...` ). + + panel->generic_tile( + header = 'Table with RadialMicroChart' + press = client->_event( 'Z2UI5_CL_DEMO_APP_177' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Donut Chart' +* subheader = 'Use RTTI to send tables to the frontend' + press = client->_event( 'Z2UI5_CL_DEMO_APP_013' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Popup Messages' - press = client->_event( 'Z2UI5_CL_DEMO_APP_154' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Line Chart' +* subheader = 'sap.ui.Table' + press = client->_event( 'Z2UI5_CL_DEMO_APP_014' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Popup Textedit' - press = client->_event( 'Z2UI5_CL_DEMO_APP_155' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Bar Chart' +* subheader = 'sap.ui.Table' + press = client->_event( 'Z2UI5_CL_DEMO_APP_016' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Popup Input Value' - press = client->_event( 'Z2UI5_CL_DEMO_APP_156' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Radial Chart' +*subheader = 'sap.ui.Table' + press = client->_event( 'Z2UI5_CL_DEMO_APP_029' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( + header = 'Gantt Chart' + press = client->_event( 'Z2UI5_CL_DEMO_APP_076' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Popup File Upload' - press = client->_event( 'Z2UI5_CL_DEMO_APP_157' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - panel->generic_tile( - header = 'Popup Display PDF' - press = client->_event( 'Z2UI5_CL_DEMO_APP_158' ) + panel->generic_tile( + header = 'Process Flow' + press = client->_event( 'Z2UI5_CL_DEMO_APP_091' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Popup Get Range' - subheader = 'Create Select-Options in Multi Inputs' - press = client->_event( 'Z2UI5_CL_DEMO_APP_056' ) + panel->generic_tile( + header = 'Map Container' + press = client->_event( 'z2ui5_cl_demo_app_123' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Popup Get Range Multi' - subheader = 'Create Select-Options for Structures & Tables' - press = client->_event( 'z2ui5_cl_demo_app_162' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Popup Display Table' - subheader = '' - press = client->_event( 'z2ui5_cl_demo_app_164' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Popup Display Layout' - subheader = '' - press = client->_event( 'z2ui5_cl_demo_app_174' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Popup Display Download' - subheader = '' - press = client->_event( 'z2ui5_cl_demo_app_168' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - panel->generic_tile( - header = 'Popup Display JSON Export' - subheader = '' - press = client->_event( 'z2ui5_cl_demo_app_169' ) + panel->generic_tile( + header = 'Timeline' + press = client->_event( 'Z2UI5_CL_DEMO_APP_113' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Popup Display HTML' - subheader = '' - press = client->_event( 'z2ui5_cl_demo_app_149' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - page = page2->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-version ) - headertext = `UI5 Version Specific & WIP` - ). - - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `UI5-Only` - ). - - panel->message_strip( `Not working with OpenUI5...` ). - - panel->generic_tile( - header = 'Table with RadialMicroChart' - press = client->_event( 'Z2UI5_CL_DEMO_APP_177' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Donut Chart' -* subheader = 'Use RTTI to send tables to the frontend' - press = client->_event( 'Z2UI5_CL_DEMO_APP_013' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Line Chart' -* subheader = 'sap.ui.Table' - press = client->_event( 'Z2UI5_CL_DEMO_APP_014' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Bar Chart' -* subheader = 'sap.ui.Table' - press = client->_event( 'Z2UI5_CL_DEMO_APP_016' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Higher-Releases-Only` ). - panel->generic_tile( - header = 'Radial Chart' -*subheader = 'sap.ui.Table' - press = client->_event( 'Z2UI5_CL_DEMO_APP_029' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Gantt Chart' - press = client->_event( 'Z2UI5_CL_DEMO_APP_076' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->message_strip( `Only for newer UI5 releases....` ). + panel->generic_tile( + header = 'Generic Tag' + subheader = 'Since 1.70' + press = client->_event( 'z2ui5_cl_demo_app_062' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Process Flow' - press = client->_event( 'Z2UI5_CL_DEMO_APP_091' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - panel->generic_tile( - header = 'Map Container' - press = client->_event( 'z2ui5_cl_demo_app_123' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). + panel->generic_tile( + header = 'Object Page with Avator' + subheader = 'Since 1.73' + press = client->_event( 'Z2UI5_CL_DEMO_APP_017' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Timeline' - press = client->_event( 'Z2UI5_CL_DEMO_APP_113' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). + panel->generic_tile( + header = 'Badge' + subheader = 'Since 1.80' + press = client->_event( 'z2ui5_cl_demo_app_063' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Higher-Releases-Only` -). + panel->generic_tile( + header = 'Illustrated Message' + subheader = 'Since 1.98' + press = client->_event( 'Z2UI5_CL_DEMO_APP_033' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->message_strip( `Only for newer UI5 releases....` ). - panel->generic_tile( - header = 'Generic Tag' - subheader = 'Since 1.70' - press = client->_event( 'z2ui5_cl_demo_app_062' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( + header = 'Barcode Scanner' + subheader = 'Since 1.102' + press = client->_event( 'z2ui5_cl_demo_app_124' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + panel->generic_tile( + header = 'Side Panel' + subheader = `Since 1.107` + press = client->_event( 'Z2UI5_CL_DEMO_APP_108' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Object Page with Avator' - subheader = 'Since 1.73' - press = client->_event( 'Z2UI5_CL_DEMO_APP_017' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - - panel->generic_tile( - header = 'Badge' - subheader = 'Since 1.80' - press = client->_event( 'z2ui5_cl_demo_app_063' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( + header = `Messaging` + subheader = 'Since 1.118' + press = client->_event( 'Z2UI5_CL_DEMO_APP_135' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Illustrated Message' - subheader = 'Since 1.98' - press = client->_event( 'Z2UI5_CL_DEMO_APP_033' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( + header = `Messaging & Nested Views` + subheader = 'Since 1.118' + press = client->_event( 'Z2UI5_CL_DEMO_APP_071' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Deprecated` + ). + panel->message_strip( `Running out of maintenance....` ). - panel->generic_tile( - header = 'Barcode Scanner' - subheader = 'Since 1.102' - press = client->_event( 'z2ui5_cl_demo_app_124' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel->generic_tile( - header = 'Side Panel' - subheader = `Since 1.107` - press = client->_event( 'Z2UI5_CL_DEMO_APP_108' ) + panel->generic_tile( + header = 'Message Manager & Validation' + subheader = `Constraints & Format Options` + press = client->_event( 'Z2UI5_CL_DEMO_APP_084' ) mode = 'LineMode' class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + ). - panel->generic_tile( - header = `Messaging` - subheader = 'Since 1.118' - press = client->_event( 'Z2UI5_CL_DEMO_APP_135' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel->generic_tile( - header = `Messaging & Nested Views` - subheader = 'Since 1.118' - press = client->_event( 'Z2UI5_CL_DEMO_APP_071' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). - - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Deprecated` -). - panel->message_strip( `Running out of maintenance....` ). - - panel->generic_tile( - header = 'Message Manager & Validation' - subheader = `Constraints & Format Options` - press = client->_event( 'Z2UI5_CL_DEMO_APP_084' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Tree Table with Template' + press = client->_event( 'Z2UI5_CL_DEMO_APP_007' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Tree Table with Template' - press = client->_event( 'Z2UI5_CL_DEMO_APP_007' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( + expandable = abap_false + expanded = abap_true + headertext = `Work in Progress` + ). + panel->message_strip( `Give it a try....` ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Work in Progress` -). - panel->message_strip( `Give it a try....` ). - - panel->generic_tile( - header = 'Gantt Chart with Relationships' - subheader = `` - press = client->_event( 'Z2UI5_CL_DEMO_APP_179' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Gantt Chart with Relationships' + subheader = `` + press = client->_event( 'Z2UI5_CL_DEMO_APP_179' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Follow Up Action' - subheader = `` - press = client->_event( 'Z2UI5_CL_DEMO_APP_180' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( + header = 'Column Menu' + subheader = 'Sorting & Filtering' + press = client->_event( 'z2ui5_cl_demo_app_183' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - client->view_display( page->stringify( ) ). + client->view_display( page->stringify( ) ). - ENDMETHOD. -ENDCLASS. + ENDMETHOD. + ENDCLASS. diff --git a/src/z2ui5_cl_demo_app_183.clas.abap b/src/z2ui5_cl_demo_app_183.clas.abap index 09754e37..4474129b 100644 --- a/src/z2ui5_cl_demo_app_183.clas.abap +++ b/src/z2ui5_cl_demo_app_183.clas.abap @@ -1,14 +1,13 @@ -class Z2UI5_CL_DEMO_APP_183 definition - public - create public . +CLASS z2ui5_cl_demo_app_183 DEFINITION + PUBLIC + CREATE PUBLIC . -public section. + PUBLIC SECTION. - interfaces IF_SERIALIZABLE_OBJECT . - interfaces Z2UI5_IF_APP . + INTERFACES z2ui5_if_app. - types: - BEGIN OF ty_row, + TYPES: + BEGIN OF ty_row, count TYPE i, value TYPE string, descr TYPE string, @@ -19,23 +18,23 @@ public section. valuecolor TYPE string, END OF ty_row . - data: - t_tab TYPE STANDARD TABLE OF ty_row WITH EMPTY KEY . - data CHECK_INITIALIZED type ABAP_BOOL . - data CHECK_UI5 type ABAP_BOOL . - data MV_KEY type STRING . + DATA: + t_tab TYPE STANDARD TABLE OF ty_row WITH EMPTY KEY . + DATA check_initialized TYPE abap_bool . + DATA check_ui5 TYPE abap_bool . + DATA mv_key TYPE string . - methods REFRESH_DATA . + METHODS refresh_data . PROTECTED SECTION. PRIVATE SECTION. ENDCLASS. -CLASS Z2UI5_CL_DEMO_APP_183 IMPLEMENTATION. +CLASS z2ui5_cl_demo_app_183 IMPLEMENTATION. - METHOD REFRESH_DATA. + METHOD refresh_data. DO 100 TIMES. DATA ls_row TYPE ty_row. @@ -52,7 +51,7 @@ CLASS Z2UI5_CL_DEMO_APP_183 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_IF_APP~MAIN. + METHOD z2ui5_if_app~main. IF check_initialized = abap_false. check_initialized = abap_true. @@ -63,11 +62,11 @@ CLASS Z2UI5_CL_DEMO_APP_183 IMPLEMENTATION. WHEN 'GET_OPENED_COL'. DATA(lt_arg) = client->get( )-t_event_arg. + RETURN. WHEN 'ONSORT'. lt_arg = client->get( )-t_event_arg. - WHEN 'ONGROUP'. WHEN 'SORT_ASCENDING'. @@ -127,24 +126,24 @@ CLASS Z2UI5_CL_DEMO_APP_183 IMPLEMENTATION. ). * column menu - tab->dependents( - )->column_menu( id = `menu` beforeopen = client->_event( val = `GET_OPENED_COL` t_arg = VALUE #( ( `$event.mParameters.openBy.getId()` ) ) ) + tab->dependents( + )->column_menu( id = `menu` beforeopen = client->_event( val = `GET_OPENED_COL` t_arg = VALUE #( ( `$event.mParameters.openBy.getId()` ) ) ) * )->column_menu_quick_sort( change = client->_event( val = 'ONSORT' t_arg = VALUE #( ( `${$parameters>/item.getKey}` ) ) ) * )->column_menu_quick_sort( change = client->_event( val = 'ONSORT' t_arg = VALUE #( ( `$event` ) ) ) - )->column_menu_quick_sort( change = client->_event( 'ONSORT' ) - )->items( ns = `columnmenu` - )->column_menu_quick_sort_item( - )->get_parent( )->get_parent( )->get_parent( - )->column_menu_quick_group( change = client->_event( 'ONGROUP' ) - )->items( ns = `columnmenu` - )->column_menu_quick_group_item( - )->get_parent( )->get_parent( )->get_parent( - )->items( ns = `columnmenu` - )->column_menu_action_item( icon = `sap-icon://sort` label = `Sort` press = client->_event( 'ONSORTACTIONITEM' ) )->get_parent( - )->column_menu_action_item( icon = `sap-icon://group-2` label = `Group` press = client->_event( 'ONSGROUPACTIONITEM' ) )->get_parent( - )->column_menu_action_item( icon = `sap-icon://filter` label = `Filter` press = client->_event( 'ONSFILTERACTIONITEM' ) )->get_parent( - )->column_menu_action_item( icon = `sap-icon://table-column` label = `Columns` press = client->_event( 'ONSCOLUMNSACTIONITEM' ) - ). + )->column_menu_quick_sort( change = client->_event( 'ONSORT' ) + )->items( ns = `columnmenu` + )->column_menu_quick_sort_item( + )->get_parent( )->get_parent( )->get_parent( + )->column_menu_quick_group( change = client->_event( 'ONGROUP' ) + )->items( ns = `columnmenu` + )->column_menu_quick_group_item( + )->get_parent( )->get_parent( )->get_parent( + )->items( ns = `columnmenu` + )->column_menu_action_item( icon = `sap-icon://sort` label = `Sort` press = client->_event( 'ONSORTACTIONITEM' ) )->get_parent( + )->column_menu_action_item( icon = `sap-icon://group-2` label = `Group` press = client->_event( 'ONSGROUPACTIONITEM' ) )->get_parent( + )->column_menu_action_item( icon = `sap-icon://filter` label = `Filter` press = client->_event( 'ONSFILTERACTIONITEM' ) )->get_parent( + )->column_menu_action_item( icon = `sap-icon://table-column` label = `Columns` press = client->_event( 'ONSCOLUMNSACTIONITEM' ) + ). tab->columns( )->column( headermenu = `menu` id = `color_col`