@@ -26,89 +26,88 @@ CLASS z2ui5_cl_demo_app_013 IMPLEMENTATION.
2626
2727 METHOD render_tab_donut .
2828
29- DATA (container ) = z2ui5_cl_ui5=>_factory( )->_ns_m (
29+ DATA (container ) = z2ui5_cl_xml_view=>factory (
3030 )->shell(
3131 )->page(
3232 title = 'abap2UI5 - Visualization'
3333 navbuttonpress = client->_event( 'BACK' )
3434 shownavbutton = abap_true
35- )->headercontent (
35+ )->header_content (
3636 )->link( text = 'Demo' target = '_blank' href = `https://twitter.com/abap2UI5/status/1639191954285113344`
3737 )->link( text = 'Source_Code' target = '_blank' href = z2ui5_cl_demo_utility=>factory( client )->app_get_url_source_code( )
38- )->_go_up( )->_ns_ui (
39- )->tabcontainer ( ).
38+ )->get_parent (
39+ )->tab_container ( ).
4040
4141 DATA (grid ) = container->tab(
4242 text = 'Donut Chart'
4343 selected = client->_bind( mv_tab_donut_active )
4444 )->grid( 'XL6 L6 M6 S12' ).
4545
46- grid->_ns_m( )-> link(
46+ grid->link(
4747 text = 'Go to the SAP Demos for Interactive Donut Charts here...' target = '_blank'
4848 href = 'https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.microchart.InteractiveDonutChart/sample/sap.suite.ui.microchart.sample.InteractiveDonutChart'
4949 )->text(
5050 text = 'Three segments'
5151 class = 'sapUiSmallMargin'
52- )->_go_new ( )->_ns_m( )->layoutdata( )->_ns_ui (
53- )->griddata ( 'XL12 L12 M12 S12' ).
52+ )->get ( )->layout_data (
53+ )->grid_data ( 'XL12 L12 M12 S12' ).
5454
5555
56- DATA (seg ) = grid->_ns_m( )->flexbox (
56+ DATA (seg ) = grid->flex_box (
5757 width = '22rem'
5858 height = '13rem'
5959 alignitems = 'Start'
6060 justifycontent = 'SpaceBetween'
61- )->items(
62- )->_ns_suite( )->interactdonutchart(
61+ )->items( )->interact_donut_chart(
6362 selectionchanged = client->_event( 'DONUT_CHANGED' )
6463 )->segments( ).
65- seg->interactdonutchartsegment ( selected = client->_bind( mv_sel4 ) label = 'Impl. Phase' value = '40.0' displayedvalue = '40.0%' ).
66- seg->interactdonutchartsegment ( selected = client->_bind( mv_sel5 ) label = 'Design Phase' value = '21.5' displayedvalue = '21.5%' ).
67- seg->interactdonutchartsegment ( selected = client->_bind( mv_sel6 ) label = 'Test Phase' value = '38.5' displayedvalue = '38.5%' ).
64+ seg->interact_donut_chart_segment ( selected = client->_bind( mv_sel4 ) label = 'Impl. Phase' value = '40.0' displayedvalue = '40.0%' ).
65+ seg->interact_donut_chart_segment ( selected = client->_bind( mv_sel5 ) label = 'Design Phase' value = '21.5' displayedvalue = '21.5%' ).
66+ seg->interact_donut_chart_segment ( selected = client->_bind( mv_sel6 ) label = 'Test Phase' value = '38.5' displayedvalue = '38.5%' ).
6867
69- grid->_ns_m( )-> text(
68+ grid->text(
7069 text = 'Four segments'
7170 class = 'sapUiSmallMargin'
72- )->_go_new ( )->_ns_m( )->layoutdata( )->_ns_ui (
73- )->griddata ( 'XL12 L12 M12 S12' ).
71+ )->get ( )->layout_data (
72+ )->grid_data ( 'XL12 L12 M12 S12' ).
7473
75- seg = grid->_ns_m( )->flexbox (
74+ seg = grid->flex_box (
7675 width = '22rem'
7776 height = '13rem'
7877 alignitems = 'Start'
7978 justifycontent = 'SpaceBetween'
80- )->items( )->_ns_suite( )->interactdonutchart (
79+ )->items( )->interact_donut_chart (
8180 selectionchanged = client->_event( 'DONUT_CHANGED' )
8281 press = client->_event( 'DONUT_PRESS' )
8382 displayedsegments = '4'
8483 )->segments( ).
85- seg->interactdonutchartsegment ( label = 'Design Phase' value = '32.0' displayedvalue = '32.0%' ).
86- seg->interactdonutchartsegment ( label = 'Implementation Phase' value = '28' displayedvalue = '28%' ).
87- seg->interactdonutchartsegment ( label = 'Test Phase' value = '25' displayedvalue = '25%' ).
88- seg->interactdonutchartsegment ( label = 'Launch Phase' value = '15' displayedvalue = '15%' ).
84+ seg->interact_donut_chart_segment ( label = 'Design Phase' value = '32.0' displayedvalue = '32.0%' ).
85+ seg->interact_donut_chart_segment ( label = 'Implementation Phase' value = '28' displayedvalue = '28%' ).
86+ seg->interact_donut_chart_segment ( label = 'Test Phase' value = '25' displayedvalue = '25%' ).
87+ seg->interact_donut_chart_segment ( label = 'Launch Phase' value = '15' displayedvalue = '15%' ).
8988
90- grid->_ns_m( )-> text(
89+ grid->text(
9190 text = 'Error Messages'
9291 class = 'sapUiSmallMargin'
93- )->_go_new ( )->_ns_m( )->layoutdata( )->_ns_ui (
94- )->griddata ( 'XL12 L12 M12 S12' ).
92+ )->get ( )->layout_data (
93+ )->grid_data ( 'XL12 L12 M12 S12' ).
9594
96- seg = grid->_ns_m( )->flexbox (
95+ seg = grid->flex_box (
9796 width = '22rem'
9897 height = '13rem'
9998 alignitems = 'Start'
10099 justifycontent = 'SpaceBetween'
101- )->items( )->_ns_suite( )->interactdonutchart (
100+ )->items( )->interact_donut_chart (
102101 selectionchanged = client->_event( 'DONUT_CHANGED' )
103102 showerror = abap_true
104103 errormessagetitle = 'No data'
105104 errormessage = 'Currently no data is available'
106105 )->segments( ).
107- seg->interactdonutchartsegment ( label = 'Implementation Phase' value = '40.0' displayedvalue = '40.0%' ).
108- seg->interactdonutchartsegment ( label = 'Design Phase' value = '21.5' displayedvalue = '21.5%' ).
109- seg->interactdonutchartsegment ( label = 'Test Phase' value = '38.5' displayedvalue = '38.5%' ).
106+ seg->interact_donut_chart_segment ( label = 'Implementation Phase' value = '40.0' displayedvalue = '40.0%' ).
107+ seg->interact_donut_chart_segment ( label = 'Design Phase' value = '21.5' displayedvalue = '21.5%' ).
108+ seg->interact_donut_chart_segment ( label = 'Test Phase' value = '38.5' displayedvalue = '38.5%' ).
110109
111- client->view_display( container->_stringify ( ) ).
110+ client->view_display( container->stringify ( ) ).
112111
113112 ENDMETHOD .
114113
0 commit comments