Refactor demo apps: improve naming, add new examples, fix bugs

src/00/06/z2ui5_cl_demo_app_085.clas.abap

@@ -104,9 +104,8 @@ CLASS z2ui5_cl_demo_app_085 IMPLEMENTATION.
 
     header_title->snapped_heading(
             )->flex_box( alignitems = `Center`
-              )->image( src   = c_pic_url && ls_detail-pic
-                        width = `2rem`
-                        class = `sapUiTinyMarginEnd`
+              )->avatar( src   = c_pic_url && ls_detail-pic
+                         class = `sapUiTinyMarginEnd`
                 )->info_label( text        = |Product Id | && client->_bind( ls_detail-productid )
                                colorscheme = `9`
                                width       = `200px`
@@ -154,9 +153,9 @@ CLASS z2ui5_cl_demo_app_085 IMPLEMENTATION.
 
     DATA(header_content) = page->header_content( `uxap` ).
     header_content->flex_box( wrap = `Wrap`
-       )->image( src   = c_pic_url && ls_detail-pic
-                 width = `5rem`
-                 class = `sapUiSmallMarginEnd`
+       )->avatar( src         = c_pic_url && ls_detail-pic
+                  class       = `sapUiSmallMarginEnd`
+                  displaysize = `layout`
         )->vertical_layout( class = `sapUiSmallMarginBeginEnd`
             )->label( `Dimension`
             )->label( `Weight`

src/00/06/z2ui5_cl_demo_app_086.clas.abap

@@ -0,0 +1,44 @@
+CLASS z2ui5_cl_demo_app_086 DEFINITION PUBLIC.
+
+  PUBLIC SECTION.
+    INTERFACES z2ui5_if_app.
+
+    TYPES:
+      BEGIN OF ty_s_tab_supplier,
+        suppliername TYPE string,
+        email        TYPE string,
+        phone        TYPE string,
+        zipcode      TYPE string,
+        city         TYPE string,
+        street       TYPE string,
+        country      TYPE string,
+      END OF ty_s_tab_supplier.
+    DATA ls_detail_supplier TYPE ty_s_tab_supplier.
+
+  PROTECTED SECTION.
+  PRIVATE SECTION.
+ENDCLASS.
+
+
+CLASS z2ui5_cl_demo_app_086 IMPLEMENTATION.
+
+  METHOD z2ui5_if_app~main.
+
+    DATA(view) = z2ui5_cl_xml_view=>factory( ).
+    DATA(page) = view->shell(
+        )->page(
+               title          = `abap2UI5 - Flow Logic - APP 85`
+               navbuttonpress = client->_event_nav_app_leave( )
+               shownavbutton  = client->check_app_prev_stack( ) ).
+
+    page->grid( `L6 M12 S12` )->content( `layout`
+      )->simple_form( `Supplier` )->content( `form`
+      )->label( `Value set by previous app`
+           )->input( value    = ls_detail_supplier-suppliername
+                     editable = `false` ).
+
+    client->view_display( view->stringify( ) ).
+
+  ENDMETHOD.
+
+ENDCLASS.

src/00/06/z2ui5_cl_demo_app_086.clas.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<abapGit version="v1.0.0" serializer="LCL_OBJECT_CLAS" serializer_version="v1.0.0">
+ <asx:abap xmlns:asx="http://www.sap.com/abapxml" version="1.0">
+  <asx:values>
+   <VSEOCLASS>
+    <CLSNAME>Z2UI5_CL_DEMO_APP_086</CLSNAME>
+    <LANGU>E</LANGU>
+    <DESCRIPT>ZZZ - called by 085</DESCRIPT>
+    <STATE>1</STATE>
+    <CLSCCINCL>X</CLSCCINCL>
+    <FIXPT>X</FIXPT>
+    <UNICODE>X</UNICODE>
+   </VSEOCLASS>
+  </asx:values>
+ </asx:abap>
+</abapGit>

src/01/01/z2ui5_cl_demo_app_009.clas.abap

@@ -132,6 +132,8 @@ CLASS z2ui5_cl_demo_app_009 IMPLEMENTATION.
           client->message_toast_display( `value selected` ).
           client->popup_destroy( ).
 
+        ELSE.
+          client->message_toast_display( `please select exactly one employee` ).
         ENDIF.
       WHEN `POPUP_TABLE_VALUE_CONTINUE`.
         DELETE t_suggestion_sel WHERE selkz = abap_false.
@@ -142,6 +144,8 @@ CLASS z2ui5_cl_demo_app_009 IMPLEMENTATION.
           client->message_toast_display( `value selected` ).
           client->popup_destroy( ).
 
+        ELSE.
+          client->message_toast_display( `please select exactly one color` ).
         ENDIF.
       WHEN `BUTTON_SEND`.
         client->message_box_display( `success - values sent to the server` ).
@@ -164,6 +168,13 @@ CLASS z2ui5_cl_demo_app_009 IMPLEMENTATION.
             navbuttonpress = client->_event_nav_app_leave( )
             shownavbutton  = client->check_app_prev_stack( ) ).
 
+    page->message_strip(
+        text     = `Four value-help patterns: inline suggestions, numeric-only input, a value-help popup with a selectable table, ` &&
+                   `and a custom popup with a city search. Fill the fields, then Clear resets the view and Send simulates a submit.`
+        type     = `Information`
+        showicon = abap_true
+        class    = `sapUiSmallMargin` ).
+
     DATA(form) = page->grid( `L7 M7 S7`
         )->content( `layout`
             )->simple_form( `Input with Value Help`
@@ -210,16 +221,15 @@ CLASS z2ui5_cl_demo_app_009 IMPLEMENTATION.
         )->overflow_toolbar(
             )->toolbar_spacer(
             )->button(
-                text    = `Clear`
-                press   = client->_event( `BUTTON_CLEAR` )
-                type    = `Reject`
-                enabled = abap_false
-                icon    = `sap-icon://delete`
+                text  = `Clear`
+                press = client->_event( `BUTTON_CLEAR` )
+                type  = `Reject`
+                icon  = `sap-icon://delete`
             )->button(
-                text    = `Send to Server`
-                press   = client->_event( `BUTTON_SEND` )
-                enabled = abap_false
-                type    = `Success` ).
+                text  = `Send to Server`
+                press = client->_event( `BUTTON_SEND` )
+                type  = `Success`
+                icon  = `sap-icon://paper-plane` ).
 
     client->view_display( view->stringify( ) ).
 

src/01/01/z2ui5_cl_demo_app_052.clas.abap

@@ -38,8 +38,9 @@ CLASS z2ui5_cl_demo_app_052 IMPLEMENTATION.
 
     lo_popover->popover( placement    = `Right`
                          title        = |abap2UI5 - Popover - { mv_product }|
-                         contentwidth = `50%`
-      )->simple_form( editable = abap_true
+                         contentwidth = `20rem`
+      )->simple_form( editable = abap_false
+                      layout   = `ColumnLayout`
       )->content( `form`
           )->label( `Product`
           )->text( mv_product

src/01/01/z2ui5_cl_demo_app_065.clas.abap

@@ -5,6 +5,7 @@ CLASS z2ui5_cl_demo_app_065 DEFINITION PUBLIC.
 
     DATA mv_input_main  TYPE string.
     DATA mv_input_nest  TYPE string.
+    DATA mv_count       TYPE i.
 
   PROTECTED SECTION.
   PRIVATE SECTION.
@@ -34,14 +35,14 @@ CLASS z2ui5_cl_demo_app_065 IMPLEMENTATION.
                  press = client->_event( `MAIN` )
       )->button( text  = `Rerender only nested view`
                  press = client->_event( `NEST` )
+      )->button( text  = `Update only nested MODEL (nest_view_model_update)`
+                 press = client->_event( `NEST_MODEL` )
       )->input( client->_bind_edit( mv_input_main ) ).
 
     DATA(lo_view_nested) = z2ui5_cl_xml_view=>factory(
           )->page( `Nested View`
               )->button( text  = `event`
                          press = client->_event( `TEST` )
-              )->button( text  = `frontend event`
-                         press = client->_event_client( val = client->cs_event-open_new_tab t_arg = VALUE #( ( `https://github.com/abap2UI5/abap2UI5/` ) ) )
               )->input( client->_bind_edit( mv_input_nest ) ).
 
     IF client->check_on_init( ).
@@ -67,6 +68,15 @@ CLASS z2ui5_cl_demo_app_065 IMPLEMENTATION.
         client->nest_view_display( val           = lo_view_nested->stringify( )
                                    id            = `test`
                                    method_insert = `addContent` ).
+
+      WHEN `NEST_MODEL`.
+        " change only a nest-bound field and refresh the nested view's model
+        " copy (no re-render of the nested XML) - this isolates the effect of
+        " nest_view_model_update. Press "Rerender only nested view" first so
+        " the nested view exists.
+        mv_count      = mv_count + 1.
+        mv_input_nest = |nest model updated #{ mv_count }|.
+        client->nest_view_model_update( ).
     ENDCASE.
 
   ENDMETHOD.

src/01/01/z2ui5_cl_demo_app_097.clas.abap

@@ -5,6 +5,7 @@ CLASS z2ui5_cl_demo_app_097 DEFINITION PUBLIC.
 
     TYPES:
       BEGIN OF ty_s_row,
+        uuid     TYPE string,
         title    TYPE string,
         value    TYPE string,
         descr    TYPE string,
@@ -57,7 +58,7 @@ CLASS z2ui5_cl_demo_app_097 IMPLEMENTATION.
                            filterproperty = `INFO` )->text( `INFO` )->ui_template( )->text( `{INFO}` ).
     lo_columns->get_parent( )->ui_row_action_template( )->ui_row_action(
        )->ui_row_action_item( icon = `sap-icon://delete`
-                           press   = client->_event( val = `ROW_DELETE` t_arg = VALUE #( ( `${TITLE}` ) ) ) ).
+                           press   = client->_event( val = `ROW_DELETE` t_arg = VALUE #( ( `${UUID}` ) ) ) ).
 
     client->nest_view_display(
       val            = lo_view_nested->stringify( )
@@ -123,19 +124,17 @@ CLASS z2ui5_cl_demo_app_097 IMPLEMENTATION.
     CASE client->get( )-event.
 
       WHEN `ROW_DELETE`.
-        DATA(ls_arg) = client->get_event_arg( ).
-        IF ls_arg IS NOT INITIAL.
-          DELETE t_tab2 WHERE title = ls_arg.
-        ENDIF.
 
+        DELETE t_tab2 WHERE uuid = client->get_event_arg( ).
         client->nest_view_model_update( ).
 
       WHEN `SELCHANGE`.
         DATA(lt_sel) = t_tab.
         DELETE lt_sel WHERE selected = abap_false.
 
         READ TABLE lt_sel INTO DATA(ls_sel) INDEX 1.
-        APPEND ls_sel TO t_tab2.
+        ls_sel-uuid = z2ui5_cl_sample_context=>uuid_get_c32( ).
+        INSERT ls_sel INTO TABLE t_tab2.
 
         mv_layout = `TwoColumnsMidExpanded`.
 

src/01/01/z2ui5_cl_demo_app_098.clas.abap

@@ -83,7 +83,7 @@ CLASS z2ui5_cl_demo_app_098 IMPLEMENTATION.
     page = page->text( client->_bind( mv_title )
        )->button(
            text  = `frontend event`
-           press = client->_event_client( val = client->cs_event-open_new_tab t_arg = VALUE #( ( `https://github.com/abap2UI5/abap2UI5/` ) ) ) ).
+           press = client->_event( `NN_VIEW` ) ).
 
     client->nest2_view_display(
       val            = lo_view_nested->stringify( )
@@ -149,6 +149,9 @@ CLASS z2ui5_cl_demo_app_098 IMPLEMENTATION.
 
     CASE client->get( )-event.
 
+      WHEN 'NN_VIEW'.
+        client->message_box_display(  `Event in nested nested view raised` ).
+
       WHEN `ROW_NAVIGATE`.
 
         IF client->get_event_arg( ) IS NOT INITIAL.
@@ -165,7 +168,9 @@ CLASS z2ui5_cl_demo_app_098 IMPLEMENTATION.
         DELETE lt_sel WHERE selected = abap_false.
 
         READ TABLE lt_sel INTO DATA(ls_sel) INDEX 1.
-        APPEND ls_sel TO t_tab2.
+        IF NOT line_exists( t_tab2[ title = ls_sel-title ] ).
+          INSERT ls_sel INTO TABLE t_tab2.
+        ENDIF.
 
         mv_layout = `TwoColumnsMidExpanded`.
 

src/01/01/z2ui5_cl_demo_app_163.clas.xml

@@ -5,7 +5,7 @@
    <VSEOCLASS>
     <CLSNAME>Z2UI5_CL_DEMO_APP_163</CLSNAME>
     <LANGU>E</LANGU>
-    <DESCRIPT>More - require sap.m.MessageToast in XML View</DESCRIPT>
+    <DESCRIPT>More - Require Object in XML View</DESCRIPT>
     <STATE>1</STATE>
     <CLSCCINCL>X</CLSCCINCL>
     <FIXPT>X</FIXPT>

src/01/01/z2ui5_cl_demo_app_173.clas.abap

@@ -44,17 +44,17 @@ CLASS z2ui5_cl_demo_app_173 IMPLEMENTATION.
     navbuttonpress = client->_event_nav_app_leave( )
     shownavbutton  = client->check_app_prev_stack( ) ).
 
-    view->table( client->_bind( mt_data )
+    view->table( client->_bind_edit( mt_data )
       )->columns(
-        )->template_repeat( list = `{template>/MT_LAYOUT}`
+        )->template_repeat( list = `{template>/XX/MT_LAYOUT}`
                             var  = `L0`
           )->column( mergeduplicates = `{L0>MERGE}`
                      visible         = `{L0>VISIBLE}` )->text( `{L0>FNAME}` )->get_parent(
         )->get_parent( )->get_parent(
         )->items(
           )->column_list_item(
             )->cells(
-              )->template_repeat( list = `{template>/MT_LAYOUT}`
+              )->template_repeat( list = `{template>/XX/MT_LAYOUT}`
                                   var  = `L1`
                 )->object_identifier( text = `{= '{' + ${L1>FNAME} + '}' }` ).
 

src/01/01/z2ui5_cl_demo_app_176.clas.abap

@@ -67,17 +67,17 @@ CLASS z2ui5_cl_demo_app_176 IMPLEMENTATION.
     DATA(lo_view_nested) = z2ui5_cl_xml_view=>factory( ).
 
     lo_view_nested->shell( )->page( `Nested View`
-      )->table( i_client->_bind( mt_data )
+      )->table( i_client->_bind_edit( mt_data )
       )->columns(
-        )->template_repeat( list = `{template>/MT_LAYOUT}`
+        )->template_repeat( list = `{template>/XX/MT_LAYOUT}`
                             var  = `LO`
           )->column( mergeduplicates = `{LO>MERGE}`
                      visible         = `{LO>VISIBLE}` )->get_parent(
         )->get_parent( )->get_parent(
         )->items(
           )->column_list_item(
             )->cells(
-              )->template_repeat( list = `{template>/MT_LAYOUT}`
+              )->template_repeat( list = `{template>/XX/MT_LAYOUT}`
                                   var  = `LO2`
                 )->object_identifier( text = `{= '{' + ${LO2>FNAME} + '}' }` ).
 

src/01/02/z2ui5_cl_demo_app_073.clas.abap

@@ -45,9 +45,19 @@ CLASS z2ui5_cl_demo_app_073 IMPLEMENTATION.
     CASE client->get( )-event.
 
       WHEN `BUTTON_OPEN_NEW_TAB`.
+
+        DATA(ls_config) = client->get( )-s_config.
+        DATA(result) = z2ui5_cl_a2ui5_context=>app_get_url( classname = `z2ui5_cl_demo_app_073`
+                                                      origin    = ls_config-origin
+                                                      pathname  = ls_config-pathname
+                                                      search    = ls_config-search
+                                                      hash      = ls_config-hash ).
+
         client->follow_up_action(
             val   = z2ui5_if_client=>cs_event-open_new_tab
-            t_arg = VALUE #( ( `https://www.google.com/search?q=abap2ui5&oq=abap2ui5,123` ) ) ).
+            t_arg = VALUE #(
+                ( result )
+                ) ).
     ENDCASE.
 
   ENDMETHOD.

src/01/02/z2ui5_cl_demo_app_125.clas.xml

@@ -5,7 +5,7 @@
    <VSEOCLASS>
     <CLSNAME>Z2UI5_CL_DEMO_APP_125</CLSNAME>
     <LANGU>E</LANGU>
-    <DESCRIPT>Browsre - Title</DESCRIPT>
+    <DESCRIPT>Browser - Title</DESCRIPT>
     <STATE>1</STATE>
     <CLSCCINCL>X</CLSCCINCL>
     <FIXPT>X</FIXPT>

src/01/02/z2ui5_cl_demo_app_316.clas.abap

@@ -44,7 +44,8 @@ CLASS z2ui5_cl_demo_app_316 IMPLEMENTATION.
         )->shell(
             )->page( title          = `abap2UI5 - Sample: URL Helper`
                      navbuttonpress = client->_event_nav_app_leave( )
-                     shownavbutton  = client->check_app_prev_stack( ) ).
+                     shownavbutton  = client->check_app_prev_stack( )
+                      ).
 
     DATA(layout) = page->vertical_layout( class = `sapUiContentPadding`
                                           width = `100%` ).
@@ -116,8 +117,7 @@ CLASS z2ui5_cl_demo_app_316 IMPLEMENTATION.
                         class       = `sapUiSmallMarginBottom` ).
     mobile_form->button( text  = `Trigger SMS`
                          press = client->_event_client( val   = client->cs_event-urlhelper
-                         t_arg = VALUE #( ( `TRIGGER_SMS` )
-                                                                         ( |${ client->_bind_edit( mobile ) }| ) ) ) ).
+                         t_arg = VALUE #( ( `TRIGGER_SMS` ) ( |${ client->_bind_edit( mobile ) }| ) ) ) ).
 
     DATA(url_form) = layout->simple_form( `Redirect` ).
     url_form->label( text     = `URL`
@@ -129,8 +129,7 @@ CLASS z2ui5_cl_demo_app_316 IMPLEMENTATION.
                      class       = `sapUiSmallMarginBottom` ).
     url_form->button( text  = `Redirect`
                       press = client->_event_client( val   = client->cs_event-urlhelper
-                      t_arg = VALUE #( ( `REDIRECT` )
-                                                                      ( |${ client->_bind_edit( url ) }| ) ) ) ).
+                      t_arg = VALUE #( ( `REDIRECT` ) ( |${ client->_bind_edit( url ) }| ) ) ) ).
 
     client->view_display( page->stringify( ) ).