From 8d46e9ca84d33b2289382c929950346da923d13a Mon Sep 17 00:00:00 2001 From: oblomov-dev <102328295+oblomov-dev@users.noreply.github.com> Date: Fri, 29 Nov 2024 10:06:49 +0100 Subject: [PATCH] refactoring (#442) * refactoring * update * update * update * update --- ci/abaplint.jsonc | 2 +- src/z2ui5_cl_demo_app_000.clas.abap | 3449 ++++++++--------- src/z2ui5_cl_demo_app_001.clas.abap | 11 +- src/z2ui5_cl_demo_app_002.clas.abap | 62 +- src/z2ui5_cl_demo_app_003.clas.abap | 16 +- src/z2ui5_cl_demo_app_004.clas.abap | 17 +- src/z2ui5_cl_demo_app_005.clas.abap | 9 +- src/z2ui5_cl_demo_app_006.clas.abap | 39 +- src/z2ui5_cl_demo_app_008.clas.abap | 45 +- src/z2ui5_cl_demo_app_009.clas.abap | 51 +- src/z2ui5_cl_demo_app_010.clas.abap | 42 +- src/z2ui5_cl_demo_app_011.clas.abap | 22 +- src/z2ui5_cl_demo_app_012.clas.abap | 21 +- src/z2ui5_cl_demo_app_013.clas.abap | 75 +- src/z2ui5_cl_demo_app_014.clas.abap | 118 +- src/z2ui5_cl_demo_app_016.clas.abap | 59 +- src/z2ui5_cl_demo_app_017.clas.abap | 214 +- src/z2ui5_cl_demo_app_018.clas.abap | 56 +- src/z2ui5_cl_demo_app_019.clas.abap | 59 +- src/z2ui5_cl_demo_app_020.clas.abap | 14 +- src/z2ui5_cl_demo_app_021.clas.abap | 12 +- src/z2ui5_cl_demo_app_022.clas.abap | 11 +- src/z2ui5_cl_demo_app_024.clas.abap | 19 +- src/z2ui5_cl_demo_app_025.clas.abap | 48 +- src/z2ui5_cl_demo_app_026.clas.abap | 60 +- src/z2ui5_cl_demo_app_027.clas.abap | 49 +- src/z2ui5_cl_demo_app_028.clas.abap | 13 +- src/z2ui5_cl_demo_app_029.clas.abap | 35 +- src/z2ui5_cl_demo_app_030.clas.abap | 69 +- src/z2ui5_cl_demo_app_031.clas.abap | 236 +- src/z2ui5_cl_demo_app_032.clas.abap | 68 +- src/z2ui5_cl_demo_app_034.clas.abap | 25 +- src/z2ui5_cl_demo_app_035.clas.abap | 34 +- src/z2ui5_cl_demo_app_036.clas.abap | 127 +- src/z2ui5_cl_demo_app_037.clas.abap | 93 +- src/z2ui5_cl_demo_app_038.clas.abap | 31 +- src/z2ui5_cl_demo_app_039.clas.abap | 270 +- src/z2ui5_cl_demo_app_040.clas.abap | 65 +- src/z2ui5_cl_demo_app_041.clas.abap | 18 +- src/z2ui5_cl_demo_app_042.clas.abap | 210 +- src/z2ui5_cl_demo_app_043.clas.abap | 69 +- src/z2ui5_cl_demo_app_044.clas.abap | 6 +- src/z2ui5_cl_demo_app_045.clas.abap | 23 +- src/z2ui5_cl_demo_app_046.clas.abap | 34 +- src/z2ui5_cl_demo_app_047.clas.abap | 27 +- src/z2ui5_cl_demo_app_048.clas.abap | 55 +- src/z2ui5_cl_demo_app_049.clas.abap | 59 +- src/z2ui5_cl_demo_app_050.clas.abap | 82 +- src/z2ui5_cl_demo_app_051.clas.abap | 28 +- src/z2ui5_cl_demo_app_052.clas.abap | 37 +- src/z2ui5_cl_demo_app_053.clas.abap | 16 +- src/z2ui5_cl_demo_app_054.clas.abap | 91 +- src/z2ui5_cl_demo_app_055.clas.abap | 113 +- src/z2ui5_cl_demo_app_056.clas.abap | 25 +- src/z2ui5_cl_demo_app_057.clas.abap | 33 +- src/z2ui5_cl_demo_app_058.clas.abap | 98 +- src/z2ui5_cl_demo_app_059.clas.abap | 19 +- src/z2ui5_cl_demo_app_060.clas.abap | 455 ++- src/z2ui5_cl_demo_app_061.clas.abap | 10 +- src/z2ui5_cl_demo_app_062.clas.abap | 3 +- src/z2ui5_cl_demo_app_063.clas.abap | 11 +- src/z2ui5_cl_demo_app_064.clas.abap | 39 +- src/z2ui5_cl_demo_app_065.clas.abap | 35 +- src/z2ui5_cl_demo_app_067.clas.abap | 51 +- src/z2ui5_cl_demo_app_068.clas.abap | 67 +- src/z2ui5_cl_demo_app_069.clas.abap | 67 +- src/z2ui5_cl_demo_app_070.clas.abap | 129 +- src/z2ui5_cl_demo_app_071.clas.abap | 14 +- src/z2ui5_cl_demo_app_072.clas.abap | 154 +- src/z2ui5_cl_demo_app_073.clas.abap | 9 +- src/z2ui5_cl_demo_app_074.clas.abap | 16 +- src/z2ui5_cl_demo_app_075.clas.abap | 19 +- src/z2ui5_cl_demo_app_076.clas.abap | 79 +- src/z2ui5_cl_demo_app_078.clas.abap | 34 +- src/z2ui5_cl_demo_app_080.clas.abap | 65 +- src/z2ui5_cl_demo_app_081.clas.abap | 84 +- src/z2ui5_cl_demo_app_082.clas.abap | 47 +- src/z2ui5_cl_demo_app_083.clas.abap | 134 +- src/z2ui5_cl_demo_app_084.clas.abap | 49 +- src/z2ui5_cl_demo_app_085.clas.abap | 436 ++- src/z2ui5_cl_demo_app_086.clas.abap | 21 +- src/z2ui5_cl_demo_app_087.clas.abap | 34 +- src/z2ui5_cl_demo_app_088.clas.abap | 40 +- src/z2ui5_cl_demo_app_090.clas.abap | 150 +- src/z2ui5_cl_demo_app_091.clas.abap | 86 +- src/z2ui5_cl_demo_app_093.clas.abap | 19 +- src/z2ui5_cl_demo_app_094.clas.abap | 52 +- src/z2ui5_cl_demo_app_095.clas.abap | 50 +- src/z2ui5_cl_demo_app_096.clas.abap | 15 +- src/z2ui5_cl_demo_app_097.clas.abap | 66 +- src/z2ui5_cl_demo_app_098.clas.abap | 73 +- src/z2ui5_cl_demo_app_099.clas.abap | 94 +- src/z2ui5_cl_demo_app_100.clas.abap | 127 +- src/z2ui5_cl_demo_app_101.clas.abap | 32 +- src/z2ui5_cl_demo_app_103.clas.abap | 9 +- src/z2ui5_cl_demo_app_104.clas.abap | 29 +- src/z2ui5_cl_demo_app_105.clas.abap | 5 +- src/z2ui5_cl_demo_app_106.clas.abap | 25 +- src/z2ui5_cl_demo_app_107.clas.abap | 33 +- src/z2ui5_cl_demo_app_108.clas.abap | 59 +- src/z2ui5_cl_demo_app_109.clas.abap | 44 +- src/z2ui5_cl_demo_app_110.clas.abap | 50 +- src/z2ui5_cl_demo_app_111.clas.abap | 78 +- src/z2ui5_cl_demo_app_112.clas.abap | 5 +- src/z2ui5_cl_demo_app_113.clas.abap | 22 +- src/z2ui5_cl_demo_app_114.clas.abap | 45 +- src/z2ui5_cl_demo_app_115.clas.abap | 93 +- src/z2ui5_cl_demo_app_116.clas.abap | 119 +- src/z2ui5_cl_demo_app_117.clas.abap | 10 +- src/z2ui5_cl_demo_app_118.clas.abap | 30 +- src/z2ui5_cl_demo_app_120.clas.abap | 38 +- src/z2ui5_cl_demo_app_121.clas.abap | 9 +- src/z2ui5_cl_demo_app_122.clas.abap | 30 +- src/z2ui5_cl_demo_app_123.clas.abap | 74 +- src/z2ui5_cl_demo_app_124.clas.abap | 13 +- src/z2ui5_cl_demo_app_125.clas.abap | 14 +- src/z2ui5_cl_demo_app_126.clas.abap | 13 +- src/z2ui5_cl_demo_app_129.clas.abap | 42 +- src/z2ui5_cl_demo_app_130.clas.abap | 284 +- src/z2ui5_cl_demo_app_131.clas.abap | 12 +- src/z2ui5_cl_demo_app_132.clas.abap | 9 +- src/z2ui5_cl_demo_app_133.clas.abap | 24 +- src/z2ui5_cl_demo_app_134.clas.abap | 29 +- src/z2ui5_cl_demo_app_135.clas.abap | 19 +- ...z2ui5_cl_demo_app_135.clas.locals_imp.abap | 2 +- src/z2ui5_cl_demo_app_136.clas.abap | 19 +- src/z2ui5_cl_demo_app_137.clas.abap | 17 +- src/z2ui5_cl_demo_app_138.clas.abap | 9 +- src/z2ui5_cl_demo_app_139.clas.abap | 7 +- src/z2ui5_cl_demo_app_140.clas.abap | 29 +- src/z2ui5_cl_demo_app_141.clas.abap | 27 +- src/z2ui5_cl_demo_app_143.clas.abap | 58 +- src/z2ui5_cl_demo_app_144.clas.abap | 13 +- src/z2ui5_cl_demo_app_149.clas.abap | 10 +- src/z2ui5_cl_demo_app_150.clas.abap | 4 +- src/z2ui5_cl_demo_app_151.clas.abap | 4 +- src/z2ui5_cl_demo_app_152.clas.abap | 19 +- src/z2ui5_cl_demo_app_153.clas.abap | 40 +- src/z2ui5_cl_demo_app_154.clas.abap | 54 +- src/z2ui5_cl_demo_app_155.clas.abap | 4 +- src/z2ui5_cl_demo_app_156.clas.abap | 4 +- src/z2ui5_cl_demo_app_157.clas.abap | 4 +- src/z2ui5_cl_demo_app_160.clas.abap | 168 +- src/z2ui5_cl_demo_app_161.clas.abap | 9 +- src/z2ui5_cl_demo_app_162.clas.abap | 21 +- src/z2ui5_cl_demo_app_163.clas.abap | 65 +- src/z2ui5_cl_demo_app_164.clas.abap | 14 +- src/z2ui5_cl_demo_app_166.clas.abap | 20 +- src/z2ui5_cl_demo_app_167.clas.abap | 28 +- src/z2ui5_cl_demo_app_168.clas.abap | 4 +- src/z2ui5_cl_demo_app_169.clas.abap | 12 +- src/z2ui5_cl_demo_app_170.clas.abap | 53 +- src/z2ui5_cl_demo_app_171.clas.abap | 2 +- src/z2ui5_cl_demo_app_172.clas.abap | 99 +- src/z2ui5_cl_demo_app_173.clas.abap | 37 +- src/z2ui5_cl_demo_app_174.clas.abap | 30 +- src/z2ui5_cl_demo_app_175.clas.abap | 21 +- src/z2ui5_cl_demo_app_176.clas.abap | 18 +- src/z2ui5_cl_demo_app_177.clas.abap | 81 +- src/z2ui5_cl_demo_app_178.clas.abap | 63 +- src/z2ui5_cl_demo_app_179.clas.abap | 289 +- src/z2ui5_cl_demo_app_180.clas.abap | 20 +- src/z2ui5_cl_demo_app_181.clas.abap | 66 +- src/z2ui5_cl_demo_app_182.clas.abap | 182 +- src/z2ui5_cl_demo_app_183.clas.abap | 81 +- src/z2ui5_cl_demo_app_184.clas.abap | 21 +- src/z2ui5_cl_demo_app_185.clas.abap | 30 +- src/z2ui5_cl_demo_app_186.clas.abap | 78 +- src/z2ui5_cl_demo_app_187.clas.abap | 11 +- src/z2ui5_cl_demo_app_189.clas.abap | 19 +- src/z2ui5_cl_demo_app_190.clas.abap | 26 +- src/z2ui5_cl_demo_app_191.clas.abap | 30 +- src/z2ui5_cl_demo_app_192.clas.abap | 16 +- ...z2ui5_cl_demo_app_192.clas.locals_imp.abap | 6 +- src/z2ui5_cl_demo_app_193.clas.abap | 4 +- ...z2ui5_cl_demo_app_193.clas.locals_imp.abap | 6 +- src/z2ui5_cl_demo_app_194.clas.abap | 24 +- src/z2ui5_cl_demo_app_195.clas.abap | 30 +- src/z2ui5_cl_demo_app_196.clas.abap | 39 +- src/z2ui5_cl_demo_app_197.clas.abap | 38 +- src/z2ui5_cl_demo_app_199.clas.abap | 16 +- src/z2ui5_cl_demo_app_201.clas.abap | 486 ++- src/z2ui5_cl_demo_app_202.clas.abap | 69 +- src/z2ui5_cl_demo_app_205.clas.abap | 174 +- src/z2ui5_cl_demo_app_206.clas.abap | 43 +- src/z2ui5_cl_demo_app_207.clas.abap | 65 +- src/z2ui5_cl_demo_app_208.clas.abap | 96 +- src/z2ui5_cl_demo_app_209.clas.abap | 155 +- src/z2ui5_cl_demo_app_210.clas.abap | 66 +- src/z2ui5_cl_demo_app_211.clas.abap | 20 +- src/z2ui5_cl_demo_app_212.clas.abap | 110 +- src/z2ui5_cl_demo_app_213.clas.abap | 28 +- src/z2ui5_cl_demo_app_214.clas.abap | 35 +- src/z2ui5_cl_demo_app_215.clas.abap | 30 +- src/z2ui5_cl_demo_app_216.clas.abap | 25 +- src/z2ui5_cl_demo_app_217.clas.abap | 26 +- src/z2ui5_cl_demo_app_218.clas.abap | 30 +- src/z2ui5_cl_demo_app_219.clas.abap | 49 +- src/z2ui5_cl_demo_app_220.clas.abap | 145 +- src/z2ui5_cl_demo_app_221.clas.abap | 41 +- src/z2ui5_cl_demo_app_222.clas.abap | 41 +- src/z2ui5_cl_demo_app_223.clas.abap | 43 +- src/z2ui5_cl_demo_app_224.clas.abap | 37 +- src/z2ui5_cl_demo_app_225.clas.abap | 112 +- src/z2ui5_cl_demo_app_226.clas.abap | 64 +- src/z2ui5_cl_demo_app_227.clas.abap | 42 +- src/z2ui5_cl_demo_app_228.clas.abap | 68 +- src/z2ui5_cl_demo_app_229.clas.abap | 33 +- src/z2ui5_cl_demo_app_230.clas.abap | 29 +- src/z2ui5_cl_demo_app_231.clas.abap | 48 +- src/z2ui5_cl_demo_app_232.clas.abap | 41 +- src/z2ui5_cl_demo_app_233.clas.abap | 34 +- src/z2ui5_cl_demo_app_234.clas.abap | 36 +- src/z2ui5_cl_demo_app_235.clas.abap | 67 +- src/z2ui5_cl_demo_app_236.clas.abap | 69 +- src/z2ui5_cl_demo_app_237.clas.abap | 137 +- src/z2ui5_cl_demo_app_238.clas.abap | 103 +- src/z2ui5_cl_demo_app_239.clas.abap | 109 +- src/z2ui5_cl_demo_app_240.clas.abap | 98 +- src/z2ui5_cl_demo_app_241.clas.abap | 71 +- src/z2ui5_cl_demo_app_242.clas.abap | 38 +- src/z2ui5_cl_demo_app_243.clas.abap | 35 +- src/z2ui5_cl_demo_app_244.clas.abap | 147 +- src/z2ui5_cl_demo_app_245.clas.abap | 98 +- src/z2ui5_cl_demo_app_246.clas.abap | 57 +- src/z2ui5_cl_demo_app_247.clas.abap | 47 +- src/z2ui5_cl_demo_app_248.clas.abap | 42 +- src/z2ui5_cl_demo_app_249.clas.abap | 54 +- src/z2ui5_cl_demo_app_250.clas.abap | 109 +- src/z2ui5_cl_demo_app_251.clas.abap | 95 +- src/z2ui5_cl_demo_app_252.clas.abap | 55 +- src/z2ui5_cl_demo_app_253.clas.abap | 55 +- src/z2ui5_cl_demo_app_254.clas.abap | 85 +- src/z2ui5_cl_demo_app_255.clas.abap | 82 +- src/z2ui5_cl_demo_app_256.clas.abap | 56 +- src/z2ui5_cl_demo_app_257.clas.abap | 169 +- src/z2ui5_cl_demo_app_258.clas.abap | 151 +- src/z2ui5_cl_demo_app_259.clas.abap | 115 +- src/z2ui5_cl_demo_app_260.clas.abap | 68 +- src/z2ui5_cl_demo_app_261.clas.abap | 46 +- src/z2ui5_cl_demo_app_262.clas.abap | 84 +- src/z2ui5_cl_demo_app_263.clas.abap | 57 +- src/z2ui5_cl_demo_app_264.clas.abap | 68 +- src/z2ui5_cl_demo_app_265.clas.abap | 26 +- src/z2ui5_cl_demo_app_266.clas.abap | 68 +- src/z2ui5_cl_demo_app_267.clas.abap | 59 +- src/z2ui5_cl_demo_app_268.clas.abap | 41 +- src/z2ui5_cl_demo_app_269.clas.abap | 12 +- src/z2ui5_cl_demo_app_270.clas.abap | 8 +- src/z2ui5_cl_demo_app_271.clas.abap | 35 +- src/z2ui5_cl_demo_app_272.clas.abap | 41 +- src/z2ui5_cl_demo_app_273.clas.abap | 109 +- src/z2ui5_cl_demo_app_274.clas.abap | 43 +- src/z2ui5_cl_demo_app_275.clas.abap | 28 +- src/z2ui5_cl_demo_app_276.clas.abap | 41 +- src/z2ui5_cl_demo_app_277.clas.abap | 238 +- src/z2ui5_cl_demo_app_278.clas.abap | 43 +- src/z2ui5_cl_demo_app_279.clas.abap | 8 +- src/z2ui5_cl_demo_app_280.clas.abap | 103 +- src/z2ui5_cl_demo_app_281.clas.abap | 140 +- src/z2ui5_cl_demo_app_282.clas.abap | 112 +- src/z2ui5_cl_demo_app_283.clas.abap | 63 +- src/z2ui5_cl_demo_app_284.clas.abap | 67 +- src/z2ui5_cl_demo_app_285.clas.abap | 78 +- src/z2ui5_cl_demo_app_286.clas.abap | 48 +- src/z2ui5_cl_demo_app_287.clas.abap | 76 +- src/z2ui5_cl_demo_app_288.clas.abap | 64 +- src/z2ui5_cl_demo_app_289.clas.abap | 30 +- src/z2ui5_cl_demo_app_290.clas.abap | 57 +- src/z2ui5_cl_demo_app_291.clas.abap | 68 +- src/z2ui5_cl_demo_app_292.clas.abap | 40 +- src/z2ui5_cl_demo_app_293.clas.abap | 43 +- src/z2ui5_cl_demo_app_294.clas.abap | 43 +- src/z2ui5_cl_demo_app_295.clas.abap | 26 +- src/z2ui5_cl_demo_app_296.clas.abap | 28 +- src/z2ui5_cl_demo_app_297.clas.abap | 48 +- src/z2ui5_cl_demo_app_298.clas.abap | 82 +- src/z2ui5_cl_demo_app_299.clas.abap | 63 +- src/z2ui5_cl_demo_app_300.clas.abap | 355 +- src/z2ui5_cl_demo_app_301.clas.abap | 65 +- src/z2ui5_cl_demo_app_302.clas.abap | 28 +- src/z2ui5_cl_demo_app_303.clas.abap | 90 +- src/z2ui5_cl_demo_app_304.clas.abap | 8 +- src/z2ui5_cl_demo_app_305.clas.abap | 30 +- src/z2ui5_cl_demo_app_306.clas.abap | 49 +- src/z2ui5_cl_demo_app_307.clas.abap | 34 +- src/z2ui5_cl_demo_app_308.clas.abap | 4 +- 287 files changed, 10560 insertions(+), 9892 deletions(-) diff --git a/ci/abaplint.jsonc b/ci/abaplint.jsonc index 0b1b4672..08d4eb96 100644 --- a/ci/abaplint.jsonc +++ b/ci/abaplint.jsonc @@ -1,4 +1,4 @@ -{ + { "global": { "files": "/src/**/*.*" }, diff --git a/src/z2ui5_cl_demo_app_000.clas.abap b/src/z2ui5_cl_demo_app_000.clas.abap index dd8d28b9..233f8275 100644 --- a/src/z2ui5_cl_demo_app_000.clas.abap +++ b/src/z2ui5_cl_demo_app_000.clas.abap @@ -1,91 +1,90 @@ - CLASS z2ui5_cl_demo_app_000 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_000 DEFINITION PUBLIC. - PUBLIC SECTION. + PUBLIC SECTION. + INTERFACES z2ui5_if_app. - 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: - 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_if_types=>ty_t_name_value. + DATA mv_set_scroll TYPE abap_bool. - DATA mt_scroll TYPE z2ui5_if_types=>ty_t_name_value. - DATA mv_set_scroll TYPE abap_bool. + PROTECTED SECTION. - PROTECTED SECTION. - PRIVATE SECTION. - METHODS expand_all. + PRIVATE SECTION. + METHODS expand_all. ENDCLASS. - CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. - - METHOD z2ui5_if_app~main. - - CONSTANTS c_title TYPE string VALUE ` abap2UI5 - Samples`. - - DATA(ls_get) = client->get( ). - - IF client->get( )-check_on_navigated = abap_true. - IF mt_scroll IS INITIAL. - mt_scroll = VALUE #( ( n = `page` ) ). - ENDIF. - mv_set_scroll = abap_true. - ENDIF. - - CASE client->get( )-event. - - WHEN 'BACK'. - client->nav_app_leave( ). - - WHEN 'expand-all'. - expand_all( ). - WHEN 'collapse-all'. - CLEAR: ms_check_expanded. - 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 = c_title - navbuttonpress = client->_event( val = 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - )->header_content( - )->toolbar_spacer( - )->link( text = 'Install with abapGit from GitHub' target = '_blank' href = 'https://github.com/oblomov-dev/abap2ui5' - )->get_parent( ). - - IF client->get( )-check_launchpad_active = abap_true. - page->_z2ui5( )->lp_title( c_title ). - ENDIF. - - page->_z2ui5( )->scrolling( - setupdate = client->_bind_edit( mv_set_scroll ) - items = client->_bind_edit( mt_scroll ) ). - - page = page->grid( 'L12 M12 S12' - )->content( 'layout' ). + METHOD z2ui5_if_app~main. + + CONSTANTS c_title TYPE string VALUE ` abap2UI5 - Samples`. + + " TODO: variable is assigned but never used (ABAP cleaner) + DATA(ls_get) = client->get( ). + + IF client->get( )-check_on_navigated = abap_true. + IF mt_scroll IS INITIAL. + mt_scroll = VALUE #( ( n = `page` ) ). + ENDIF. + mv_set_scroll = abap_true. + ENDIF. + + CASE client->get( )-event. + + WHEN 'BACK'. + client->nav_app_leave( ). + + WHEN 'expand-all'. + expand_all( ). + WHEN 'collapse-all'. + CLEAR ms_check_expanded. + 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 = c_title + navbuttonpress = client->_event( val = 'BACK' ) + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) + )->header_content( + )->toolbar_spacer( + )->link( text = 'Install with abapGit from GitHub' + target = '_blank' + href = 'https://github.com/oblomov-dev/abap2ui5' + )->get_parent( ). + + IF client->get( )-check_launchpad_active = abap_true. + page->_z2ui5( )->lp_title( c_title ). + ENDIF. + + 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->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` && @@ -95,341 +94,294 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. `

Always press CTRL+F12 to see code samples and classname of the app.

` ). - page->hbox( - )->button( press = client->_event( 'expand-all' ) icon = 'sap-icon://expand-all' - )->button( press = client->_event( 'collapse-all' ) icon = 'sap-icon://collapse-all' ). + page->hbox( + )->button( press = client->_event( 'expand-all' ) + icon = 'sap-icon://expand-all' + )->button( press = client->_event( 'collapse-all' ) + icon = 'sap-icon://collapse-all' ). - 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 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 III' - subheader = 'Table Cell Level' - press = client->_event( 'z2ui5_cl_demo_app_144' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - - panel->generic_tile( - header = 'setSizeLimit' -* subheader = 'Table Cell Level' - press = client->_event( 'z2ui5_cl_demo_app_071' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Events` - ). + 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->generic_tile( header = 'setSizeLimit' +* subheader = 'Table Cell Level' + press = client->_event( 'z2ui5_cl_demo_app_071' ) + 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 = 'Event IV' + subheader = `Facet Filter - T_arg with Objects` + press = client->_event( 'Z2UI5_CL_DEMO_APP_197' ) + 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 = '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 = 'Event IV' - subheader = `Facet Filter - T_arg with Objects` - press = client->_event( 'Z2UI5_CL_DEMO_APP_197' ) - 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 = 'Follow Up Action' + subheader = `` + press = client->_event( 'Z2UI5_CL_DEMO_APP_180' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Features` ). + panel->generic_tile( header = 'Timer I' + 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 = 'Timer II' + subheader = 'Set Loading Indicator while Server Request' + press = client->_event( 'Z2UI5_CL_DEMO_APP_064' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Features` - ). + 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 = 'Timer I' - 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 = 'Focus I' + press = client->_event( 'z2ui5_cl_demo_app_133' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Timer II' - subheader = 'Set Loading Indicator while Server Request' - press = client->_event( 'Z2UI5_CL_DEMO_APP_064' ) - 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 II' + press = client->_event( 'z2ui5_cl_demo_app_189' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Focus I' - press = client->_event( 'z2ui5_cl_demo_app_133' ) - 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 = 'Focus II' - press = client->_event( 'z2ui5_cl_demo_app_189' ) - 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 = 'History' + press = client->_event( 'Z2UI5_CL_DEMO_APP_139' ) + 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 = `Data Loss Protection` + press = client->_event( 'z2ui5_cl_demo_app_279' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = `Data Loss Protection` - press = client->_event( 'z2ui5_cl_demo_app_279' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Tab Title' + press = client->_event( 'z2ui5_cl_demo_app_125' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Tab Title' - press = client->_event( 'z2ui5_cl_demo_app_125' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Session Stickyness I' + subheader = 'Stateful mode' + press = client->_event( 'z2ui5_cl_demo_app_137' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + + panel->generic_tile( header = 'Session Stickyness II' + subheader = 'Use Locks' + press = client->_event( 'z2ui5_cl_demo_app_135' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Messages` ). + panel->generic_tile( header = 'Basic' + subheader = 'Toast, Box & Strip' + press = client->_event( 'Z2UI5_CL_DEMO_APP_008' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Session Stickyness I' - subheader = 'Stateful mode' - press = client->_event( 'z2ui5_cl_demo_app_137' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Message Box' + subheader = 'sy, bapiret, cx_root' + press = client->_event( 'z2ui5_cl_demo_app_187' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Session Stickyness II' - subheader = 'Use Locks' - press = client->_event( 'z2ui5_cl_demo_app_135' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Popup' + subheader = 'Messages & Exception' + press = client->_event( 'z2ui5_cl_demo_app_154' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( header = 'Message View' + " TODO: check spelling: Ouput (typo) -> Output (ABAP cleaner) + subheader = 'Custom Popup, Popover & Ouput' + press = client->_event( 'Z2UI5_CL_DEMO_APP_038' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Messages` - ). + panel->generic_tile( header = 'Messages' + subheader = 'More...' + press = client->_event( 'z2ui5_cl_demo_app_084' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Basic' - subheader = 'Toast, Box & Strip' - press = client->_event( 'Z2UI5_CL_DEMO_APP_008' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `File API` ). - panel->generic_tile( - header = 'Message Box' - subheader = 'sy, bapiret, cx_root' - press = client->_event( 'z2ui5_cl_demo_app_187' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Popup' - subheader = 'Messages & Exception' - press = client->_event( 'z2ui5_cl_demo_app_154' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Message View' - subheader = 'Custom Popup, Popover & Ouput' - press = client->_event( 'Z2UI5_CL_DEMO_APP_038' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + 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 = 'Messages' - subheader = 'More...' - press = client->_event( 'z2ui5_cl_demo_app_084' ) - 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 = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `File API` - ). + panel->generic_tile( header = 'File Uploader' + subheader = 'Upload files to the Backend' + press = client->_event( 'Z2UI5_CL_DEMO_APP_075' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - 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 = 'File Download' + subheader = 'Download files to the Frontend' + press = client->_event( 'Z2UI5_CL_DEMO_APP_186' ) + 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 = page->panel( expandable = abap_false + expanded = abap_true + headertext = `S-RTTI - Dynamic Typing` + ). - panel->generic_tile( - header = 'File Uploader' - subheader = 'Upload files to the Backend' - press = client->_event( 'Z2UI5_CL_DEMO_APP_075' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + 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->generic_tile( - header = 'File Download' - subheader = 'Download files to the Frontend' - press = client->_event( 'Z2UI5_CL_DEMO_APP_186' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Dynamic Objects I' + subheader = 'Use S-RTTI to render different Subapps' + press = client->_event( 'Z2UI5_CL_DEMO_APP_131' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `S-RTTI - Dynamic Typing` - ). - - - 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->generic_tile( - header = 'Dynamic Objects I' - 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 = '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 = '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 = 'Dynamic Objects III' - subheader = 'User Generic Data Refs in Subapps' - press = client->_event( 'Z2UI5_CL_DEMO_APP_185' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Dynamic Objects III' + subheader = 'User Generic Data Refs in Subapps' + press = client->_event( 'Z2UI5_CL_DEMO_APP_185' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Device Capabilities` - ). + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Device Capabilities` + ). - panel->generic_tile( - header = 'Geolocation' - subheader = '' - press = client->_event( 'z2ui5_cl_demo_app_120' ) - 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 = 'Frontend Infos' + subheader = '' + press = client->_event( 'z2ui5_cl_demo_app_122' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Camera' - subheader = '' - press = client->_event( 'z2ui5_cl_demo_app_306' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Camera' + subheader = '' + press = client->_event( 'z2ui5_cl_demo_app_306' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). * panel->generic_tile( * header = 'Camera & Picture' @@ -438,900 +390,775 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. * class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' * ). - page = page2->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-input ) - headertext = `Input & Output` ). + page = page2->panel( expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-input ) + headertext = `Input & Output` ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Output` - ). + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Output` + ). - panel->generic_tile( - header = 'Label' - press = client->_event( 'Z2UI5_CL_DEMO_APP_051' ) - 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 = 'Progress Indicator' - press = client->_event( 'Z2UI5_CL_DEMO_APP_022' ) - 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->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 = 'PDF Viewer' + subheader = 'Display PDFs via iframe' + press = client->_event( 'Z2UI5_CL_DEMO_APP_079' ) + 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 = 'Formatted Text' + subheader = 'Display HTML' + press = client->_event( 'Z2UI5_CL_DEMO_APP_015' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Text' - subheader = 'Max Lines' - press = client->_event( 'Z2UI5_CL_DEMO_APP_206' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Text' + subheader = 'Max Lines' + press = client->_event( 'Z2UI5_CL_DEMO_APP_206' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'InfoLabel' - press = client->_event( 'Z2UI5_CL_DEMO_APP_209' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'InfoLabel' + press = client->_event( 'Z2UI5_CL_DEMO_APP_209' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Busy Indicator' - press = client->_event( 'Z2UI5_CL_DEMO_APP_215' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Busy Indicator' + press = client->_event( 'Z2UI5_CL_DEMO_APP_215' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Object Header' - subheader = 'with Circle-shaped Image' - press = client->_event( 'Z2UI5_CL_DEMO_APP_272' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Object Header' + subheader = 'with Circle-shaped Image' + press = client->_event( 'Z2UI5_CL_DEMO_APP_272' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Object Page Header' - subheader = 'with Header Container' - press = client->_event( 'Z2UI5_CL_DEMO_APP_303' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Object Page Header' + subheader = 'with Header Container' + press = client->_event( 'Z2UI5_CL_DEMO_APP_303' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Object Marker in a table' - press = client->_event( 'Z2UI5_CL_DEMO_APP_289' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Object Marker in a table' + press = client->_event( 'Z2UI5_CL_DEMO_APP_289' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Link' - press = client->_event( 'Z2UI5_CL_DEMO_APP_293' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Link' + press = client->_event( 'Z2UI5_CL_DEMO_APP_293' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Object Status' - press = client->_event( 'Z2UI5_CL_DEMO_APP_300' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Object Status' + press = client->_event( 'Z2UI5_CL_DEMO_APP_300' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Object Attribute inside Table' - press = client->_event( 'Z2UI5_CL_DEMO_APP_302' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Object Attribute inside Table' + press = client->_event( 'Z2UI5_CL_DEMO_APP_302' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = 'Input' + ). + + panel->generic_tile( header = 'Step Input' + press = client->_event( 'Z2UI5_CL_DEMO_APP_041' ) + 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' ) - 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 = 'Range Slider' - press = client->_event( 'Z2UI5_CL_DEMO_APP_005' ) - 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 = '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->generic_tile( header = 'Radio Button' + press = client->_event( 'Z2UI5_CL_DEMO_APP_207' ) + 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 = 'Radio Button Group' + press = client->_event( 'Z2UI5_CL_DEMO_APP_208' ) + 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 = 'Input' + subheader = 'Types' + press = client->_event( 'Z2UI5_CL_DEMO_APP_210' ) + 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->generic_tile( header = 'Input' + subheader = 'Password' + press = client->_event( 'Z2UI5_CL_DEMO_APP_213' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + panel->generic_tile( header = 'Rating Indicator' + press = client->_event( 'Z2UI5_CL_DEMO_APP_220' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Radio Button' - press = client->_event( 'Z2UI5_CL_DEMO_APP_207' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'ComboBox' + subheader = 'Suggestions wrapping' + press = client->_event( 'Z2UI5_CL_DEMO_APP_229' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Radio Button Group' - press = client->_event( 'Z2UI5_CL_DEMO_APP_208' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Segmented Button in Input List Item' + press = client->_event( 'Z2UI5_CL_DEMO_APP_230' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Input' - subheader = 'Types' - press = client->_event( 'Z2UI5_CL_DEMO_APP_210' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Date Range Selection' + press = client->_event( 'Z2UI5_CL_DEMO_APP_231' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Input' - subheader = 'Password' - press = client->_event( 'Z2UI5_CL_DEMO_APP_213' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Multi Input' + subheader = 'Suggestions wrapping' + press = client->_event( 'Z2UI5_CL_DEMO_APP_232' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Rating Indicator' - press = client->_event( 'Z2UI5_CL_DEMO_APP_220' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Multi Combo Box' + subheader = 'Suggestions wrapping' + press = client->_event( 'Z2UI5_CL_DEMO_APP_233' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'ComboBox' - subheader = 'Suggestions wrapping' - press = client->_event( 'Z2UI5_CL_DEMO_APP_229' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Text Area' + subheader = 'Value States' + press = client->_event( 'Z2UI5_CL_DEMO_APP_234' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Segmented Button in Input List Item' - press = client->_event( 'Z2UI5_CL_DEMO_APP_230' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Text Area' + subheader = 'Growing' + press = client->_event( 'Z2UI5_CL_DEMO_APP_236' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Date Range Selection' - press = client->_event( 'Z2UI5_CL_DEMO_APP_231' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Slider' + press = client->_event( 'Z2UI5_CL_DEMO_APP_237' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Multi Input' - subheader = 'Suggestions wrapping' - press = client->_event( 'Z2UI5_CL_DEMO_APP_232' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Checkbox' + press = client->_event( 'Z2UI5_CL_DEMO_APP_239' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Multi Combo Box' - subheader = 'Suggestions wrapping' - press = client->_event( 'Z2UI5_CL_DEMO_APP_233' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Switch' + press = client->_event( 'Z2UI5_CL_DEMO_APP_240' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Text Area' - subheader = 'Value States' - press = client->_event( 'Z2UI5_CL_DEMO_APP_234' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'HTML' + press = client->_event( 'Z2UI5_CL_DEMO_APP_242' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Text Area' - subheader = 'Growing' - press = client->_event( 'Z2UI5_CL_DEMO_APP_236' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Input' + subheader = 'Suggestions wrapping' + press = client->_event( 'Z2UI5_CL_DEMO_APP_246' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Slider' - press = client->_event( 'Z2UI5_CL_DEMO_APP_237' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Input' + subheader = 'Description' + press = client->_event( 'Z2UI5_CL_DEMO_APP_251' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Checkbox' - press = client->_event( 'Z2UI5_CL_DEMO_APP_239' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Button' + press = client->_event( 'Z2UI5_CL_DEMO_APP_259' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Switch' - press = client->_event( 'Z2UI5_CL_DEMO_APP_240' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Step Input' + subheader = 'Value States' + press = client->_event( 'Z2UI5_CL_DEMO_APP_264' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'HTML' - press = client->_event( 'Z2UI5_CL_DEMO_APP_242' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Code Editor' + press = client->_event( 'Z2UI5_CL_DEMO_APP_265' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + + panel->generic_tile( header = 'Toggle Button' + press = client->_event( 'Z2UI5_CL_DEMO_APP_266' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + + panel->generic_tile( header = 'Multi Input' + subheader = 'Value States' + press = client->_event( 'Z2UI5_CL_DEMO_APP_267' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + + panel->generic_tile( header = 'Icon' + press = client->_event( 'Z2UI5_CL_DEMO_APP_268' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Input' - subheader = 'Suggestions wrapping' - press = client->_event( 'Z2UI5_CL_DEMO_APP_246' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'InvisibleText' + press = client->_event( 'Z2UI5_CL_DEMO_APP_282' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Input' - subheader = 'Description' - press = client->_event( 'Z2UI5_CL_DEMO_APP_251' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Feed Input 2' + press = client->_event( 'Z2UI5_CL_DEMO_APP_283' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Button' - press = client->_event( 'Z2UI5_CL_DEMO_APP_259' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Select' + press = client->_event( 'Z2UI5_CL_DEMO_APP_288' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Step Input' - subheader = 'Value States' - press = client->_event( 'Z2UI5_CL_DEMO_APP_264' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Date Picker' + subheader = 'Value States' + press = client->_event( 'Z2UI5_CL_DEMO_APP_294' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Code Editor' - press = client->_event( 'Z2UI5_CL_DEMO_APP_265' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Date Range Selection' + subheader = 'Value States' + press = client->_event( 'Z2UI5_CL_DEMO_APP_295' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Toggle Button' - press = client->_event( 'Z2UI5_CL_DEMO_APP_266' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Select' + subheader = 'with icons' + press = client->_event( 'Z2UI5_CL_DEMO_APP_297' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Multi Input' - subheader = 'Value States' - press = client->_event( 'Z2UI5_CL_DEMO_APP_267' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Select' + subheader = 'Validation states' + press = client->_event( 'Z2UI5_CL_DEMO_APP_298' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Icon' - press = client->_event( 'Z2UI5_CL_DEMO_APP_268' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Select' + subheader = 'Wrapping text' + press = client->_event( 'Z2UI5_CL_DEMO_APP_299' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'InvisibleText' - press = client->_event( 'Z2UI5_CL_DEMO_APP_282' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Expandable Text' + press = client->_event( 'Z2UI5_CL_DEMO_APP_301' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Feed Input 2' - press = client->_event( 'Z2UI5_CL_DEMO_APP_283' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = 'Interaction' + ). - panel->generic_tile( - header = 'Select' - press = client->_event( 'Z2UI5_CL_DEMO_APP_288' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + 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 = 'Date Picker' - subheader = 'Value States' - press = client->_event( 'Z2UI5_CL_DEMO_APP_294' ) - 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 = 'Date Range Selection' - subheader = 'Value States' - press = client->_event( 'Z2UI5_CL_DEMO_APP_295' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + 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 = 'Select' - subheader = 'with icons' - press = client->_event( 'Z2UI5_CL_DEMO_APP_297' ) - 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 = 'Select' - subheader = 'Validation states' - press = client->_event( 'Z2UI5_CL_DEMO_APP_298' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Color Picker' +* subheader = 'Token & Range Handling' + press = client->_event( 'z2ui5_cl_demo_app_270' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Select' - subheader = 'Wrapping text' - press = client->_event( 'Z2UI5_CL_DEMO_APP_299' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Breadcrumbs' + subheader = 'sample with current page link' + press = client->_event( 'z2ui5_cl_demo_app_292' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Expandable Text' - press = client->_event( 'Z2UI5_CL_DEMO_APP_301' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Search Field' + press = client->_event( 'Z2UI5_CL_DEMO_APP_296' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = 'Interaction' - ). + panel->generic_tile( header = 'Sound' + subheader = 'Play success and error sounds' + press = client->_event( 'Z2UI5_CL_DEMO_APP_304' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - 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 = page->panel( expandable = abap_false + expanded = abap_true + headertext = 'Formatting & Calculations' + ). - 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 = '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 = '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 = 'Formatting' + subheader = 'Currencies' + press = client->_event( 'Z2UI5_CL_DEMO_APP_067' ) + 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 = 'Mask Input' + subheader = `` + press = client->_event( 'Z2UI5_CL_DEMO_APP_110' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Color Picker' -* subheader = 'Token & Range Handling' - press = client->_event( 'z2ui5_cl_demo_app_270' ) - 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 = 'Breadcrumbs' - subheader = 'sample with current page link' - press = client->_event( 'z2ui5_cl_demo_app_292' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = 'Tiles' +). - panel->generic_tile( - header = 'Search Field' - press = client->_event( 'Z2UI5_CL_DEMO_APP_296' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Tile' + subheader = 'Numeric Content Without Margins' + press = client->_event( 'Z2UI5_CL_DEMO_APP_228' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Sound' - subheader = 'Play success and error sounds' - press = client->_event( 'Z2UI5_CL_DEMO_APP_304' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Tile' + subheader = 'Tile Content' + press = client->_event( 'Z2UI5_CL_DEMO_APP_241' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = 'Formatting & Calculations' - ). + panel->generic_tile( header = 'Tile' + subheader = 'News Content' + press = client->_event( 'Z2UI5_CL_DEMO_APP_261' ) + 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 = 'Tile' + subheader = 'Numeric Content of Different Colors' + press = client->_event( 'Z2UI5_CL_DEMO_APP_262' ) + 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 = 'Tile' + subheader = 'Numeric Content with Icon' + press = client->_event( 'Z2UI5_CL_DEMO_APP_263' ) + 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' - ). + panel->generic_tile( header = 'Tile' + subheader = 'Image Content' + press = client->_event( 'Z2UI5_CL_DEMO_APP_271' ) + 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 = 'Tile' + subheader = 'Feed Content' + press = client->_event( 'Z2UI5_CL_DEMO_APP_275' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = 'Tiles' - ). - - panel->generic_tile( - header = 'Tile' - subheader = 'Numeric Content Without Margins' - press = client->_event( 'Z2UI5_CL_DEMO_APP_228' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Tile' + subheader = 'Monitor Tile' + press = client->_event( 'Z2UI5_CL_DEMO_APP_276' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Tile' - subheader = 'Tile Content' - press = client->_event( 'Z2UI5_CL_DEMO_APP_241' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Tile' + subheader = 'KPI Tile' + press = client->_event( 'Z2UI5_CL_DEMO_APP_277' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Tile' - subheader = 'News Content' - press = client->_event( 'Z2UI5_CL_DEMO_APP_261' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Tile' + subheader = 'Feed and News Tile' + press = client->_event( 'Z2UI5_CL_DEMO_APP_278' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Tile' - subheader = 'Numeric Content of Different Colors' - press = client->_event( 'Z2UI5_CL_DEMO_APP_262' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Tile' + subheader = 'Statuses' + press = client->_event( 'Z2UI5_CL_DEMO_APP_281' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Tile' - subheader = 'Numeric Content with Icon' - press = client->_event( 'Z2UI5_CL_DEMO_APP_263' ) - 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 = 'Tile' - subheader = 'Image Content' - press = client->_event( 'Z2UI5_CL_DEMO_APP_271' ) - 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' ). - panel->generic_tile( - header = 'Tile' - subheader = 'Feed Content' - press = client->_event( 'Z2UI5_CL_DEMO_APP_275' ) - 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->generic_tile( - header = 'Tile' - subheader = 'Monitor Tile' - press = client->_event( 'Z2UI5_CL_DEMO_APP_276' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + 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 = 'Tile' - subheader = 'KPI Tile' - press = client->_event( 'Z2UI5_CL_DEMO_APP_277' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Column Menu' + press = client->_event( 'z2ui5_cl_demo_app_183' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Tile' - subheader = 'Feed and News Tile' - press = client->_event( 'Z2UI5_CL_DEMO_APP_278' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Cell Coloring' + press = client->_event( 'z2ui5_cl_demo_app_305' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Tile' - subheader = 'Statuses' - press = client->_event( 'Z2UI5_CL_DEMO_APP_281' ) - 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' + ). - 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 = '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' ) - 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->generic_tile( - header = 'Editable' - subheader = 'Set columns editable' - press = client->_event( 'Z2UI5_CL_DEMO_APP_011' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Grid List' + subheader = 'with Drag&Drop' + press = client->_event( 'z2ui5_cl_demo_app_307' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - 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 = 'Column Menu' - press = client->_event( 'z2ui5_cl_demo_app_183' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Cell Coloring' - press = client->_event( 'z2ui5_cl_demo_app_305' ) - 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 = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Lists` + ). - 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 = 'List I' + subheader = 'Basic' + press = client->_event( 'Z2UI5_CL_DEMO_APP_003' ) + 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->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 = 'Grid List' - subheader = 'with Drag&Drop' - press = client->_event( 'z2ui5_cl_demo_app_307' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + panel->generic_tile( header = 'Action List Item' + press = client->_event( 'Z2UI5_CL_DEMO_APP_216' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Lists` - ). + panel->generic_tile( header = 'Input List Item' + press = client->_event( 'Z2UI5_CL_DEMO_APP_219' ) + 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 = 'Standard List Item' + subheader = 'Info State Inverted' + press = client->_event( 'Z2UI5_CL_DEMO_APP_286' ) + 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 = 'Standard List Item' + subheader = 'Wrapping' + press = client->_event( 'Z2UI5_CL_DEMO_APP_287' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Action List Item' - press = client->_event( 'Z2UI5_CL_DEMO_APP_216' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Object List Item' + subheader = 'markers aggregation' + press = client->_event( 'Z2UI5_CL_DEMO_APP_290' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Input List Item' - press = client->_event( 'Z2UI5_CL_DEMO_APP_219' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Trees` + ). - panel->generic_tile( - header = 'Standard List Item' - subheader = 'Info State Inverted' - press = client->_event( 'Z2UI5_CL_DEMO_APP_286' ) - 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 = 'Standard List Item' - subheader = 'Wrapping' - press = client->_event( 'Z2UI5_CL_DEMO_APP_287' ) - 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 = 'Object List Item' - subheader = 'markers aggregation' - press = client->_event( 'Z2UI5_CL_DEMO_APP_290' ) - 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' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Trees` - ). + page = page2->panel( expandable = abap_true + expanded = client->_bind_edit( ms_check_expanded-popups ) + headertext = `Popups & Popovers` ). - 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 = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Popups` ). - 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 = '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 = 'Tree Table III' - subheader = 'Keep expanded state normal' - press = client->_event( 'z2ui5_cl_demo_app_116' ) - 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' + ). - page = page2->panel( - expandable = abap_true - expanded = client->_bind_edit( ms_check_expanded-popups ) - headertext = `Popups & Popovers` ). + 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 = `Popups` - ). + panel->generic_tile( header = 'LightBox' + press = client->_event( 'Z2UI5_CL_DEMO_APP_273' ) + 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' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Popovers` + ). - 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 = 'Popover' + subheader = 'Simple Example' + press = client->_event( 'Z2UI5_CL_DEMO_APP_026' ) + 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->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 = 'LightBox' - press = client->_event( 'Z2UI5_CL_DEMO_APP_273' ) - 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 = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Popovers` - ). + 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 = 'Simple Example' - press = client->_event( 'Z2UI5_CL_DEMO_APP_026' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Built-in Popups` + ). - 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 = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Built-in 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 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' @@ -1340,12 +1167,11 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. * class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' * ). - panel->generic_tile( - header = 'Popup to Select' - press = client->_event( 'z2ui5_cl_demo_app_174' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Popup to Select' + press = client->_event( 'z2ui5_cl_demo_app_174' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). * panel->generic_tile( * header = 'Popup Messages' @@ -1354,775 +1180,665 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. * 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->generic_tile( header = 'Popup Textedit' + press = client->_event( 'Z2UI5_CL_DEMO_APP_155' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Popup Display PDF' - press = client->_event( 'Z2UI5_CL_DEMO_APP_158' ) - 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 Get Range' - subheader = 'Create Select-Options in Multi Inputs' - press = client->_event( 'Z2UI5_CL_DEMO_APP_056' ) - 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 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 PDF' + press = client->_event( 'Z2UI5_CL_DEMO_APP_158' ) + 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 Get Range' + subheader = 'Create Select-Options in Multi Inputs' + press = client->_event( 'Z2UI5_CL_DEMO_APP_056' ) + 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 Download' - subheader = '' - press = client->_event( 'z2ui5_cl_demo_app_168' ) - 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 Download' + subheader = '' + press = client->_event( 'z2ui5_cl_demo_app_168' ) + 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-features ) + headertext = `More Controls` ). + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Visualization` + ). - panel->generic_tile( - header = 'Popup Display HTML' - subheader = '' - press = client->_event( 'z2ui5_cl_demo_app_149' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Planning Calendar' + press = client->_event( 'Z2UI5_CL_DEMO_APP_080' ) + 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 = 'Wizard Control I' + press = client->_event( 'z2ui5_cl_demo_app_175' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + panel->generic_tile( header = 'Wizard Control II' + subheader = 'Next step & SubSequentStep' + press = client->_event( 'z2ui5_cl_demo_app_202' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Visualization` - ). + panel->generic_tile( header = 'Cards' + press = client->_event( 'z2ui5_cl_demo_app_181' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Planning Calendar' - press = client->_event( 'Z2UI5_CL_DEMO_APP_080' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Layouts` + ). - panel->generic_tile( - header = 'Wizard Control I' - press = client->_event( 'z2ui5_cl_demo_app_175' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + 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' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Wizard Control II' - subheader = 'Next step & SubSequentStep' - press = client->_event( 'z2ui5_cl_demo_app_202' ) - 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' ) + 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 = '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 = `Layouts` - ). + panel->generic_tile( header = 'Flex Box' + subheader = 'Basic Alignment' + press = client->_event( 'Z2UI5_CL_DEMO_APP_205' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - 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 = 'Icon Tab Header' + subheader = 'Standalone Icon Tab Header' + press = client->_event( 'Z2UI5_CL_DEMO_APP_214' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - 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 = 'Overflow Toolbar' + subheader = 'Placing a Title in OverflowToolbar/Toolbar' + press = client->_event( 'Z2UI5_CL_DEMO_APP_217' ) + 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' ) - 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 = 'Flex Box' - subheader = 'Basic Alignment' - press = client->_event( 'Z2UI5_CL_DEMO_APP_205' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Icon Tab Header' - subheader = 'Standalone Icon Tab Header' - press = client->_event( 'Z2UI5_CL_DEMO_APP_214' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Overflow Toolbar' - subheader = 'Placing a Title in OverflowToolbar/Toolbar' - press = client->_event( 'Z2UI5_CL_DEMO_APP_217' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Flex Box' - subheader = 'Opposing Alignment' - press = client->_event( 'Z2UI5_CL_DEMO_APP_218' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Standard Margins' - subheader = 'Negative Margins' - press = client->_event( 'Z2UI5_CL_DEMO_APP_243' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Flex Box' - subheader = 'Size Adjustments' - press = client->_event( 'Z2UI5_CL_DEMO_APP_244' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Flex Box' - subheader = 'Direction & Order' - press = client->_event( 'Z2UI5_CL_DEMO_APP_245' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Splitter Layout' - subheader = '2 areas' - press = client->_event( 'Z2UI5_CL_DEMO_APP_247' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Splitter Layout' - subheader = '2 non-resizable areas' - press = client->_event( 'Z2UI5_CL_DEMO_APP_248' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Splitter Layout' - subheader = '3 areas' - press = client->_event( 'Z2UI5_CL_DEMO_APP_249' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'OverflowToolbar' - subheader = 'Alignment' - press = client->_event( 'Z2UI5_CL_DEMO_APP_250' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Flex Box' - subheader = 'Render Type' - press = client->_event( 'Z2UI5_CL_DEMO_APP_252' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Flex Box' - subheader = 'Equal Height Cols' - press = client->_event( 'Z2UI5_CL_DEMO_APP_253' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Flex Box' - subheader = 'Nested' - press = client->_event( 'Z2UI5_CL_DEMO_APP_254' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Flex Box' - subheader = 'Navigation Examples' - press = client->_event( 'Z2UI5_CL_DEMO_APP_255' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Fix Flex' - subheader = 'Fix container size' - press = client->_event( 'Z2UI5_CL_DEMO_APP_256' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Generic Tag with Different Configurations' - press = client->_event( 'Z2UI5_CL_DEMO_APP_257' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Nested Splitter Layouts' - subheader = '7 Areas' - press = client->_event( 'Z2UI5_CL_DEMO_APP_260' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). - - panel->generic_tile( - header = 'Shell Bar' - subheader = 'title mega menu' - press = client->_event( 'Z2UI5_CL_DEMO_APP_269' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Flex Box' + subheader = 'Opposing Alignment' + press = client->_event( 'Z2UI5_CL_DEMO_APP_218' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Slide Tile' - press = client->_event( 'Z2UI5_CL_DEMO_APP_274' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Standard Margins' + subheader = 'Negative Margins' + press = client->_event( 'Z2UI5_CL_DEMO_APP_243' ) + 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 = 'Flex Box' + subheader = 'Size Adjustments' + press = client->_event( 'Z2UI5_CL_DEMO_APP_244' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Nested Views II' - subheader = 'Head & Item Table' - press = client->_event( 'Z2UI5_CL_DEMO_APP_097' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Flex Box' + subheader = 'Direction & Order' + press = client->_event( 'Z2UI5_CL_DEMO_APP_245' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Nested Views III' - subheader = 'Head & Item Table & Detail' - press = client->_event( 'Z2UI5_CL_DEMO_APP_098' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Splitter Layout' + subheader = '2 areas' + press = client->_event( 'Z2UI5_CL_DEMO_APP_247' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Nested Views IV' - subheader = 'Sub-App' - press = client->_event( 'Z2UI5_CL_DEMO_APP_104' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' -). + panel->generic_tile( header = 'Splitter Layout' + subheader = '2 non-resizable areas' + press = client->_event( 'Z2UI5_CL_DEMO_APP_248' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Navigation Container` - ). + panel->generic_tile( header = 'Splitter Layout' + subheader = '3 areas' + press = client->_event( 'Z2UI5_CL_DEMO_APP_249' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Nav Container I' - press = client->_event( 'Z2UI5_CL_DEMO_APP_088' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'OverflowToolbar' + subheader = 'Alignment' + press = client->_event( 'Z2UI5_CL_DEMO_APP_250' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Icon Tab Bar' - subheader = 'Icons Only' - press = client->_event( 'Z2UI5_CL_DEMO_APP_221' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Flex Box' + subheader = 'Render Type' + press = client->_event( 'Z2UI5_CL_DEMO_APP_252' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Icon Tab Bar' - subheader = 'Text and Count' - press = client->_event( 'Z2UI5_CL_DEMO_APP_222' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Flex Box' + subheader = 'Equal Height Cols' + press = client->_event( 'Z2UI5_CL_DEMO_APP_253' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Icon Tab Bar' - subheader = 'Inline Mode' - press = client->_event( 'Z2UI5_CL_DEMO_APP_223' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Flex Box' + subheader = 'Nested' + press = client->_event( 'Z2UI5_CL_DEMO_APP_254' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Icon Tab Bar' - subheader = 'Text Only' - press = client->_event( 'Z2UI5_CL_DEMO_APP_224' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Flex Box' + subheader = 'Navigation Examples' + press = client->_event( 'Z2UI5_CL_DEMO_APP_255' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Icon Tab Bar' - subheader = 'Separator' - press = client->_event( 'Z2UI5_CL_DEMO_APP_225' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Fix Flex' + subheader = 'Fix container size' + press = client->_event( 'Z2UI5_CL_DEMO_APP_256' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Icon Tab Bar' - subheader = 'Sub tabs' - press = client->_event( 'Z2UI5_CL_DEMO_APP_226' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Generic Tag with Different Configurations' + press = client->_event( 'Z2UI5_CL_DEMO_APP_257' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Bar' - subheader = 'Page, Toolbar & Bar' - press = client->_event( 'Z2UI5_CL_DEMO_APP_227' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Nested Splitter Layouts' + subheader = '7 Areas' + press = client->_event( 'Z2UI5_CL_DEMO_APP_260' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Bar' - subheader = 'Toolbar vs Bar vs OverflowToolbar' - press = client->_event( 'Z2UI5_CL_DEMO_APP_235' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Shell Bar' + subheader = 'title mega menu' + press = client->_event( 'Z2UI5_CL_DEMO_APP_269' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Message Strip' - press = client->_event( 'Z2UI5_CL_DEMO_APP_238' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Slide Tile' + press = client->_event( 'Z2UI5_CL_DEMO_APP_274' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Header Container' - subheader = 'Vertical Mode' - press = client->_event( 'Z2UI5_CL_DEMO_APP_280' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Nested Views` + ). - panel->generic_tile( - header = 'Page' - subheader = 'Flexible sizing - Toolbar' - press = client->_event( 'Z2UI5_CL_DEMO_APP_284' ) - 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 = 'Page' - subheader = 'Flexible sizing - Icon Tab Bar' - press = client->_event( 'Z2UI5_CL_DEMO_APP_285' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Nested Views II' + subheader = 'Head & Item Table' + press = client->_event( 'Z2UI5_CL_DEMO_APP_097' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel->generic_tile( - header = 'Message Strip' - subheader = 'with enableFormattedText' - press = client->_event( 'Z2UI5_CL_DEMO_APP_291' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Nested Views III' + 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 = `Templating` - ). + panel->generic_tile( header = 'Nested Views IV' + subheader = 'Sub-App' + press = client->_event( 'Z2UI5_CL_DEMO_APP_104' ) + 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 = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Navigation Container` + ). - panel->generic_tile( - header = 'Templating II' - subheader = 'Nested Views' - press = client->_event( 'Z2UI5_CL_DEMO_APP_176' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' - ). + panel->generic_tile( header = 'Nav Container I' + press = client->_event( 'Z2UI5_CL_DEMO_APP_088' ) + 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 = 'Icon Tab Bar' + subheader = 'Icons Only' + press = client->_event( 'Z2UI5_CL_DEMO_APP_221' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `General` - ). + panel->generic_tile( header = 'Icon Tab Bar' + subheader = 'Text and Count' + press = client->_event( 'Z2UI5_CL_DEMO_APP_222' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + panel->generic_tile( header = 'Icon Tab Bar' + subheader = 'Inline Mode' + press = client->_event( 'Z2UI5_CL_DEMO_APP_223' ) + 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 = 'Icon Tab Bar' + subheader = 'Text Only' + press = client->_event( 'Z2UI5_CL_DEMO_APP_224' ) + 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 = 'Icon Tab Bar' + subheader = 'Separator' + press = client->_event( 'Z2UI5_CL_DEMO_APP_225' ) + 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->generic_tile( header = 'Icon Tab Bar' + subheader = 'Sub tabs' + press = client->_event( 'Z2UI5_CL_DEMO_APP_226' ) + 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 = 'Bar' + subheader = 'Page, Toolbar & Bar' + press = client->_event( 'Z2UI5_CL_DEMO_APP_227' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + + panel->generic_tile( header = 'Bar' + subheader = 'Toolbar vs Bar vs OverflowToolbar' + press = client->_event( 'Z2UI5_CL_DEMO_APP_235' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + + panel->generic_tile( header = 'Message Strip' + press = client->_event( 'Z2UI5_CL_DEMO_APP_238' ) + 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 = 'Header Container' + subheader = 'Vertical Mode' + press = client->_event( 'Z2UI5_CL_DEMO_APP_280' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + + panel->generic_tile( header = 'Page' + subheader = 'Flexible sizing - Toolbar' + press = client->_event( 'Z2UI5_CL_DEMO_APP_284' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + + panel->generic_tile( header = 'Page' + subheader = 'Flexible sizing - Icon Tab Bar' + press = client->_event( 'Z2UI5_CL_DEMO_APP_285' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + + panel->generic_tile( header = 'Message Strip' + subheader = 'with enableFormattedText' + press = client->_event( 'Z2UI5_CL_DEMO_APP_291' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' +). + + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Templating` ). - 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 = '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' +). - panel->generic_tile( - header = 'Upload Set' - subheader = '' - press = client->_event( 'Z2UI5_CL_DEMO_APP_107' ) - 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 = '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 = `General` + ). + + 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' ) + 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 = 'HTML, JS, CSS' + subheader = 'Display normal HTML without UI5' + press = client->_event( 'Z2UI5_CL_DEMO_APP_032' ) + 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' ) - 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' ) + 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 = 'Custom Function' + subheader = 'Call imported function' + press = client->_event( 'Z2UI5_CL_DEMO_APP_093' ) + 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 = `Apps with add. Javascript` + ). - 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 = 'p13n Dialog' + subheader = 'Popup for F4 Helps' + press = client->_event( 'Z2UI5_CL_DEMO_APP_090' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - panel->generic_tile( - header = 'Harvey Chart' - press = client->_event( 'Z2UI5_CL_DEMO_APP_308' ) - 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 = 'Process Flow' - press = client->_event( 'Z2UI5_CL_DEMO_APP_091' ) - 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` + ). + + 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 = 'Map Container' - press = client->_event( 'z2ui5_cl_demo_app_123' ) + 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' ). + 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->generic_tile( - header = 'Timeline' - press = client->_event( 'Z2UI5_CL_DEMO_APP_113' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + 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 = 'Network Graph' - press = client->_event( 'z2ui5_cl_demo_app_182' ) - 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 = 'Status Indicator Library' - subheader = `` - press = client->_event( 'Z2UI5_CL_DEMO_APP_196' ) - 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 = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `Higher-Releases-Only` + 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 = 'Harvey Chart' + press = client->_event( 'Z2UI5_CL_DEMO_APP_308' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). - 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 Avatar' - 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 = 'Network Graph' + press = client->_event( 'z2ui5_cl_demo_app_182' ) + 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 = 'Status Indicator Library' + subheader = `` + press = client->_event( 'Z2UI5_CL_DEMO_APP_196' ) + 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 = page->panel( expandable = abap_false + expanded = abap_true + headertext = `Higher-Releases-Only` +). + panel->message_strip( `Only for newer UI5 releases....` ). - 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 = 'Generic Tag' + subheader = 'Since 1.70' + press = client->_event( 'z2ui5_cl_demo_app_062' ) + 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 Avatar' + 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 = 'Illustrated Message' + subheader = 'Since 1.98' + press = client->_event( 'Z2UI5_CL_DEMO_APP_033' ) + 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 = `Messaging` @@ -2140,73 +1856,66 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. * class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' * ). - panel = page->panel( - expandable = abap_false - expanded = abap_true - headertext = `For Testing only...` - ). + panel = page->panel( expandable = abap_false + expanded = abap_true + headertext = `For Testing only...` +). - panel->generic_tile( - header = 'Model I' - subheader = 'RTTI Data' - press = client->_event( 'Z2UI5_CL_DEMO_APP_191' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Model I' + subheader = 'RTTI Data' + press = client->_event( 'Z2UI5_CL_DEMO_APP_191' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Model II' - subheader = 'RTTI Data' - press = client->_event( 'Z2UI5_CL_DEMO_APP_195' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Model II' + subheader = 'RTTI Data' + press = client->_event( 'Z2UI5_CL_DEMO_APP_195' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Model III' - subheader = 'RTTI Data' - press = client->_event( 'Z2UI5_CL_DEMO_APP_199' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Model III' + subheader = 'RTTI Data' + press = client->_event( 'Z2UI5_CL_DEMO_APP_199' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). - panel->generic_tile( - header = 'Date Format Error in internal table' - subheader = '' - press = client->_event( 'Z2UI5_CL_DEMO_APP_118' ) - mode = 'LineMode' - class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + panel->generic_tile( header = 'Date Format Error in internal table' + subheader = '' + press = client->_event( 'Z2UI5_CL_DEMO_APP_118' ) + 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' + ). - client->view_display( page->stringify( ) ). + client->view_display( page->stringify( ) ). - ENDMETHOD. + ENDMETHOD. + METHOD expand_all. - METHOD expand_all. + DO. + ASSIGN COMPONENT sy-index OF STRUCTURE ms_check_expanded TO FIELD-SYMBOL(). + IF sy-subrc <> 0. + EXIT. + ENDIF. + = abap_true. + ENDDO. - DO. - ASSIGN COMPONENT sy-index OF STRUCTURE ms_check_expanded TO FIELD-SYMBOL(). - IF sy-subrc <> 0. - EXIT. - ENDIF. - = abap_true. - ENDDO. + ENDMETHOD. - ENDMETHOD. ENDCLASS. diff --git a/src/z2ui5_cl_demo_app_001.clas.abap b/src/z2ui5_cl_demo_app_001.clas.abap index 078e849b..b537fc10 100644 --- a/src/z2ui5_cl_demo_app_001.clas.abap +++ b/src/z2ui5_cl_demo_app_001.clas.abap @@ -45,14 +45,13 @@ CLASS z2ui5_cl_demo_app_001 IMPLEMENTATION. METHOD display_view. - DATA(view) = z2ui5_cl_xml_view=>factory( ). - client->view_display( val = view->shell( + DATA(view) = z2ui5_cl_xml_view=>factory( ). + client->view_display( val = view->shell( )->page( title = 'abap2UI5 - First Example' navbuttonpress = client->_event( 'BACK' ) shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - - )->simple_form( title = 'Form Title' editable = abap_true + )->simple_form( title = 'Form Title' editable = abap_true )->content( 'form' )->title( 'Input' )->label( 'quantity' @@ -81,8 +80,8 @@ CLASS z2ui5_cl_demo_app_001 IMPLEMENTATION. METHOD z2ui5_set_data. - product = 'products'. - quantity = '500'. + product = 'products'. + quantity = '500'. ENDMETHOD. ENDCLASS. diff --git a/src/z2ui5_cl_demo_app_002.clas.abap b/src/z2ui5_cl_demo_app_002.clas.abap index 44d8118f..5fbab06f 100644 --- a/src/z2ui5_cl_demo_app_002.clas.abap +++ b/src/z2ui5_cl_demo_app_002.clas.abap @@ -75,17 +75,24 @@ CLASS z2ui5_cl_demo_app_002 IMPLEMENTATION. CASE client->get( )-event. WHEN 'BUTTON_MCONFIRM'. - client->message_box_display( type = 'confirm' text = 'Confirm MessageBox' ). + client->message_box_display( type = 'confirm' + text = 'Confirm MessageBox' ). WHEN 'BUTTON_MALERT'. - client->message_box_display( type = 'alert' text = 'Alert MessageBox' ). + client->message_box_display( type = 'alert' + text = 'Alert MessageBox' ). WHEN 'BUTTON_MERROR'. - client->message_box_display( type = 'error' text = 'Error MessageBox' ). + client->message_box_display( type = 'error' + text = 'Error MessageBox' ). WHEN 'BUTTON_MINFO'. - client->message_box_display( type = 'information' text = 'Information MessageBox' ). + client->message_box_display( type = 'information' + text = 'Information MessageBox' ). WHEN 'BUTTON_MWARNING'. - client->message_box_display( type = 'warning' text = 'Warning MessageBox' ). + client->message_box_display( type = 'warning' + text = 'Warning MessageBox' ). WHEN 'BUTTON_MSUCCESS'. - client->message_box_display( type = 'success' text = 'Success MessageBox' icon = `sap-icon://accept` ). + client->message_box_display( type = 'success' + text = 'Success MessageBox' + icon = `sap-icon://accept` ). WHEN 'BUTTON_SEND'. client->message_box_display( 'success - values send to the server' ). WHEN 'BUTTON_CLEAR'. @@ -130,13 +137,13 @@ CLASS z2ui5_cl_demo_app_002 IMPLEMENTATION. showheader = xsdbool( abap_false = client->get( )-check_launchpad_active ) title = 'abap2UI5 - Selection-Screen Example' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - ). + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). DATA(grid) = page->grid( 'L6 M12 S12' )->content( 'layout' ). - grid->simple_form( title = 'Input' editable = abap_true + grid->simple_form( title = 'Input' + editable = abap_true )->content( 'form' )->label( 'Input with suggestion items' )->input( @@ -147,10 +154,11 @@ CLASS z2ui5_cl_demo_app_002 IMPLEMENTATION. showsuggestion = abap_true )->get( )->suggestion_items( )->get( )->list_item( - text = '{VALUE}' + text = '{VALUE}' additionaltext = '{DESCR}' ). - grid->simple_form( title = 'Time Inputs' editable = abap_true + grid->simple_form( title = 'Time Inputs' + editable = abap_true )->content( 'form' )->label( 'Date' )->date_picker( client->_bind_edit( screen-date ) @@ -163,7 +171,8 @@ CLASS z2ui5_cl_demo_app_002 IMPLEMENTATION. DATA(form) = grid->get_parent( )->get_parent( )->grid( 'L12 M12 S12' )->content( 'layout' - )->simple_form( title = 'Input with select options' editable = abap_true + )->simple_form( title = 'Input with select options' + editable = abap_true )->content( 'form' ). DATA(lv_test) = form->label( 'Checkbox' @@ -181,7 +190,7 @@ CLASS z2ui5_cl_demo_app_002 IMPLEMENTATION. ( key = 'BLACK' text = 'red' ) ( key = 'GRAY' text = 'gray' ) ) ) )->item( - key = '{KEY}' + key = '{KEY}' text = '{TEXT}' )->get_parent( )->get_parent( ). @@ -194,40 +203,39 @@ CLASS z2ui5_cl_demo_app_002 IMPLEMENTATION. ( key = 'BLACK' text = 'red' ) ( key = 'GRAY' text = 'gray' ) ) ) )->item( - key = '{KEY}' + key = '{KEY}' text = '{TEXT}' )->get_parent( )->get_parent( ). lv_test->label( 'Segmented Button' - )->segmented_button( selected_key = client->_bind_edit( screen-segment_key ) + )->segmented_button( selected_key = client->_bind_edit( screen-segment_key ) )->items( )->segmented_button_item( - key = 'BLUE' + key = 'BLUE' icon = 'sap-icon://accept' text = 'blue' )->segmented_button_item( - key = 'GREEN' + key = 'GREEN' icon = 'sap-icon://add-favorite' text = 'green' )->segmented_button_item( - key = 'BLACK' + key = 'BLACK' icon = 'sap-icon://attachment' text = 'black' - )->get_parent( )->get_parent( - - )->label( 'Switch disabled' - )->switch( + )->get_parent( )->get_parent( + )->label( 'Switch disabled' + )->switch( enabled = abap_false customtexton = 'A' customtextoff = 'B' - )->label( 'Switch accept/reject' - )->switch( + )->label( 'Switch accept/reject' + )->switch( state = client->_bind_edit( screen-check_switch_01 ) customtexton = 'on' customtextoff = 'off' - type = 'AcceptReject' - )->label( 'Switch normal' - )->switch( + type = 'AcceptReject' + )->label( 'Switch normal' + )->switch( state = client->_bind_edit( screen-check_switch_02 ) customtexton = 'YES' customtextoff = 'NO' ). diff --git a/src/z2ui5_cl_demo_app_003.clas.abap b/src/z2ui5_cl_demo_app_003.clas.abap index 7df5d346..d57d8b03 100644 --- a/src/z2ui5_cl_demo_app_003.clas.abap +++ b/src/z2ui5_cl_demo_app_003.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_003 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_003 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. TYPES: BEGIN OF ty_row, @@ -27,7 +27,7 @@ ENDCLASS. CLASS Z2UI5_CL_DEMO_APP_003 IMPLEMENTATION. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. IF check_initialized = abap_false. check_initialized = abap_true. @@ -38,14 +38,13 @@ CLASS Z2UI5_CL_DEMO_APP_003 IMPLEMENTATION. ( title = 'row_03' info = 'working' descr = 'this is a description' icon = 'sap-icon://account' ) ( title = 'row_04' info = 'working' descr = 'this is a description' icon = 'sap-icon://account' ) ( title = 'row_05' info = 'completed' descr = 'this is a description' icon = 'sap-icon://account' ) - ( title = 'row_06' info = 'completed' descr = 'this is a description' icon = 'sap-icon://account' ) - ). + ( title = 'row_06' info = 'completed' descr = 'this is a description' icon = 'sap-icon://account' ) ). DATA(view) = z2ui5_cl_xml_view=>factory( ). DATA(page) = view->shell( )->page( - title = 'abap2UI5 - List' - navbuttonpress = client->_event( 'BACK' ) + title = 'abap2UI5 - List' + navbuttonpress = client->_event( 'BACK' ) shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). page->list( @@ -59,8 +58,7 @@ CLASS Z2UI5_CL_DEMO_APP_003 IMPLEMENTATION. icon = '{ICON}' info = '{INFO}' press = client->_event( 'TEST' ) - selected = `{SELECTED}` - ). + selected = `{SELECTED}` ). client->view_display( view->stringify( ) ). diff --git a/src/z2ui5_cl_demo_app_004.clas.abap b/src/z2ui5_cl_demo_app_004.clas.abap index 24318333..84dc3ffe 100644 --- a/src/z2ui5_cl_demo_app_004.clas.abap +++ b/src/z2ui5_cl_demo_app_004.clas.abap @@ -65,13 +65,13 @@ CLASS z2ui5_cl_demo_app_004 IMPLEMENTATION. DATA(view) = z2ui5_cl_xml_view=>factory( ). DATA(page) = view->shell( )->page( - title = 'abap2UI5 - Controller' - navbuttonpress = client->_event( val = 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - ). + title = 'abap2UI5 - Controller' + navbuttonpress = client->_event( val = 'BACK' ) + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). page->grid( 'L6 M12 S12' )->content( 'layout' - )->simple_form( title = 'Controller' editable = abap_true )->content( 'form' + )->simple_form( title = 'Controller' + editable = abap_true )->content( 'form' )->label( 'Roundtrip' )->button( text = 'Client/Server Interaction' @@ -100,10 +100,9 @@ CLASS z2ui5_cl_demo_app_004 IMPLEMENTATION. DATA(view) = z2ui5_cl_xml_view=>factory( ). DATA(page) = view->shell( )->page( - title = 'abap2UI5 - Controller' - navbuttonpress = client->_event( 'BACK' ) - shownavbutton = abap_true - ). + title = 'abap2UI5 - Controller' + navbuttonpress = client->_event( 'BACK' ) + shownavbutton = abap_true ). page->grid( 'L12 M12 S12' )->content( 'layout' )->simple_form( 'View Second' )->content( 'form' diff --git a/src/z2ui5_cl_demo_app_005.clas.abap b/src/z2ui5_cl_demo_app_005.clas.abap index 06cfb506..a813b80e 100644 --- a/src/z2ui5_cl_demo_app_005.clas.abap +++ b/src/z2ui5_cl_demo_app_005.clas.abap @@ -41,12 +41,12 @@ CLASS z2ui5_cl_demo_app_005 IMPLEMENTATION. )->page( title = 'abap2UI5 - Range Slider Example' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - ). + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). DATA(grid) = page->grid( 'L12 M12 S12' )->content( 'layout' ). - grid->simple_form( title = 'More Controls' editable = abap_true )->content( 'form' + grid->simple_form( title = 'More Controls' + editable = abap_true )->content( 'form' )->label( 'Range Slider' )->range_slider( max = '100' @@ -60,8 +60,7 @@ CLASS z2ui5_cl_demo_app_005 IMPLEMENTATION. class = 'sapUiTinyMargin' value = client->_bind_edit( value1 ) value2 = client->_bind_edit( value2 ) - change = client->_event( 'SLIDER_CHANGE' ) - ). + change = client->_event( 'SLIDER_CHANGE' ) ). client->view_display( view->stringify( ) ). ENDMETHOD. diff --git a/src/z2ui5_cl_demo_app_006.clas.abap b/src/z2ui5_cl_demo_app_006.clas.abap index 82271b78..ddd6dc65 100644 --- a/src/z2ui5_cl_demo_app_006.clas.abap +++ b/src/z2ui5_cl_demo_app_006.clas.abap @@ -6,14 +6,14 @@ CLASS z2ui5_cl_demo_app_006 DEFINITION PUBLIC. TYPES: BEGIN OF ty_row, - count TYPE i, - value TYPE string, - descr TYPE string, - icon TYPE string, - info TYPE string, - checkbox TYPE abap_bool, - percentage(5) TYPE p DECIMALS 2, - valuecolor TYPE string, + count TYPE i, + value TYPE string, + descr TYPE string, + icon TYPE string, + info TYPE string, + checkbox TYPE abap_bool, + percentage TYPE p LENGTH 5 DECIMALS 2, + valuecolor TYPE string, END OF ty_row. DATA t_tab TYPE STANDARD TABLE OF ty_row WITH EMPTY KEY. @@ -72,10 +72,10 @@ CLASS z2ui5_cl_demo_app_006 IMPLEMENTATION. )->page( title = 'abap2UI5 - Scroll Container with Table and Toolbar' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - ). + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). - DATA(tab) = page->scroll_container( height = '70%' vertical = abap_true + DATA(tab) = page->scroll_container( height = '70%' + vertical = abap_true )->table( growing = abap_true growingthreshold = '20' @@ -93,22 +93,21 @@ CLASS z2ui5_cl_demo_app_006 IMPLEMENTATION. )->segmented_button( selected_key = mv_key )->items( )->segmented_button_item( - key = 'BLUE' + key = 'BLUE' icon = 'sap-icon://accept' text = 'blue' )->segmented_button_item( - key = 'GREEN' + key = 'GREEN' icon = 'sap-icon://add-favorite' text = 'green' )->get_parent( )->get_parent( )->toolbar_spacer( )->button( - icon = 'sap-icon://sort-descending' + icon = 'sap-icon://sort-descending' press = client->_event( 'SORT_DESCENDING' ) )->button( - icon = 'sap-icon://sort-ascending' - press = client->_event( 'SORT_ASCENDING' ) - ). + icon = 'sap-icon://sort-ascending' + press = client->_event( 'SORT_ASCENDING' ) ). tab->columns( )->column( @@ -128,9 +127,9 @@ CLASS z2ui5_cl_demo_app_006 IMPLEMENTATION. )->text( '{VALUE}' )->text( '{INFO}' )->text( '{DESCR}' - )->checkbox( selected = '{CHECKBOX}' enabled = abap_false - )->text( '{COUNT}' - ). + )->checkbox( selected = '{CHECKBOX}' + enabled = abap_false + )->text( '{COUNT}' ). client->view_display( view->stringify( ) ). diff --git a/src/z2ui5_cl_demo_app_008.clas.abap b/src/z2ui5_cl_demo_app_008.clas.abap index 54fcbf6c..2f4782fd 100644 --- a/src/z2ui5_cl_demo_app_008.clas.abap +++ b/src/z2ui5_cl_demo_app_008.clas.abap @@ -2,7 +2,7 @@ CLASS z2ui5_cl_demo_app_008 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA check_strip_active TYPE abap_bool. DATA strip_type TYPE string. @@ -16,35 +16,42 @@ ENDCLASS. CLASS z2ui5_cl_demo_app_008 IMPLEMENTATION. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. CASE client->get( )-event. WHEN 'BUTTON_MESSAGE_BOX_CONFIRM'. - client->message_box_display( text = 'Approve purchase order 12345?' type = 'confirm' ). + client->message_box_display( text = 'Approve purchase order 12345?' + type = 'confirm' ). WHEN 'BUTTON_MESSAGE_BOX_ALERT'. - client->message_box_display( text = 'The quantity you have reported exceeds the quantity planned.' type = 'alert' ). + client->message_box_display( text = 'The quantity you have reported exceeds the quantity planned.' + type = 'alert' ). WHEN 'BUTTON_MESSAGE_BOX_ERROR'. - client->message_box_display( text = 'Select a team in the "Development" area.' && cl_abap_char_utilities=>cr_lf && + client->message_box_display( text = 'Select a team in the "Development" area.' && cl_abap_char_utilities=>cr_lf && '"Marketing" isn’t assigned to this area.' type = 'error' ). WHEN 'BUTTON_MESSAGE_BOX_INFO'. client->message_box_display( 'Your booking will be reserved for 24 hours.' ). WHEN 'BUTTON_MESSAGE_BOX_WARNING'. - client->message_box_display( text = 'The project schedule was last updated over a year ago.' type = 'warning' ). + client->message_box_display( text = 'The project schedule was last updated over a year ago.' + type = 'warning' ). WHEN 'BUTTON_MESSAGE_BOX_SUCCESS'. - client->message_box_display( text = 'Project 1234567 was created and assigned to team "ABC".' type = 'success' ). + client->message_box_display( text = 'Project 1234567 was created and assigned to team "ABC".' + type = 'success' ). WHEN 'BUTTON_MESSAGE_TOAST'. client->message_toast_display( 'this is a message toast' ). WHEN 'BUTTON_MESSAGE_TOAST2'. - client->message_toast_display( text = 'this is a message toast' at = 'left bottom' - offset = '0 -15' animationtimingfunction = `ease-in` class = 'my-style' ). + client->message_toast_display( text = 'this is a message toast' + at = 'left bottom' + offset = '0 -15' + animationtimingfunction = `ease-in` + class = 'my-style' ). WHEN 'BUTTON_MESSAGE_STRIP_INFO'. check_strip_active = abap_true. @@ -64,19 +71,21 @@ CLASS z2ui5_cl_demo_app_008 IMPLEMENTATION. ENDCASE. DATA(view) = z2ui5_cl_xml_view=>factory( ). - view->_generic( ns = `html` name = `style` )->_cc_plain_xml( `.my-style{ background: black !important; opacity: 0.6; color: white; }` ). + view->_generic( ns = `html` + name = `style` )->_cc_plain_xml( `.my-style{ background: black !important; opacity: 0.6; color: white; }` ). DATA(page) = view->shell( )->page( - title = 'abap2UI5 - Messages' - navbuttonpress = client->_event( 'BACK' ) + title = 'abap2UI5 - Messages' + navbuttonpress = client->_event( 'BACK' ) shownavbutton = abap_true )->header_content( )->link( )->get_parent( ). IF check_strip_active = abap_true. - page->message_strip( text = 'This is a Message Strip' type = strip_type ). + page->message_strip( text = 'This is a Message Strip' + type = strip_type ). ENDIF. page->grid( 'L6 M12 S12' @@ -105,23 +114,23 @@ CLASS z2ui5_cl_demo_app_008 IMPLEMENTATION. )->content( 'layout' )->simple_form( 'Message Strip' )->content( 'form' )->button( - text = 'success' + text = 'success' press = client->_event( 'BUTTON_MESSAGE_STRIP_SUCCESS' ) )->button( - text = 'error' + text = 'error' press = client->_event( 'BUTTON_MESSAGE_STRIP_ERROR' ) )->button( - text = 'information' + text = 'information' press = client->_event( 'BUTTON_MESSAGE_STRIP_INFO' ) ). page->grid( 'L6 M12 S12' )->content( 'layout' )->simple_form( 'Display' )->content( 'form' )->button( - text = 'Message Toast' + text = 'Message Toast' press = client->_event( 'BUTTON_MESSAGE_TOAST' ) )->button( - text = 'Message Toast Customized' + text = 'Message Toast Customized' press = client->_event( 'BUTTON_MESSAGE_TOAST2' ) ). diff --git a/src/z2ui5_cl_demo_app_009.clas.abap b/src/z2ui5_cl_demo_app_009.clas.abap index 03499d2d..e56a4c02 100644 --- a/src/z2ui5_cl_demo_app_009.clas.abap +++ b/src/z2ui5_cl_demo_app_009.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_009 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_009 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA: BEGIN OF screen, @@ -48,20 +48,20 @@ CLASS Z2UI5_CL_DEMO_APP_009 DEFINITION PUBLIC. DATA mv_view_popup TYPE string. METHODS popup_f4_table IMPORTING - client TYPE REF TO Z2UI5_if_client. + client TYPE REF TO z2ui5_if_client. METHODS popup_f4_table_custom IMPORTING - client TYPE REF TO Z2UI5_if_client. + client TYPE REF TO z2ui5_if_client. PROTECTED SECTION. - METHODS Z2UI5_on_rendering + METHODS z2ui5_on_rendering IMPORTING - client TYPE REF TO Z2UI5_if_client. + client TYPE REF TO z2ui5_if_client. - METHODS Z2UI5_on_event + METHODS z2ui5_on_event IMPORTING - client TYPE REF TO Z2UI5_if_client. - METHODS Z2UI5_on_init. + client TYPE REF TO z2ui5_if_client. + METHODS z2ui5_on_init. PRIVATE SECTION. @@ -74,10 +74,10 @@ CLASS Z2UI5_CL_DEMO_APP_009 IMPLEMENTATION. METHOD popup_f4_table. - DATA(popup) = Z2UI5_cl_xml_view=>factory_popup( ). + DATA(popup) = z2ui5_cl_xml_view=>factory_popup( ). popup->dialog( 'abap2UI5 - F4 Value Help' - )->table( + )->table( mode = 'SingleSelectLeft' items = client->_bind_edit( mt_suggestion_sel ) )->columns( @@ -91,8 +91,8 @@ CLASS Z2UI5_CL_DEMO_APP_009 IMPLEMENTATION. )->cells( )->text( '{VALUE}' )->text( '{DESCR}' - )->get_parent( )->get_parent( )->get_parent( )->get_parent( - )->buttons( + )->get_parent( )->get_parent( )->get_parent( )->get_parent( + )->buttons( )->button( text = 'continue' press = client->_event( 'POPUP_TABLE_F4_CONTINUE' ) @@ -104,7 +104,7 @@ CLASS Z2UI5_CL_DEMO_APP_009 IMPLEMENTATION. METHOD popup_f4_table_custom. - DATA(popup2) = Z2UI5_cl_xml_view=>factory_popup( ). + DATA(popup2) = z2ui5_cl_xml_view=>factory_popup( ). popup2 = popup2->dialog( 'abap2UI5 - F4 Value Help' ). @@ -116,8 +116,8 @@ CLASS Z2UI5_CL_DEMO_APP_009 IMPLEMENTATION. showsuggestion = abap_true )->get( )->suggestion_items( )->get( )->list_item( - text = '{VALUE}' - additionaltext = '{DESCR}' + text = '{VALUE}' + additionaltext = '{DESCR}' )->get_parent( )->get_parent( )->button( text = 'search...' @@ -155,22 +155,22 @@ CLASS Z2UI5_CL_DEMO_APP_009 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. CLEAR mv_view_popup. IF check_initialized = abap_false. check_initialized = abap_true. - Z2UI5_on_init( ). + z2ui5_on_init( ). ENDIF. - Z2UI5_on_event( client ). + z2ui5_on_event( client ). - Z2UI5_on_rendering( client ). + z2ui5_on_rendering( client ). ENDMETHOD. - METHOD Z2UI5_on_event. + METHOD z2ui5_on_event. CASE client->get( )-event. @@ -220,7 +220,7 @@ CLASS Z2UI5_CL_DEMO_APP_009 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_on_init. + METHOD z2ui5_on_init. mt_suggestion = VALUE #( ( descr = 'this is the color Green' value = 'GREEN' ) @@ -293,15 +293,14 @@ CLASS Z2UI5_CL_DEMO_APP_009 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_on_rendering. + METHOD z2ui5_on_rendering. DATA(view) = z2ui5_cl_xml_view=>factory( ). DATA(page) = view->shell( )->page( title = 'abap2UI5 - Value Help Examples' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - ). + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). DATA(form) = page->grid( 'L7 M7 S7' )->content( 'layout' @@ -374,7 +373,7 @@ CLASS Z2UI5_CL_DEMO_APP_009 IMPLEMENTATION. ENDCASE. client->view_display( page->stringify( ) ). -* client->popup_display( popup->stringify( ) ). + ENDMETHOD. ENDCLASS. diff --git a/src/z2ui5_cl_demo_app_010.clas.abap b/src/z2ui5_cl_demo_app_010.clas.abap index d4fdbac4..e5c8b2ae 100644 --- a/src/z2ui5_cl_demo_app_010.clas.abap +++ b/src/z2ui5_cl_demo_app_010.clas.abap @@ -1,7 +1,7 @@ -CLASS Z2UI5_CL_DEMO_APP_010 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_010 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. PROTECTED SECTION. PRIVATE SECTION. @@ -12,7 +12,7 @@ ENDCLASS. CLASS Z2UI5_CL_DEMO_APP_010 IMPLEMENTATION. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. CASE client->get( )-event. WHEN 'BACK'. @@ -23,61 +23,69 @@ CLASS Z2UI5_CL_DEMO_APP_010 IMPLEMENTATION. )->page( title = 'abap2UI5 - Demo Layout' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - ). + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). page->header_content( - )->button( text = 'button' - ). + )->button( text = 'button' ). page->sub_header( )->overflow_toolbar( )->button( text = 'button' )->text( 'text' - )->link( text = 'link' href = 'https://twitter.com/abap2UI5' + )->link( text = 'link' + href = 'https://twitter.com/abap2UI5' )->toolbar_spacer( )->text( 'subheader' )->toolbar_spacer( )->button( text = 'button' )->text( 'text' - )->link( text = 'link' href = 'https://twitter.com/abap2UI5' ). + )->link( text = 'link' + href = 'https://twitter.com/abap2UI5' ). DATA(grid) = page->grid( 'L4 M4 S4' )->content( 'layout' ). grid->simple_form( 'Grid width 33%' )->content( 'form' )->button( text = 'button' )->text( 'text' - )->link( text = 'link' href = 'https://twitter.com/abap2UI5' ). + )->link( text = 'link' + href = 'https://twitter.com/abap2UI5' ). grid->simple_form( 'Grid width 33%' )->content( 'form' )->button( text = 'button' )->text( 'text' - )->link( text = 'link' href = 'https://twitter.com/abap2UI5' ). + )->link( text = 'link' + href = 'https://twitter.com/abap2UI5' ). grid->simple_form( 'Grid width 33%' )->content( 'form' )->button( text = 'button' )->text( 'text' - )->link( text = 'link' href = 'https://twitter.com/abap2UI5' ). + )->link( text = 'link' + href = 'https://twitter.com/abap2UI5' ). grid = page->grid( 'L12 M12 S12' )->content( 'layout' ). grid->simple_form( 'grid width 100%' )->content( 'form' )->button( text = 'button' )->text( 'text' - )->link( text = 'link' href = 'https://twitter.com/abap2UI5' ). + )->link( text = 'link' + href = 'https://twitter.com/abap2UI5' ). page->footer( )->overflow_toolbar( )->button( text = 'button' )->text( 'text' - )->link( text = 'link' href = 'https://twitter.com/abap2UI5' + )->link( text = 'link' + href = 'https://twitter.com/abap2UI5' )->toolbar_spacer( )->text( 'footer' )->toolbar_spacer( )->text( 'text' - )->link( text = 'link' href = 'https://twitter.com/abap2UI5' - )->button( text = 'reject' type = 'Reject' - )->button( text = 'accept' type = 'Success' ). + )->link( text = 'link' + href = 'https://twitter.com/abap2UI5' + )->button( text = 'reject' + type = 'Reject' + )->button( text = 'accept' + type = 'Success' ). client->view_display( page->stringify( ) ). diff --git a/src/z2ui5_cl_demo_app_011.clas.abap b/src/z2ui5_cl_demo_app_011.clas.abap index f197339e..8d53fc46 100644 --- a/src/z2ui5_cl_demo_app_011.clas.abap +++ b/src/z2ui5_cl_demo_app_011.clas.abap @@ -37,8 +37,8 @@ CLASS z2ui5_cl_demo_app_011 IMPLEMENTATION. DATA(view) = z2ui5_cl_xml_view=>factory( ). DATA(page) = view->shell( )->page( - title = 'abap2UI5 - Tables and editable' - navbuttonpress = client->_event( 'BACK' ) + title = 'abap2UI5 - Tables and editable' + navbuttonpress = client->_event( 'BACK' ) shownavbutton = abap_true ). DATA(tab) = page->table( @@ -79,11 +79,16 @@ CLASS z2ui5_cl_demo_app_011 IMPLEMENTATION. tab->items( )->column_list_item( selected = '{SELKZ}' )->cells( - )->input( value = '{TITLE}' enabled = `{EDITABLE}` - )->input( value = '{VALUE}' enabled = `{EDITABLE}` - )->input( value = '{INFO}' enabled = `{EDITABLE}` - )->input( value = '{DESCR}' enabled = `{EDITABLE}` - )->checkbox( selected = '{CHECKBOX}' enabled = `{EDITABLE}` ). + )->input( value = '{TITLE}' + enabled = `{EDITABLE}` + )->input( value = '{VALUE}' + enabled = `{EDITABLE}` + )->input( value = '{INFO}' + enabled = `{EDITABLE}` + )->input( value = '{DESCR}' + enabled = `{EDITABLE}` + )->checkbox( selected = '{CHECKBOX}' + enabled = `{EDITABLE}` ). client->view_display( view->stringify( ) ). @@ -104,8 +109,7 @@ CLASS z2ui5_cl_demo_app_011 IMPLEMENTATION. ( title = 'entry 03' value = 'green' info = 'completed' descr = 'this is a description' checkbox = abap_true ) ( title = 'entry 04' value = 'orange' info = 'completed' descr = '' checkbox = abap_true ) ( title = 'entry 05' value = 'grey' info = 'completed' descr = 'this is a description' checkbox = abap_true ) - ( ) - ). + ( ) ). set_view( ). RETURN. diff --git a/src/z2ui5_cl_demo_app_012.clas.abap b/src/z2ui5_cl_demo_app_012.clas.abap index 66bc1fc2..1ecd2750 100644 --- a/src/z2ui5_cl_demo_app_012.clas.abap +++ b/src/z2ui5_cl_demo_app_012.clas.abap @@ -1,10 +1,10 @@ -CLASS Z2UI5_CL_DEMO_APP_012 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_012 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. - DATA client TYPE REF TO Z2UI5_if_client. + DATA client TYPE REF TO z2ui5_if_client. DATA mv_check_popup TYPE abap_bool. METHODS ui5_popup_decide. @@ -22,7 +22,7 @@ CLASS Z2UI5_CL_DEMO_APP_012 IMPLEMENTATION. METHOD ui5_popup_decide. - DATA(popup) = Z2UI5_cl_xml_view=>factory_popup( ). + DATA(popup) = z2ui5_cl_xml_view=>factory_popup( ). popup->dialog( 'Popup - Decide' )->vbox( )->text( 'this is a popup to decide, you have to make a decision now...' @@ -43,7 +43,7 @@ CLASS Z2UI5_CL_DEMO_APP_012 IMPLEMENTATION. METHOD ui5_popup_info_frontend_close. - DATA(popup) = Z2UI5_cl_xml_view=>factory_popup( ). + DATA(popup) = z2ui5_cl_xml_view=>factory_popup( ). popup->dialog( 'Popup - Info' )->vbox( )->text( 'this is an information, press close to go back to the main view without a server roundtrip' @@ -65,8 +65,7 @@ CLASS Z2UI5_CL_DEMO_APP_012 IMPLEMENTATION. DATA(page) = lo_main->page( title = 'abap2UI5 - Popups' navbuttonpress = client->_event( val = 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - ). + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). DATA(grid) = page->grid( 'L7 M12 S12' )->content( 'layout' )->simple_form( 'Popup in same App' )->content( 'form' @@ -103,7 +102,7 @@ CLASS Z2UI5_CL_DEMO_APP_012 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. me->client = client. @@ -113,7 +112,7 @@ CLASS Z2UI5_CL_DEMO_APP_012 IMPLEMENTATION. IF mv_check_popup = abap_true. mv_check_popup = abap_false. - DATA(app) = CAST Z2UI5_CL_DEMO_APP_020( client->get_app( client->get( )-s_draft-id_prev_app ) ). + DATA(app) = CAST z2ui5_cl_demo_app_020( client->get_app( client->get( )-s_draft-id_prev_app ) ). client->message_toast_display( app->mv_event && ` pressed` ). ENDIF. @@ -146,7 +145,7 @@ CLASS Z2UI5_CL_DEMO_APP_012 IMPLEMENTATION. WHEN 'BUTTON_POPUP_05'. mv_check_popup = abap_true. client->view_destroy( ). - client->nav_app_call( Z2UI5_CL_DEMO_APP_020=>factory( + client->nav_app_call( z2ui5_cl_demo_app_020=>factory( i_text = '(new app )this is a popup to decide, the text is send from the previous app and the answer will be send back' i_cancel_text = 'Cancel ' i_cancel_event = 'POPUP_DECIDE_CANCEL' @@ -156,7 +155,7 @@ CLASS Z2UI5_CL_DEMO_APP_012 IMPLEMENTATION. WHEN 'BUTTON_POPUP_06'. mv_check_popup = abap_true. - client->nav_app_call( Z2UI5_CL_DEMO_APP_020=>factory( + client->nav_app_call( z2ui5_cl_demo_app_020=>factory( i_text = '(new app )this is a popup to decide, the text is send from the previous app and the answer will be send back' i_cancel_text = 'Cancel' i_cancel_event = 'POPUP_DECIDE_CANCEL' diff --git a/src/z2ui5_cl_demo_app_013.clas.abap b/src/z2ui5_cl_demo_app_013.clas.abap index c430ec3c..0795e9c9 100644 --- a/src/z2ui5_cl_demo_app_013.clas.abap +++ b/src/z2ui5_cl_demo_app_013.clas.abap @@ -38,9 +38,9 @@ CLASS Z2UI5_CL_DEMO_APP_013 IMPLEMENTATION. DATA(container) = z2ui5_cl_xml_view=>factory( )->shell( )->page( - title = 'abap2UI5 - Visualization' + title = 'abap2UI5 - Visualization' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = abap_true + shownavbutton = abap_true )->tab_container( ). DATA(grid) = container->tab( @@ -49,8 +49,9 @@ CLASS Z2UI5_CL_DEMO_APP_013 IMPLEMENTATION. )->grid( 'XL6 L6 M6 S12' ). grid->link( - text = 'Go to the SAP Demos for Interactive Donut Charts here...' target = '_blank' - href = 'https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.microchart.InteractiveDonutChart/sample/sap.suite.ui.microchart.sample.InteractiveDonutChart' + text = 'Go to the SAP Demos for Interactive Donut Charts here...' + target = '_blank' + href = 'https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.microchart.InteractiveDonutChart/sample/sap.suite.ui.microchart.sample.InteractiveDonutChart' )->text( text = 'Three segments' class = 'sapUiSmallMargin' @@ -66,9 +67,18 @@ CLASS Z2UI5_CL_DEMO_APP_013 IMPLEMENTATION. )->items( )->interact_donut_chart( selectionchanged = client->_event( 'DONUT_CHANGED' ) )->segments( ). - seg->interact_donut_chart_segment( selected = client->_bind( mv_sel4 ) label = 'Impl. Phase' value = '40.0' displayedvalue = '40.0%' ). - seg->interact_donut_chart_segment( selected = client->_bind( mv_sel5 ) label = 'Design Phase' value = '21.5' displayedvalue = '21.5%' ). - seg->interact_donut_chart_segment( selected = client->_bind( mv_sel6 ) label = 'Test Phase' value = '38.5' displayedvalue = '38.5%' ). + seg->interact_donut_chart_segment( selected = client->_bind( mv_sel4 ) + label = 'Impl. Phase' + value = '40.0' + displayedvalue = '40.0%' ). + seg->interact_donut_chart_segment( selected = client->_bind( mv_sel5 ) + label = 'Design Phase' + value = '21.5' + displayedvalue = '21.5%' ). + seg->interact_donut_chart_segment( selected = client->_bind( mv_sel6 ) + label = 'Test Phase' + value = '38.5' + displayedvalue = '38.5%' ). grid->text( text = 'Four segments' @@ -86,10 +96,18 @@ CLASS Z2UI5_CL_DEMO_APP_013 IMPLEMENTATION. press = client->_event( 'DONUT_PRESS' ) displayedsegments = '4' )->segments( ). - seg->interact_donut_chart_segment( label = 'Design Phase' value = '32.0' displayedvalue = '32.0%' ). - seg->interact_donut_chart_segment( label = 'Implementation Phase' value = '28' displayedvalue = '28%' ). - seg->interact_donut_chart_segment( label = 'Test Phase' value = '25' displayedvalue = '25%' ). - seg->interact_donut_chart_segment( label = 'Launch Phase' value = '15' displayedvalue = '15%' ). + seg->interact_donut_chart_segment( label = 'Design Phase' + value = '32.0' + displayedvalue = '32.0%' ). + seg->interact_donut_chart_segment( label = 'Implementation Phase' + value = '28' + displayedvalue = '28%' ). + seg->interact_donut_chart_segment( label = 'Test Phase' + value = '25' + displayedvalue = '25%' ). + seg->interact_donut_chart_segment( label = 'Launch Phase' + value = '15' + displayedvalue = '15%' ). grid->text( text = 'Error Messages' @@ -108,9 +126,15 @@ CLASS Z2UI5_CL_DEMO_APP_013 IMPLEMENTATION. errormessagetitle = 'No data' errormessage = 'Currently no data is available' )->segments( ). - seg->interact_donut_chart_segment( label = 'Implementation Phase' value = '40.0' displayedvalue = '40.0%' ). - seg->interact_donut_chart_segment( label = 'Design Phase' value = '21.5' displayedvalue = '21.5%' ). - seg->interact_donut_chart_segment( label = 'Test Phase' value = '38.5' displayedvalue = '38.5%' ). + seg->interact_donut_chart_segment( label = 'Implementation Phase' + value = '40.0' + displayedvalue = '40.0%' ). + seg->interact_donut_chart_segment( label = 'Design Phase' + value = '21.5' + displayedvalue = '21.5%' ). + seg->interact_donut_chart_segment( label = 'Test Phase' + value = '38.5' + displayedvalue = '38.5%' ). grid->text( text = 'Model Update Table Data' @@ -118,21 +142,22 @@ CLASS Z2UI5_CL_DEMO_APP_013 IMPLEMENTATION. )->get( )->layout_data( )->grid_data( 'XL12 L12 M12 S12' ). - DATA(donut_chart) = grid->button( text = `update chart` press = client->_event( 'UPDATE_CHART_DATA' ) )->get_parent( + DATA(donut_chart) = grid->button( text = `update chart` + press = client->_event( 'UPDATE_CHART_DATA' ) )->get_parent( )->flex_box( width = '30rem' height = '18rem' alignitems = 'Start' justifycontent = 'SpaceBetween' )->items( - )->interact_donut_chart( displayedsegments = client->_bind_edit( total_count ) segments = client->_bind_edit( counts ) ). + )->interact_donut_chart( displayedsegments = client->_bind_edit( total_count ) + segments = client->_bind_edit( counts ) ). - donut_chart->interact_donut_chart_segment( + donut_chart->interact_donut_chart_segment( label = `{TEXT}` value = `{PERCENT}` - displayedvalue = `{PERCENT}` - ). + displayedvalue = `{PERCENT}` ). client->view_display( container->stringify( ) ). @@ -150,16 +175,11 @@ CLASS Z2UI5_CL_DEMO_APP_013 IMPLEMENTATION. counts = VALUE #( ( text = '1st' percent = '10.0' ) ( text = '2nd' percent = '60.0' ) - ( text = '3rd' percent = '30.0' ) - ). + ( text = '3rd' percent = '30.0' ) ). total_count = lines( counts ). -* DATA(lv_version) = to_upper( client->get( )-s_config-version ). -* IF lv_version CS `OPEN`. -* client->message_box_display( text = `Charts are not avalaible with OpenUI5, change your UI5 library first` type = `error` ). -* client->nav_app_leave( ). -* ENDIF. + render_tab_donut( ). ENDIF. @@ -171,8 +191,7 @@ CLASS Z2UI5_CL_DEMO_APP_013 IMPLEMENTATION. ( text = '1st' percent = '60.0' ) ( text = '2nd' percent = '10.0' ) ( text = '3rd' percent = '15.0' ) - ( text = '4th' percent = '15.0' ) - ). + ( text = '4th' percent = '15.0' ) ). total_count = lines( counts ). diff --git a/src/z2ui5_cl_demo_app_014.clas.abap b/src/z2ui5_cl_demo_app_014.clas.abap index b3b22736..5e522733 100644 --- a/src/z2ui5_cl_demo_app_014.clas.abap +++ b/src/z2ui5_cl_demo_app_014.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_014 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_014 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA check_initialized TYPE abap_bool. @@ -15,7 +15,7 @@ CLASS Z2UI5_CL_DEMO_APP_014 DEFINITION PUBLIC. DATA mv_tab_line_active TYPE abap_bool. METHODS render_tab_line. - DATA client TYPE REF TO Z2UI5_if_client. + DATA client TYPE REF TO z2ui5_if_client. PROTECTED SECTION. PRIVATE SECTION. @@ -32,17 +32,19 @@ CLASS Z2UI5_CL_DEMO_APP_014 IMPLEMENTATION. DATA(container) = view->shell( )->page( - title = 'abap2UI5 - Visualization' + title = 'abap2UI5 - Visualization' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = abap_true + shownavbutton = abap_true )->tab_container( ). - DATA(tab) = container->tab( text = 'Line Chart' selected = client->_bind( mv_tab_line_active ) ). + DATA(tab) = container->tab( text = 'Line Chart' + selected = client->_bind( mv_tab_line_active ) ). DATA(grid) = tab->grid( 'XL6 L6 M6 S12' ). grid->link( - text = 'Go to the SAP Demos for Interactive Line Charts here...' target = '_blank' - href = 'https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.microchart.InteractiveLineChart/sample/sap.suite.ui.microchart.sample.InteractiveLineChart' ). + text = 'Go to the SAP Demos for Interactive Line Charts here...' + target = '_blank' + href = 'https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.microchart.InteractiveLineChart/sample/sap.suite.ui.microchart.sample.InteractiveLineChart' ). grid->text( text = 'Absolute and Percentage values' @@ -56,17 +58,32 @@ CLASS Z2UI5_CL_DEMO_APP_014 IMPLEMENTATION. height = '13rem' alignitems = 'Center' class = 'sapUiSmallMargin' - )->items( )->interact_line_chart( + )->items( )->interact_line_chart( selectionchanged = client->_event( 'LINE_CHANGED' ) precedingpoint = '15' succeddingpoint = '89' )->points( ). - point->interact_line_chart_point( selected = client->_bind( mv_sel7 ) label = 'May' value = '33.1' secondarylabel = 'Q2' ). - point->interact_line_chart_point( selected = client->_bind( mv_sel8 ) label = 'June' value = '12' ). - point->interact_line_chart_point( selected = client->_bind( mv_sel9 ) label = 'July' value = '51.4' secondarylabel = 'Q3' ). - point->interact_line_chart_point( selected = client->_bind( mv_sel10 ) label = 'Aug' value = '52' ). - point->interact_line_chart_point( selected = client->_bind( mv_sel11 ) label = 'Sep' value = '69.9' ). - point->interact_line_chart_point( selected = client->_bind( mv_sel12 ) label = 'Oct' value = '0.9' secondarylabel = 'Q4' ). + point->interact_line_chart_point( selected = client->_bind( mv_sel7 ) + label = 'May' + value = '33.1' + secondarylabel = 'Q2' ). + point->interact_line_chart_point( selected = client->_bind( mv_sel8 ) + label = 'June' + value = '12' ). + point->interact_line_chart_point( selected = client->_bind( mv_sel9 ) + label = 'July' + value = '51.4' + secondarylabel = 'Q3' ). + point->interact_line_chart_point( selected = client->_bind( mv_sel10 ) + label = 'Aug' + value = '52' ). + point->interact_line_chart_point( selected = client->_bind( mv_sel11 ) + label = 'Sep' + value = '69.9' ). + point->interact_line_chart_point( selected = client->_bind( mv_sel12 ) + label = 'Oct' + value = '0.9' + secondarylabel = 'Q4' ). point = grid->flex_box( width = '22rem' @@ -75,16 +92,31 @@ CLASS Z2UI5_CL_DEMO_APP_014 IMPLEMENTATION. class = 'SpaceBetween' )->items( )->interact_line_chart( - selectionchanged = client->_event( 'LINE_CHANGED' ) - press = client->_event( 'LINE_PRESS' ) - precedingpoint = '-20' + selectionchanged = client->_event( 'LINE_CHANGED' ) + press = client->_event( 'LINE_PRESS' ) + precedingpoint = '-20' )->points( ). - point->interact_line_chart_point( label = 'May' value = '33.1' displayedvalue = '33.1%' secondarylabel = '2015' ). - point->interact_line_chart_point( label = 'June' value = '2.2' displayedvalue = '2.2%' secondarylabel = '2015' ). - point->interact_line_chart_point( label = 'July' value = '51.4' displayedvalue = '51.4%' secondarylabel = '2015' ). - point->interact_line_chart_point( label = 'Aug' value = '19.9' displayedvalue = '19.9%' ). - point->interact_line_chart_point( label = 'Sep' value = '69.9' displayedvalue = '69.9%' ). - point->interact_line_chart_point( label = 'Oct' value = '0.9' displayedvalue = '9.9%' ). + point->interact_line_chart_point( label = 'May' + value = '33.1' + displayedvalue = '33.1%' + secondarylabel = '2015' ). + point->interact_line_chart_point( label = 'June' + value = '2.2' + displayedvalue = '2.2%' + secondarylabel = '2015' ). + point->interact_line_chart_point( label = 'July' + value = '51.4' + displayedvalue = '51.4%' + secondarylabel = '2015' ). + point->interact_line_chart_point( label = 'Aug' + value = '19.9' + displayedvalue = '19.9%' ). + point->interact_line_chart_point( label = 'Sep' + value = '69.9' + displayedvalue = '69.9%' ). + point->interact_line_chart_point( label = 'Oct' + value = '0.9' + displayedvalue = '9.9%' ). point = grid->vertical_layout( )->layout_data( ns = 'layout' @@ -100,33 +132,43 @@ CLASS Z2UI5_CL_DEMO_APP_014 IMPLEMENTATION. class = 'sapUiSmallMargin' )->items( )->interact_line_chart( - selectionchanged = client->_event( 'LINE_CHANGED' ) - press = client->_event( 'LINE_PRESS' ) + selectionchanged = client->_event( 'LINE_CHANGED' ) + press = client->_event( 'LINE_PRESS' ) )->points( ). - point->interact_line_chart_point( label = 'May' value = '33.1' displayedvalue = '33.1%' selected = abap_true ). - point->interact_line_chart_point( label = 'June' value = '2.2' displayedvalue = '2.2%' ). - point->interact_line_chart_point( label = 'July' value = '51.4' displayedvalue = '51.4%' ). - point->interact_line_chart_point( label = 'Aug' value = '19.9' displayedvalue = '19.9%' selected = abap_true ). - point->interact_line_chart_point( label = 'Sep' value = '69.9' displayedvalue = '69.9%' ). - point->interact_line_chart_point( label = 'Oct' value = '0.9' displayedvalue = '9.9%' ). + point->interact_line_chart_point( label = 'May' + value = '33.1' + displayedvalue = '33.1%' + selected = abap_true ). + point->interact_line_chart_point( label = 'June' + value = '2.2' + displayedvalue = '2.2%' ). + point->interact_line_chart_point( label = 'July' + value = '51.4' + displayedvalue = '51.4%' ). + point->interact_line_chart_point( label = 'Aug' + value = '19.9' + displayedvalue = '19.9%' + selected = abap_true ). + point->interact_line_chart_point( label = 'Sep' + value = '69.9' + displayedvalue = '69.9%' ). + point->interact_line_chart_point( label = 'Oct' + value = '0.9' + displayedvalue = '9.9%' ). client->view_display( view->stringify( ) ). ENDMETHOD. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. me->client = client. IF check_initialized = abap_false. check_initialized = abap_true. -* DATA(lv_version) = to_upper( client->get( )-s_config-version ). -* IF lv_version CS `OPEN`. -* client->message_box_display( text = `Charts are not avalaible with OpenUI5, change your UI5 library first` type = `error` ). -* client->nav_app_leave( ). -* ENDIF. + render_tab_line( ). ENDIF. diff --git a/src/z2ui5_cl_demo_app_016.clas.abap b/src/z2ui5_cl_demo_app_016.clas.abap index 4facded9..7ac7eeb1 100644 --- a/src/z2ui5_cl_demo_app_016.clas.abap +++ b/src/z2ui5_cl_demo_app_016.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_016 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_016 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA check_initialized TYPE abap_bool. @@ -14,7 +14,7 @@ CLASS Z2UI5_CL_DEMO_APP_016 DEFINITION PUBLIC. METHODS render_tab_bar. - DATA client TYPE REF TO Z2UI5_if_client. + DATA client TYPE REF TO z2ui5_if_client. PROTECTED SECTION. PRIVATE SECTION. @@ -31,10 +31,10 @@ CLASS Z2UI5_CL_DEMO_APP_016 IMPLEMENTATION. DATA(container) = view->shell( )->page( - showheader = xsdbool( abap_false = client->get( )-check_launchpad_active ) - title = 'abap2UI5 - Visualization' + showheader = xsdbool( abap_false = client->get( )-check_launchpad_active ) + title = 'abap2UI5 - Visualization' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = abap_true + shownavbutton = abap_true )->tab_container( ). DATA(grid) = container->tab( @@ -43,8 +43,9 @@ CLASS Z2UI5_CL_DEMO_APP_016 IMPLEMENTATION. )->grid( 'XL6 L6 M6 S12' ). grid->link( - text = 'Go to the SAP Demos for Interactive bar Charts here...' target = '_blank' - href = 'https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.microchart.InteractiveBarChart/sample/sap.suite.ui.microchart.sample.InteractiveBarChart' + text = 'Go to the SAP Demos for Interactive bar Charts here...' + target = '_blank' + href = 'https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.microchart.InteractiveBarChart/sample/sap.suite.ui.microchart.sample.InteractiveBarChart' )->text( text = 'Absolute and Percentage value' class = 'sapUiSmallMargin' @@ -62,9 +63,15 @@ CLASS Z2UI5_CL_DEMO_APP_016 IMPLEMENTATION. labelwidth = '25%' displayedbars = `4` )->bars( ). - bar->interact_bar_chart_bar( selected = client->_bind( mv_sel1 ) label = 'Product 1' value = '10' ). - bar->interact_bar_chart_bar( selected = client->_bind( mv_sel2 ) label = 'Product 2' value = '20' ). - bar->interact_bar_chart_bar( selected = client->_bind( mv_sel3 ) label = 'Product 3' value = '70' ). + bar->interact_bar_chart_bar( selected = client->_bind( mv_sel1 ) + label = 'Product 1' + value = '10' ). + bar->interact_bar_chart_bar( selected = client->_bind( mv_sel2 ) + label = 'Product 2' + value = '20' ). + bar->interact_bar_chart_bar( selected = client->_bind( mv_sel3 ) + label = 'Product 3' + value = '70' ). bar = grid->flex_box( width = '22rem' @@ -74,9 +81,15 @@ CLASS Z2UI5_CL_DEMO_APP_016 IMPLEMENTATION. )->items( )->interact_bar_chart( selectionchanged = client->_event( 'BAR_CHANGED' ) )->bars( ). - bar->interact_bar_chart_bar( label = 'Product 1' value = '10' displayedvalue = '10%' ). - bar->interact_bar_chart_bar( label = 'Product 2' value = '20' displayedvalue = '20%' ). - bar->interact_bar_chart_bar( label = 'Product 3' value = '70' displayedvalue = '70%' ). + bar->interact_bar_chart_bar( label = 'Product 1' + value = '10' + displayedvalue = '10%' ). + bar->interact_bar_chart_bar( label = 'Product 2' + value = '20' + displayedvalue = '20%' ). + bar->interact_bar_chart_bar( label = 'Product 3' + value = '70' + displayedvalue = '70%' ). bar = grid->vertical_layout( )->layout_data( 'layout' @@ -95,28 +108,26 @@ CLASS Z2UI5_CL_DEMO_APP_016 IMPLEMENTATION. press = client->_event( 'BAR_PRESS' ) labelwidth = '25%' )->bars( ). - bar->interact_bar_chart_bar( label = 'Product 1' value = '25' ). - bar->interact_bar_chart_bar( label = 'Product 2' value = '-50' ). - bar->interact_bar_chart_bar( label = 'Product 3' value = '-100' ). + bar->interact_bar_chart_bar( label = 'Product 1' + value = '25' ). + bar->interact_bar_chart_bar( label = 'Product 2' + value = '-50' ). + bar->interact_bar_chart_bar( label = 'Product 3' + value = '-100' ). client->view_display( view->stringify( ) ). ENDMETHOD. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. me->client = client. IF check_initialized = abap_false. check_initialized = abap_true. -* DATA(lv_version) = to_upper( client->get( )-s_config-version ). -* IF lv_version CS `OPEN`. -* client->message_box_display( text = `Charts are not available with OpenUI5, change your UI5 library first` type = `error` ). -* client->nav_app_leave( ). -* return. -* ENDIF. + render_tab_bar( ). ENDIF. diff --git a/src/z2ui5_cl_demo_app_017.clas.abap b/src/z2ui5_cl_demo_app_017.clas.abap index fa5c15c8..a9e46f0a 100644 --- a/src/z2ui5_cl_demo_app_017.clas.abap +++ b/src/z2ui5_cl_demo_app_017.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_017 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_017 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA check_initialized TYPE abap_bool. @@ -15,55 +15,56 @@ ENDCLASS. CLASS Z2UI5_CL_DEMO_APP_017 IMPLEMENTATION. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. - IF check_initialized = abap_false. - check_initialized = abap_true. + IF check_initialized = abap_false. + check_initialized = abap_true. - ENDIF. + ENDIF. - CASE client->get( )-event. + CASE client->get( )-event. - WHEN 'BUTTON_ROUNDTRIP'. - DATA(lv_dummy) = 'user pressed a button, your custom implementation can be called here'. + WHEN 'BUTTON_ROUNDTRIP'. + DATA(lv_dummy) = 'user pressed a button, your custom implementation can be called here'. - WHEN 'BUTTON_MSG_BOX'. - client->message_box_display( + WHEN 'BUTTON_MSG_BOX'. + client->message_box_display( text = 'this is a message box with a custom text' type = 'success' ). - WHEN 'BACK'. - client->nav_app_leave( ). + WHEN 'BACK'. + client->nav_app_leave( ). - ENDCASE. + ENDCASE. - DATA(view) = z2ui5_cl_xml_view=>factory( ). + DATA(view) = z2ui5_cl_xml_view=>factory( ). - DATA(page) = view->object_page_layout( + DATA(page) = view->object_page_layout( showtitleinheadercontent = abap_true showeditheaderbutton = abap_true - editheaderbuttonpress = client->_event( 'EDIT_HEADER_PRESS' ) - uppercaseanchorbar = abap_false - ). + editheaderbuttonpress = client->_event( 'EDIT_HEADER_PRESS' ) + uppercaseanchorbar = abap_false ). - DATA(header_title) = page->header_title( )->object_page_dyn_header_title( ). + DATA(header_title) = page->header_title( )->object_page_dyn_header_title( ). - header_title->expanded_heading( + header_title->expanded_heading( )->hbox( + )->title( text = 'Oblomov Dev' + wrapping = abap_true ). - )->title( text = 'Oblomov Dev' wrapping = abap_true ). - - header_title->snapped_heading( + header_title->snapped_heading( )->flex_box( alignitems = `Center` - )->avatar( src = lcl_help=>get_avatar( ) class = 'sapUiTinyMarginEnd' - )->title( text = 'Oblomov Dev' wrapping = abap_true ). + )->avatar( src = lcl_help=>get_avatar( ) + class = 'sapUiTinyMarginEnd' + )->title( text = 'Oblomov Dev' + wrapping = abap_true ). - header_title->expanded_content( ns = `uxap` )->text( `abap2UI5 Developer` ). - header_title->snapped_Content( ns = `uxap` )->text( `abap2UI5 Developer` ). - header_title->snapped_Title_On_Mobile( )->title( `abap2UI5 Developer` ). + header_title->expanded_content( ns = `uxap` )->text( `abap2UI5 Developer` ). + header_title->snapped_content( ns = `uxap` )->text( `abap2UI5 Developer` ). + header_title->snapped_title_on_mobile( )->title( `abap2UI5 Developer` ). - header_title->actions( ns = `uxap` )->overflow_toolbar( + header_title->actions( ns = `uxap` )->overflow_toolbar( )->overflow_toolbar_button( icon = `sap-icon://edit` text = 'edit header' @@ -75,116 +76,129 @@ CLASS Z2UI5_CL_DEMO_APP_017 IMPLEMENTATION. type = 'Emphasized' tooltip = 'pull-down' )->overflow_toolbar_button( - icon = `sap-icon://show` - text = 'show state' + icon = `sap-icon://show` + text = 'show state' tooltip = 'show' )->button( " icon = `sap-icon://edit` - text = 'Go Back' - press = client->_event( 'BACK' ) - ). + text = 'Go Back' + press = client->_event( 'BACK' ) ). - DATA(header_content) = page->header_Content( ns = 'uxap' ). + DATA(header_content) = page->header_content( ns = 'uxap' ). - header_content->flex_box( wrap = 'Wrap' - )->avatar( src = lcl_help=>get_avatar( ) class = 'sapUiSmallMarginEnd' displaySize = 'layout' + header_content->flex_box( wrap = 'Wrap' + )->avatar( src = lcl_help=>get_avatar( ) + class = 'sapUiSmallMarginEnd' + displaysize = 'layout' )->vertical_layout( class = 'sapUiSmallMarginBeginEnd' - )->link( text = '+33 6 4512 5158' - )->link( text = 'email@email.com' + )->link( text = '+33 6 4512 5158' + )->link( text = 'email@email.com' )->get_parent( )->horizontal_layout( class = 'sapUiSmallMarginBeginEnd' - )->label( text = 'Hello! I an abap2UI5 developer' - )->label( text = 'San Jose, USA' + )->label( text = 'Hello! I an abap2UI5 developer' + )->label( text = 'San Jose, USA' )->get_parent( )->vertical_layout( class = 'sapUiSmallMarginBeginEnd' - )->label( text = 'Hello! I an abap2UI5 developer' + )->label( text = 'Hello! I an abap2UI5 developer' )->vbox( )->label( 'Achived goals' - )->progress_indicator( percentvalue = '30%' displayvalue = '30%' - )->get_parent( )->get_parent( + )->progress_indicator( percentvalue = '30%' + displayvalue = '30%' + )->get_parent( )->get_parent( " )->avatar( src = lcl_help=>get_avatar( ) class = 'sapUiSmallMarginEnd' displaySize = 'layout' )->vertical_layout( class = 'sapUiSmallMarginBeginEnd' - )->label( text = 'San Jose, USA' - )->get_parent( - ). + )->label( text = 'San Jose, USA' + )->get_parent( ). - data(sections) = page->sections( ). + DATA(sections) = page->sections( ). - sections->object_page_section( titleuppercase = abap_false id = 'goalsSectionSS1' title = '2014 Goals Plan' + sections->object_page_section( titleuppercase = abap_false + id = 'goalsSectionSS1' + title = '2014 Goals Plan' )->heading( ns = `uxap` )->message_strip( text = 'this is a message strip' )->get_parent( )->sub_sections( - )->object_page_sub_section( id = 'goalssubSectionSS1' title = 'goals1' + )->object_page_sub_section( id = 'goalssubSectionSS1' + title = 'goals1' )->blocks( )->vbox( - )->label( text = 'goals1' - )->label( text = 'goals1' - )->label( text = 'goals1' - )->label( text = 'goals1' - )->label( text = 'goals1' - )->label( text = 'goals1' - )->label( text = 'goals1' - )->label( text = 'goals1' - )->label( text = 'goals1' - )->label( text = 'goals1' - - )->get_parent( )->get_parent( )->get_parent( - )->object_page_sub_section( id = 'goalsSectionWS1' title = 'goals2' + )->label( text = 'goals1' + )->label( text = 'goals1' + )->label( text = 'goals1' + )->label( text = 'goals1' + )->label( text = 'goals1' + )->label( text = 'goals1' + )->label( text = 'goals1' + )->label( text = 'goals1' + )->label( text = 'goals1' + )->label( text = 'goals1' + )->get_parent( )->get_parent( )->get_parent( + )->object_page_sub_section( id = 'goalsSectionWS1' + title = 'goals2' )->blocks( )->vbox( - )->label( text = 'goals2' - )->label( text = 'goals2' - )->label( text = 'goals2' - )->label( text = 'goals2' - )->label( text = 'goals2' - )->label( text = 'goals2' - )->label( text = 'goals2' - )->label( text = 'goals2' ). - - sections->object_page_section( titleuppercase = abap_false id = 'PersonalSection' title = 'Personal' + )->label( text = 'goals2' + )->label( text = 'goals2' + )->label( text = 'goals2' + )->label( text = 'goals2' + )->label( text = 'goals2' + )->label( text = 'goals2' + )->label( text = 'goals2' + )->label( text = 'goals2' ). + + sections->object_page_section( titleuppercase = abap_false + id = 'PersonalSection' + title = 'Personal' )->heading( ns = `uxap` " )->message_strip( text = 'this is a message strip' )->get_parent( )->sub_sections( - )->object_page_sub_section( id = 'personalSectionSS1' title = 'Connect' + )->object_page_sub_section( id = 'personalSectionSS1' + title = 'Connect' )->blocks( - )->label( text = 'telefon' - )->label( text = 'email' + )->label( text = 'telefon' + )->label( text = 'email' )->get_parent( )->get_parent( - )->object_page_sub_section( id = 'personalSectionWS2' title = 'Payment information ' + )->object_page_sub_section( id = 'personalSectionWS2' + title = 'Payment information ' )->blocks( - )->label( text = 'Hello! I an abap2UI5 developer' - )->label( text = 'San Jose, USA' ). + )->label( text = 'Hello! I an abap2UI5 developer' + )->label( text = 'San Jose, USA' ). - sections->object_page_section( titleuppercase = abap_false id = 'employmentSection' title = 'Employment' - )->heading( ns = `uxap` + sections->object_page_section( titleuppercase = abap_false + id = 'employmentSection' + title = 'Employment' + )->heading( ns = `uxap` " )->message_strip( text = 'this is a message strip' - )->get_parent( - )->sub_sections( - )->object_page_sub_section( id = 'empSectionSS1' title = 'Job information' + )->get_parent( + )->sub_sections( + )->object_page_sub_section( id = 'empSectionSS1' + title = 'Job information' )->blocks( - )->label( text = 'info' - )->label( text = 'info' - )->label( text = 'info' - )->label( text = 'info' - )->label( text = 'info' + )->label( text = 'info' + )->label( text = 'info' + )->label( text = 'info' + )->label( text = 'info' + )->label( text = 'info' )->get_parent( )->get_parent( - )->object_page_sub_section( id = 'empSectionWS2' title = 'Employee Details ' + )->object_page_sub_section( id = 'empSectionWS2' + title = 'Employee Details ' )->blocks( )->vbox( - )->label( text = 'details' - )->label( text = 'details' - )->label( text = 'details' - )->label( text = 'details' - )->label( text = 'details' - )->label( text = 'details' - )->label( text = 'details' - )->label( text = 'details' ). + )->label( text = 'details' + )->label( text = 'details' + )->label( text = 'details' + )->label( text = 'details' + )->label( text = 'details' + )->label( text = 'details' + )->label( text = 'details' + )->label( text = 'details' ). - client->view_display( view->stringify( ) ). + client->view_display( view->stringify( ) ). ENDMETHOD. + ENDCLASS. diff --git a/src/z2ui5_cl_demo_app_018.clas.abap b/src/z2ui5_cl_demo_app_018.clas.abap index 07df6a6f..d4ea9622 100644 --- a/src/z2ui5_cl_demo_app_018.clas.abap +++ b/src/z2ui5_cl_demo_app_018.clas.abap @@ -1,23 +1,23 @@ -CLASS Z2UI5_CL_DEMO_APP_018 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_018 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA quantity TYPE string. DATA mv_textarea TYPE string. PROTECTED SECTION. - DATA client TYPE REF TO Z2UI5_if_client. + DATA client TYPE REF TO z2ui5_if_client. DATA check_initialized TYPE abap_bool. - METHODS Z2UI5_on_init. - METHODS Z2UI5_on_event. + METHODS z2ui5_on_init. + METHODS z2ui5_on_event. - METHODS Z2UI5_display_view_main. - METHODS Z2UI5_display_view_second. - METHODS Z2UI5_display_popup_input. + METHODS z2ui5_display_view_main. + METHODS z2ui5_display_view_second. + METHODS z2ui5_display_popup_input. PRIVATE SECTION. ENDCLASS. @@ -27,12 +27,12 @@ ENDCLASS. CLASS Z2UI5_CL_DEMO_APP_018 IMPLEMENTATION. - METHOD Z2UI5_display_popup_input. + METHOD z2ui5_display_popup_input. - DATA(view) = Z2UI5_cl_xml_view=>factory_popup( ). + DATA(view) = z2ui5_cl_xml_view=>factory_popup( ). view->dialog( title = 'Title' - icon = 'sap-icon://edit' + icon = 'sap-icon://edit' )->content( )->text_area( height = '100%' @@ -44,7 +44,7 @@ CLASS Z2UI5_CL_DEMO_APP_018 IMPLEMENTATION. )->button( text = 'Confirm' press = client->_event( 'POPUP_CONFIRM' ) - type = 'Emphasized' ). + type = 'Emphasized' ). * )->get_parent( * )->footer( )->overflow_toolbar( * )->toolbar_spacer( @@ -61,15 +61,16 @@ CLASS Z2UI5_CL_DEMO_APP_018 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_display_view_main. + METHOD z2ui5_display_view_main. DATA(view) = z2ui5_cl_xml_view=>factory( ). view->shell( )->page( title = 'abap2UI5 - Template' navbuttonpress = client->_event( val = 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - )->simple_form( title = 'VIEW_MAIN' editable = abap_true + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) + )->simple_form( title = 'VIEW_MAIN' + editable = abap_true )->content( 'form' )->title( 'Input' )->label( 'quantity' @@ -98,18 +99,17 @@ CLASS Z2UI5_CL_DEMO_APP_018 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_display_view_second. + METHOD z2ui5_display_view_second. DATA(view) = z2ui5_cl_xml_view=>factory( ). view->shell( )->page( title = 'abap2UI5 - Template' navbuttonpress = client->_event( val = 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) )->simple_form( 'VIEW_SECOND' )->content( 'form' - - )->get_parent( )->get_parent( )->footer( + )->get_parent( )->get_parent( )->footer( )->overflow_toolbar( )->toolbar_spacer( )->overflow_toolbar_button( @@ -126,27 +126,27 @@ CLASS Z2UI5_CL_DEMO_APP_018 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. me->client = client. IF check_initialized = abap_false. check_initialized = abap_true. - Z2UI5_on_init( ). + z2ui5_on_init( ). RETURN. ENDIF. - Z2UI5_on_event( ). + z2ui5_on_event( ). ENDMETHOD. - METHOD Z2UI5_on_event. + METHOD z2ui5_on_event. CASE client->get( )-event. WHEN 'SHOW_POPUP'. - Z2UI5_display_popup_input( ). + z2ui5_display_popup_input( ). WHEN 'POPUP_CONFIRM'. client->message_toast_display( |confirm| ). @@ -158,10 +158,10 @@ CLASS Z2UI5_CL_DEMO_APP_018 IMPLEMENTATION. client->popup_destroy( ). WHEN 'SHOW_VIEW_MAIN'. - Z2UI5_display_view_main( ). + z2ui5_display_view_main( ). WHEN 'SHOW_VIEW_SECOND'. - Z2UI5_display_view_second( ). + z2ui5_display_view_second( ). WHEN 'BACK'. client->nav_app_leave( ). @@ -171,10 +171,10 @@ CLASS Z2UI5_CL_DEMO_APP_018 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_on_init. + METHOD z2ui5_on_init. quantity = '500'. - Z2UI5_display_view_main( ). + z2ui5_display_view_main( ). ENDMETHOD. ENDCLASS. diff --git a/src/z2ui5_cl_demo_app_019.clas.abap b/src/z2ui5_cl_demo_app_019.clas.abap index 854fe85a..014e3afa 100644 --- a/src/z2ui5_cl_demo_app_019.clas.abap +++ b/src/z2ui5_cl_demo_app_019.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_019 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_019 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. TYPES: BEGIN OF ty_row, @@ -26,43 +26,42 @@ ENDCLASS. CLASS Z2UI5_CL_DEMO_APP_019 IMPLEMENTATION. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. - IF check_initialized = abap_false. - check_initialized = abap_true. + IF check_initialized = abap_false. + check_initialized = abap_true. - mv_sel_mode = 'None'. - t_tab = VALUE #( descr = 'this is a description' + mv_sel_mode = 'None'. + t_tab = VALUE #( descr = 'this is a description' ( title = 'title_01' value = 'value_01' ) ( title = 'title_02' value = 'value_02' ) ( title = 'title_03' value = 'value_03' ) ( title = 'title_04' value = 'value_04' ) ( title = 'title_05' value = 'value_05' ) ). - ENDIF. + ENDIF. - CASE client->get( )-event. - WHEN 'BUTTON_SEGMENT_CHANGE'. - client->message_toast_display( `Selection Mode changed` ). + CASE client->get( )-event. + WHEN 'BUTTON_SEGMENT_CHANGE'. + client->message_toast_display( `Selection Mode changed` ). - WHEN 'BUTTON_READ_SEL'. - t_tab_sel = t_tab. - DELETE t_tab_sel WHERE selkz <> abap_true. + WHEN 'BUTTON_READ_SEL'. + t_tab_sel = t_tab. + DELETE t_tab_sel WHERE selkz <> abap_true. - WHEN 'BACK'. - client->nav_app_leave( ). + WHEN 'BACK'. + client->nav_app_leave( ). - ENDCASE. + ENDCASE. - data(view) = z2ui5_cl_xml_view=>factory( ). - DATA(page) = view->shell( + DATA(view) = z2ui5_cl_xml_view=>factory( ). + DATA(page) = view->shell( )->page( title = 'abap2UI5 - Table with different Selection Modes' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - ). + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). - page->segmented_button( + page->segmented_button( selected_key = client->_bind_edit( mv_sel_mode ) selection_change = client->_event( 'BUTTON_SEGMENT_CHANGE' ) )->get( )->items( )->get( @@ -79,13 +78,13 @@ CLASS Z2UI5_CL_DEMO_APP_019 IMPLEMENTATION. key = 'SingleSelectMaster' text = 'SingleSelectMaster' )->segmented_button_item( - key = 'MultiSelect' + key = 'MultiSelect' text = 'MultiSelect' ). - page->table( + page->table( headertext = 'Table' - mode = mv_sel_mode - items = client->_bind_edit( t_tab ) + mode = mv_sel_mode + items = client->_bind_edit( t_tab ) )->columns( )->column( )->text( 'Title' )->get_parent( )->column( )->text( 'Value' )->get_parent( @@ -98,13 +97,13 @@ CLASS Z2UI5_CL_DEMO_APP_019 IMPLEMENTATION. )->text( '{VALUE}' )->text( '{DESCR}' ). - page->table( client->_bind( t_tab_sel ) + page->table( client->_bind( t_tab_sel ) )->header_toolbar( )->overflow_toolbar( )->title( 'Selected Entries' )->button( - icon = 'sap-icon://pull-down' - text = 'copy selected entries' + icon = 'sap-icon://pull-down' + text = 'copy selected entries' press = client->_event( 'BUTTON_READ_SEL' ) )->get_parent( )->get_parent( )->columns( @@ -117,7 +116,7 @@ CLASS Z2UI5_CL_DEMO_APP_019 IMPLEMENTATION. )->text( '{VALUE}' )->text( '{DESCR}' ). - client->view_display( view->stringify( ) ). + client->view_display( view->stringify( ) ). ENDMETHOD. ENDCLASS. diff --git a/src/z2ui5_cl_demo_app_020.clas.abap b/src/z2ui5_cl_demo_app_020.clas.abap index 658dd764..0c7cd476 100644 --- a/src/z2ui5_cl_demo_app_020.clas.abap +++ b/src/z2ui5_cl_demo_app_020.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_020 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_020 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. CLASS-METHODS factory IMPORTING @@ -12,7 +12,7 @@ CLASS Z2UI5_CL_DEMO_APP_020 DEFINITION PUBLIC. i_confirm_text TYPE string i_confirm_event TYPE string RETURNING - VALUE(result) TYPE REF TO Z2UI5_CL_DEMO_APP_020. + VALUE(result) TYPE REF TO z2ui5_cl_demo_app_020. DATA check_initialized TYPE abap_bool. @@ -45,7 +45,7 @@ CLASS Z2UI5_CL_DEMO_APP_020 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. IF check_initialized = abap_false. check_initialized = abap_true. @@ -57,10 +57,10 @@ CLASS Z2UI5_CL_DEMO_APP_020 IMPLEMENTATION. mv_event = client->get( )-event. client->popup_destroy( ). client->nav_app_leave( ). - return. + RETURN. ENDCASE. - client->popup_display( Z2UI5_cl_xml_view=>factory_popup( + client->popup_display( z2ui5_cl_xml_view=>factory_popup( )->dialog( 'abap2UI5 - Popup to decide' )->vbox( )->text( mv_text )->get_parent( @@ -72,7 +72,7 @@ CLASS Z2UI5_CL_DEMO_APP_020 IMPLEMENTATION. text = mv_confirm_text press = client->_event( mv_confirm_event ) type = 'Emphasized' - )->stringify( ) ). + )->stringify( ) ). ENDMETHOD. ENDCLASS. diff --git a/src/z2ui5_cl_demo_app_021.clas.abap b/src/z2ui5_cl_demo_app_021.clas.abap index 0966b64b..04f4b844 100644 --- a/src/z2ui5_cl_demo_app_021.clas.abap +++ b/src/z2ui5_cl_demo_app_021.clas.abap @@ -35,15 +35,17 @@ CLASS z2ui5_cl_demo_app_021 IMPLEMENTATION. navbuttonpress = client->_event( 'BACK' ) shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). - DATA(layout) = page->vertical_layout( class = `sapUiContentPadding` width = `100%` ). + DATA(layout) = page->vertical_layout( class = `sapUiContentPadding` + width = `100%` ). layout->label( 'text area' )->text_area( valueliveupdate = abap_true - value = client->_bind_edit( mv_textarea ) - growing = abap_true + value = client->_bind_edit( mv_textarea ) + growing = abap_true growingmaxlines = '7' - width = '100%' - )->button( text = `OK` press = client->_event( `POST` ) ). + width = '100%' + )->button( text = `OK` + press = client->_event( `POST` ) ). client->view_display( page->stringify( ) ). diff --git a/src/z2ui5_cl_demo_app_022.clas.abap b/src/z2ui5_cl_demo_app_022.clas.abap index 262f2f1c..8b82b328 100644 --- a/src/z2ui5_cl_demo_app_022.clas.abap +++ b/src/z2ui5_cl_demo_app_022.clas.abap @@ -37,13 +37,14 @@ CLASS z2ui5_cl_demo_app_022 IMPLEMENTATION. navbuttonpress = client->_event( 'BACK' ) shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). - DATA(layout) = page->vertical_layout( class = `sapUiContentPadding` width = `100%` ). + DATA(layout) = page->vertical_layout( class = `sapUiContentPadding` + width = `100%` ). layout->label( 'ProgressIndicator' )->progress_indicator( - percentvalue = screen-progress_value - displayvalue = '0,44GB of 32GB used' - showvalue = abap_true - state = 'Success' ). + percentvalue = screen-progress_value + displayvalue = '0,44GB of 32GB used' + showvalue = abap_true + state = 'Success' ). client->view_display( page->stringify( ) ). diff --git a/src/z2ui5_cl_demo_app_024.clas.abap b/src/z2ui5_cl_demo_app_024.clas.abap index 35a7bab2..ca49d806 100644 --- a/src/z2ui5_cl_demo_app_024.clas.abap +++ b/src/z2ui5_cl_demo_app_024.clas.abap @@ -28,19 +28,22 @@ CLASS z2ui5_cl_demo_app_024 IMPLEMENTATION. view->shell( )->page( title = 'abap2UI5 - flow logic - APP 01' navbuttonpress = client->_event( val = 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) )->grid( 'L6 M12 S12' )->content( 'layout' )->simple_form( 'Controller' )->content( 'form' - - )->label( 'Demo' - )->button( text = 'call new app (first View)' press = client->_event( 'CALL_NEW_APP' ) + )->label( 'Demo' + )->button( text = 'call new app (first View)' + press = client->_event( 'CALL_NEW_APP' ) )->label( 'Demo' - )->button( text = 'call new app (second View)' press = client->_event( 'CALL_NEW_APP_VIEW' ) + )->button( text = 'call new app (second View)' + press = client->_event( 'CALL_NEW_APP_VIEW' ) )->label( 'Demo' - )->button( text = 'call new app (set Event)' press = client->_event( 'CALL_NEW_APP_EVENT' ) + )->button( text = 'call new app (set Event)' + press = client->_event( 'CALL_NEW_APP_EVENT' ) )->label( 'Demo' )->input( client->_bind_edit( mv_input ) - )->button( text = 'call new app (set data)' press = client->_event( 'CALL_NEW_APP_READ' ) + )->button( text = 'call new app (set data)' + press = client->_event( 'CALL_NEW_APP_READ' ) )->label( 'some data, you can read in the next app' )->input( client->_bind_edit( mv_input2 ) ). @@ -74,7 +77,7 @@ CLASS z2ui5_cl_demo_app_024 IMPLEMENTATION. WHEN 'CALL_NEW_APP_EVENT'. lo_app_next = NEW z2ui5_cl_demo_app_025( ). lo_app_next->mv_event_backend = 'NEW_APP_EVENT'. - client->nav_app_call( lo_app_next ). + client->nav_app_call( lo_app_next ). WHEN 'BACK'. DATA(lo_prev_stack_app) = client->get_app( client->get( )-s_draft-id_prev_app_stack ). diff --git a/src/z2ui5_cl_demo_app_025.clas.abap b/src/z2ui5_cl_demo_app_025.clas.abap index e9190949..4bd1a94a 100644 --- a/src/z2ui5_cl_demo_app_025.clas.abap +++ b/src/z2ui5_cl_demo_app_025.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_025 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_025 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA mv_input TYPE string. DATA mv_input_previous TYPE string. @@ -19,7 +19,7 @@ ENDCLASS. CLASS Z2UI5_CL_DEMO_APP_025 IMPLEMENTATION. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. CASE client->get( )-event. @@ -27,13 +27,13 @@ CLASS Z2UI5_CL_DEMO_APP_025 IMPLEMENTATION. client->message_box_display( 'server-client roundtrip, method on_event of the abap controller was called' ). WHEN 'BUTTON_RESTART'. - client->nav_app_call( NEW Z2UI5_CL_DEMO_APP_025( ) ). + client->nav_app_call( NEW z2ui5_cl_demo_app_025( ) ). WHEN 'BUTTON_CHANGE_APP'. - client->nav_app_call( NEW Z2UI5_CL_DEMO_APP_001( ) ). + client->nav_app_call( NEW z2ui5_cl_demo_app_001( ) ). WHEN 'BUTTON_READ_PREVIOUS'. - DATA(lo_previous_app) = CAST Z2UI5_CL_DEMO_APP_024( client->get_app( client->get( )-s_draft-id_prev_app ) ). + DATA(lo_previous_app) = CAST z2ui5_cl_demo_app_024( client->get_app( client->get( )-s_draft-id_prev_app ) ). mv_input_previous = lo_previous_app->mv_input2. client->message_toast_display( `data of previous app read` ). @@ -41,7 +41,7 @@ CLASS Z2UI5_CL_DEMO_APP_025 IMPLEMENTATION. mv_show_view = 'MAIN'. WHEN 'BACK_WITH_EVENT'. - lo_previous_app = CAST Z2UI5_CL_DEMO_APP_024( client->get_app( client->get( )-s_draft-id_prev_app_stack ) ). + lo_previous_app = CAST z2ui5_cl_demo_app_024( client->get_app( client->get( )-s_draft-id_prev_app_stack ) ). lo_previous_app->mv_backend_event = 'CALL_PREVIOUS_APP_INPUT_RETURN'. client->nav_app_leave( lo_previous_app ). @@ -64,27 +64,25 @@ CLASS Z2UI5_CL_DEMO_APP_025 IMPLEMENTATION. WHEN 'MAIN' OR ''. - data(view) = z2ui5_cl_xml_view=>factory( ). + DATA(view) = z2ui5_cl_xml_view=>factory( ). DATA(page) = view->shell( )->page( title = 'abap2UI5 - flow logic - APP 02' - navbuttonpress = client->_event( 'BACK' ) shownavbutton = abap_true - ). + navbuttonpress = client->_event( 'BACK' ) + shownavbutton = abap_true ). page->grid( 'L6 M12 S12' )->content( 'layout' - - )->simple_form( 'View: FIRST' )->content( 'form' - - )->label( 'Input set by previous app' + )->simple_form( 'View: FIRST' )->content( 'form' + )->label( 'Input set by previous app' )->input( mv_input_previous_set - - )->label( 'Data of previous app' + )->label( 'Data of previous app' )->input( mv_input_previous - )->button( text = 'read' press = client->_event( 'BUTTON_READ_PREVIOUS' ) - - )->label( 'Call previous app and show data of this app' + )->button( text = 'read' + press = client->_event( 'BUTTON_READ_PREVIOUS' ) + )->label( 'Call previous app and show data of this app' )->input( client->_bind_edit( mv_input ) - )->button( text = 'back' press = client->_event( 'BACK_WITH_EVENT' ) ). + )->button( text = 'back' + press = client->_event( 'BACK_WITH_EVENT' ) ). WHEN 'SECOND'. @@ -92,15 +90,17 @@ CLASS Z2UI5_CL_DEMO_APP_025 IMPLEMENTATION. page = view->shell( )->page( title = 'abap2UI5 - flow logic - APP 02' - navbuttonpress = client->_event( val = 'BACK' ) shownavbutton = abap_true - ). + navbuttonpress = client->_event( val = 'BACK' ) + shownavbutton = abap_true ). page->grid( 'L6 M12 S12' )->content( 'layout' )->simple_form( 'View: SECOND' )->content( 'form' )->label( 'Demo' - )->button( text = 'leave to previous app' press = client->_event( 'BACK' ) + )->button( text = 'leave to previous app' + press = client->_event( 'BACK' ) )->label( 'Demo' - )->button( text = 'show view main' press = client->_event( 'SHOW_VIEW_MAIN' ) ). + )->button( text = 'show view main' + press = client->_event( 'SHOW_VIEW_MAIN' ) ). ENDCASE. diff --git a/src/z2ui5_cl_demo_app_026.clas.abap b/src/z2ui5_cl_demo_app_026.clas.abap index 165f977c..35552871 100644 --- a/src/z2ui5_cl_demo_app_026.clas.abap +++ b/src/z2ui5_cl_demo_app_026.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_026 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_026 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA product TYPE string. DATA quantity TYPE string. @@ -10,13 +10,13 @@ CLASS Z2UI5_CL_DEMO_APP_026 DEFINITION PUBLIC. PROTECTED SECTION. - DATA client TYPE REF TO Z2UI5_if_client. + DATA client TYPE REF TO z2ui5_if_client. DATA check_initialized TYPE abap_bool. - METHODS Z2UI5_on_init. - METHODS Z2UI5_on_event. - METHODS Z2UI5_display_view. - METHODS Z2UI5_display_popover + METHODS z2ui5_on_init. + METHODS z2ui5_on_event. + METHODS z2ui5_display_view. + METHODS z2ui5_display_popover IMPORTING id TYPE string. @@ -28,9 +28,9 @@ ENDCLASS. CLASS Z2UI5_CL_DEMO_APP_026 IMPLEMENTATION. - METHOD Z2UI5_display_popover. + METHOD z2ui5_display_popover. - DATA(view) = Z2UI5_cl_xml_view=>factory_popup( ). + DATA(view) = z2ui5_cl_xml_view=>factory_popup( ). view->popover( title = 'Popover Title' placement = mv_placement @@ -44,48 +44,47 @@ CLASS Z2UI5_CL_DEMO_APP_026 IMPLEMENTATION. press = client->_event( 'BUTTON_CONFIRM' ) type = 'Emphasized' )->get_parent( )->get_parent( - )->text( 'make an input here:' - )->input( value = 'abcd' - ). + )->text( 'make an input here:' + )->input( value = 'abcd' ). client->popover_display( xml = view->stringify( ) - by_id = id - ). + by_id = id ). ENDMETHOD. - METHOD Z2UI5_display_view. + METHOD z2ui5_display_view. DATA(view) = z2ui5_cl_xml_view=>factory( ). view->shell( )->page( title = 'abap2UI5 - Popover Examples' navbuttonpress = client->_event( val = 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) )->simple_form( 'Popover' )->content( 'form' )->title( 'Input' )->label( 'Link' - )->link( text = 'Documentation UI5 Popover Control' href = 'https://openui5.hana.ondemand.com/entity/sap.m.Popover' + )->link( text = 'Documentation UI5 Popover Control' + href = 'https://openui5.hana.ondemand.com/entity/sap.m.Popover' )->label( 'placement' )->segmented_button( selected_key = client->_bind_edit( mv_placement ) )->items( )->segmented_button_item( - key = 'Left' + key = 'Left' icon = 'sap-icon://add-favorite' text = 'Left' )->segmented_button_item( - key = 'Top' + key = 'Top' icon = 'sap-icon://accept' text = 'Top' )->segmented_button_item( - key = 'Bottom' + key = 'Bottom' icon = 'sap-icon://accept' text = 'Bottom' )->segmented_button_item( - key = 'Right' + key = 'Right' icon = 'sap-icon://attachment' text = 'Right' )->get_parent( )->get_parent( @@ -93,42 +92,41 @@ CLASS Z2UI5_CL_DEMO_APP_026 IMPLEMENTATION. )->button( text = 'show' press = client->_event( 'POPOVER' ) - id = 'TEST' + id = 'TEST' )->button( text = 'cancel' press = client->_event( 'POPOVER' ) )->button( text = 'post' - press = client->_event( 'POPOVER' ) - ). + press = client->_event( 'POPOVER' ) ). client->view_display( view->stringify( ) ). ENDMETHOD. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. me->client = client. IF check_initialized = abap_false. check_initialized = abap_true. - Z2UI5_on_init( ). - Z2UI5_display_view( ). + z2ui5_on_init( ). + z2ui5_display_view( ). RETURN. ENDIF. - Z2UI5_on_event( ). + z2ui5_on_event( ). ENDMETHOD. - METHOD Z2UI5_on_event. + METHOD z2ui5_on_event. CASE client->get( )-event. WHEN 'POPOVER'. - Z2UI5_display_popover( `TEST` ). + z2ui5_display_popover( `TEST` ). WHEN 'BUTTON_CONFIRM'. client->message_toast_display( |confirm| ). @@ -146,7 +144,7 @@ CLASS Z2UI5_CL_DEMO_APP_026 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_on_init. + METHOD z2ui5_on_init. mv_placement = 'Left'. product = 'tomato'. diff --git a/src/z2ui5_cl_demo_app_027.clas.abap b/src/z2ui5_cl_demo_app_027.clas.abap index f7d3922a..8d01a430 100644 --- a/src/z2ui5_cl_demo_app_027.clas.abap +++ b/src/z2ui5_cl_demo_app_027.clas.abap @@ -87,57 +87,52 @@ CLASS z2ui5_cl_demo_app_027 IMPLEMENTATION. )->page( title = 'abap2UI5 - Binding Syntax' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - )->simple_form( title = 'Binding Syntax' editable = abap_true + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) + )->simple_form( title = 'Binding Syntax' + editable = abap_true )->content( 'form' )->title( 'Expression Binding' - - )->label( 'Documentation' + )->label( 'Documentation' )->link( text = 'Expression Binding' href = 'https://sapui5.hana.ondemand.com/sdk/#/topic/daf6852a04b44d118963968a1239d2c0' )->label( 'input in uppercase' )->input( client->_bind( input2 ) )->input( - value = '{= $' && client->_bind( input2 ) && '.toUpperCase() }' + value = '{= $' && client->_bind( input2 ) && '.toUpperCase() }' enabled = abap_false - - - )->label( 'max value of the first two inputs' + )->label( 'max value of the first two inputs' )->input( '{ type : "sap.ui.model.type.Integer",' && - ' path:"' && client->_bind( val = input31 path = abap_true ) && '" }' - )->input( '{ type : "sap.ui.model.type.Integer",' && |\n| && - ' path:"' && client->_bind( val = input32 path = abap_true ) && '" }' + ' path:"' && client->_bind( val = input31 + path = abap_true ) && '" }' + )->input( '{ type : "sap.ui.model.type.Integer",' && |\n| && + ' path:"' && client->_bind( val = input32 + path = abap_true ) && '" }' )->input( - value = '{= Math.max($' && client->_bind( input31 ) &&', $' && client->_bind( input32 ) && ') }' + value = '{= Math.max($' && client->_bind( input31 ) &&', $' && client->_bind( input32 ) && ') }' enabled = abap_false - - - )->label( 'only enabled when the quantity equals 500' + )->label( 'only enabled when the quantity equals 500' )->input( '{ type : "sap.ui.model.type.Integer",' && - ' path:"' && client->_bind( val = quantity path = abap_true ) && `" }` + ' path:"' && client->_bind( val = quantity + path = abap_true ) && `" }` )->input( value = product enabled = '{= 500===$' && client->_bind( quantity ) && ' }' - - )->label( 'RegExp Set to enabled if the input contains VIP, ignoring the case.' + )->label( 'RegExp Set to enabled if the input contains VIP, ignoring the case.' )->input( client->_bind( val = input41 ) )->button( - text = 'VIP' + text = 'VIP' enabled = '{= RegExp(''vip'', ''i'').test($' && client->_bind( input41 ) && ') }' - - - )->label( 'concatenate both inputs' + )->label( 'concatenate both inputs' )->input( client->_bind( val = input51 ) )->input( client->_bind( val = input52 ) )->input( - value = '{ parts: [' && |\n| && - ' "' && client->_bind( val = input51 path = abap_true ) && '",' && |\n| && - ' "' && client->_bind( val = input52 path = abap_true ) && '"' && |\n| && + value = '{ parts: [' && |\n| && + ' "' && client->_bind( val = input51 path = abap_true ) && '",' && |\n| && + ' "' && client->_bind( val = input52 path = abap_true ) && '"' && |\n| && ' ] }' enabled = abap_false - - )->get_root( )->xml_get( ). + )->get_root( )->xml_get( ). client->view_display( lv_xml ). diff --git a/src/z2ui5_cl_demo_app_028.clas.abap b/src/z2ui5_cl_demo_app_028.clas.abap index da4b211b..e967f980 100644 --- a/src/z2ui5_cl_demo_app_028.clas.abap +++ b/src/z2ui5_cl_demo_app_028.clas.abap @@ -57,11 +57,11 @@ CLASS z2ui5_cl_demo_app_028 IMPLEMENTATION. WHEN 'TIMER_FINISHED'. mv_counter = mv_counter + 1. - INSERT VALUE #( title = 'entry' && mv_counter info = 'completed' descr = 'this is a description' icon = 'sap-icon://account' ) + INSERT VALUE #( title = 'entry' && mv_counter info = 'completed' descr = 'this is a description' icon = 'sap-icon://account' ) INTO TABLE t_tab. IF mv_counter = 3. - mv_check_active = abap_false. + mv_check_active = abap_false. client->message_toast_display( `timer deactivated` ). ENDIF. @@ -91,15 +91,14 @@ CLASS z2ui5_cl_demo_app_028 IMPLEMENTATION. DATA(lo_view) = z2ui5_cl_xml_view=>factory( ). lo_view->_z2ui5( )->timer( - finished = client->_event( 'TIMER_FINISHED' ) - delayms = `2000` - checkactive = client->_bind( mv_check_active ) ). + finished = client->_event( 'TIMER_FINISHED' ) + delayms = `2000` + checkactive = client->_bind( mv_check_active ) ). DATA(page) = lo_view->shell( )->page( title = 'abap2UI5 - CL_GUI_TIMER - Monitor' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - ). + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). page->list( headertext = 'Data auto refresh (2 sec)' diff --git a/src/z2ui5_cl_demo_app_029.clas.abap b/src/z2ui5_cl_demo_app_029.clas.abap index fc85d31b..3db58f66 100644 --- a/src/z2ui5_cl_demo_app_029.clas.abap +++ b/src/z2ui5_cl_demo_app_029.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_029 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_029 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA check_initialized TYPE abap_bool. @@ -10,7 +10,7 @@ CLASS Z2UI5_CL_DEMO_APP_029 DEFINITION PUBLIC. METHODS render_tab_radial. - DATA client TYPE REF TO Z2UI5_if_client. + DATA client TYPE REF TO z2ui5_if_client. PROTECTED SECTION. PRIVATE SECTION. @@ -27,9 +27,9 @@ CLASS Z2UI5_CL_DEMO_APP_029 IMPLEMENTATION. DATA(container) = view->shell( )->page( - title = 'abap2UI5 - Visualization' + title = 'abap2UI5 - Visualization' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = abap_true + shownavbutton = abap_true )->tab_container( ). DATA(grid) = container->tab( @@ -38,8 +38,9 @@ CLASS Z2UI5_CL_DEMO_APP_029 IMPLEMENTATION. )->grid( 'XL12 L12 M12 S12' ). grid->link( - text = 'Go to the SAP Demos for Radial Charts here...' target = '_blank' - href = 'https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.microchart.RadialMicroChart/sample/sap.suite.ui.microchart.sample.RadialMicroChart' ). + text = 'Go to the SAP Demos for Radial Charts here...' + target = '_blank' + href = 'https://sapui5.hana.ondemand.com/#/entity/sap.suite.ui.microchart.RadialMicroChart/sample/sap.suite.ui.microchart.sample.RadialMicroChart' ). grid->vertical_layout( )->horizontal_layout( @@ -57,54 +58,50 @@ CLASS Z2UI5_CL_DEMO_APP_029 IMPLEMENTATION. size = 'M' percentage = '99.9' press = client->_event( 'RADIAL_PRESS' ) - valueColor = 'Good' + valuecolor = 'Good' )->radial_micro_chart( size = 'S' percentage = '99.9' press = client->_event( 'RADIAL_PRESS' ) - valueColor = 'Good' + valuecolor = 'Good' )->get_parent( )->horizontal_layout( )->radial_micro_chart( size = 'M' percentage = '0' press = client->_event( 'RADIAL_PRESS' ) - valueColor = 'Error' + valuecolor = 'Error' )->radial_micro_chart( size = 'S' percentage = '0' press = client->_event( 'RADIAL_PRESS' ) - valueColor = 'Error' + valuecolor = 'Error' )->get_parent( )->horizontal_layout( )->radial_micro_chart( size = 'M' percentage = '0.1' press = client->_event( 'RADIAL_PRESS' ) - valueColor = 'Critical' + valuecolor = 'Critical' )->radial_micro_chart( size = 'S' percentage = '0.1' press = client->_event( 'RADIAL_PRESS' ) - valueColor = 'Critical' ). + valuecolor = 'Critical' ). client->view_display( view->stringify( ) ). ENDMETHOD. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. me->client = client. IF check_initialized = abap_false. check_initialized = abap_true. -* DATA(lv_version) = to_upper( client->get( )-s_config-version ). -* IF lv_version CS `OPEN`. -* client->message_box_display( text = `Charts are not avalaible with OpenUI5, change your UI5 library first` type = `error` ). -* client->nav_app_leave( ). -* ENDIF. + render_tab_radial( ). ENDIF. diff --git a/src/z2ui5_cl_demo_app_030.clas.abap b/src/z2ui5_cl_demo_app_030.clas.abap index 951dde1b..5ea0c99d 100644 --- a/src/z2ui5_cl_demo_app_030.clas.abap +++ b/src/z2ui5_cl_demo_app_030.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_030 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_030 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. TYPES: BEGIN OF ty_row, @@ -25,12 +25,12 @@ ENDCLASS. CLASS Z2UI5_CL_DEMO_APP_030 IMPLEMENTATION. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. IF check_initialized = abap_false. check_initialized = abap_true. - t_tab = VALUE #( + t_tab = VALUE #( ( title = 'Peter' info = 'completed' descr = 'this is a description' icon = 'sap-icon://account' ) ( title = 'Peter' info = 'incompleted' descr = 'this is a description' icon = 'sap-icon://account' ) ( title = 'Peter' info = 'working' descr = 'this is a description' icon = 'sap-icon://account' ) @@ -50,8 +50,7 @@ CLASS Z2UI5_CL_DEMO_APP_030 IMPLEMENTATION. ( title = 'Peter' info = 'completed' descr = 'this is a description' icon = 'sap-icon://account' ) ( title = 'Peter' info = 'completed' descr = 'this is a description' icon = 'sap-icon://account' ) ( title = 'Peter' info = 'completed' descr = 'this is a description' icon = 'sap-icon://account' ) - ( title = 'Peter' info = 'completed' descr = 'this is a description' icon = 'sap-icon://account' ) - ). + ( title = 'Peter' info = 'completed' descr = 'this is a description' icon = 'sap-icon://account' ) ). ENDIF. @@ -78,7 +77,7 @@ CLASS Z2UI5_CL_DEMO_APP_030 IMPLEMENTATION. showfooter = abap_true " headerExpanded = abap_true " toggleHeaderOnTitleClick = client->_event( 'ON_TITLE' ) - ). + ). DATA(header_title) = page->title( ns = 'f' )->get( )->dynamic_page_title( ). @@ -103,38 +102,47 @@ CLASS Z2UI5_CL_DEMO_APP_030 IMPLEMENTATION. type = 'Emphasized' tooltip = 'pull-down' )->overflow_toolbar_button( - icon = `sap-icon://show` - text = 'show state' + icon = `sap-icon://show` + text = 'show state' tooltip = 'show' )->button( " icon = `sap-icon://edit` - text = 'Go Back' - press = client->_event( 'BACK' ) - ). + text = 'Go Back' + press = client->_event( 'BACK' ) ). header_title->navigation_actions( - )->button( icon = 'sap-icon://full-screen' type = 'Transparent' - )->button( icon = 'sap-icon://exit-full-screen' type = 'Transparent' - )->button( icon = 'sap-icon://decline' type = 'Transparent' - ). - - page->header( )->dynamic_page_header( pinnable = abap_true + )->button( icon = 'sap-icon://full-screen' + type = 'Transparent' + )->button( icon = 'sap-icon://exit-full-screen' + type = 'Transparent' + )->button( icon = 'sap-icon://decline' + type = 'Transparent' ). + + page->header( )->dynamic_page_header( pinnable = abap_true )->horizontal_layout( )->vertical_layout( - )->object_attribute( title = 'Location' text = 'Warehouse A' - )->object_attribute( title = 'Halway' text = '23L' - )->object_attribute( title = 'Rack' text = '34' + )->object_attribute( title = 'Location' + text = 'Warehouse A' + )->object_attribute( title = 'Halway' + text = '23L' + )->object_attribute( title = 'Rack' + text = '34' )->get_parent( )->vertical_layout( - )->object_attribute( title = 'Location' text = 'Warehouse A' - )->object_attribute( title = 'Halway' text = '23L' - )->object_attribute( title = 'Rack' text = '34' + )->object_attribute( title = 'Location' + text = 'Warehouse A' + )->object_attribute( title = 'Halway' + text = '23L' + )->object_attribute( title = 'Rack' + text = '34' )->get_parent( )->vertical_layout( - )->object_attribute( title = 'Location' text = 'Warehouse A' - )->object_attribute( title = 'Halway' text = '23L' - )->object_attribute( title = 'Rack' text = '34' - ). + )->object_attribute( title = 'Location' + text = 'Warehouse A' + )->object_attribute( title = 'Halway' + text = '23L' + )->object_attribute( title = 'Rack' + text = '34' ). DATA(cont) = page->content( ns = 'f' ). @@ -149,7 +157,7 @@ CLASS Z2UI5_CL_DEMO_APP_030 IMPLEMENTATION. info = '{INFO}' ). - page->footer( ns = `f` )->overflow_toolbar( + page->footer( ns = `f` )->overflow_toolbar( )->overflow_toolbar_button( icon = `sap-icon://edit` text = 'edit header' @@ -159,8 +167,7 @@ CLASS Z2UI5_CL_DEMO_APP_030 IMPLEMENTATION. icon = `sap-icon://pull-down` text = 'show section' type = 'Emphasized' - tooltip = 'pull-down' - ). + tooltip = 'pull-down' ). client->view_display( page->stringify( ) ). diff --git a/src/z2ui5_cl_demo_app_031.clas.abap b/src/z2ui5_cl_demo_app_031.clas.abap index fc4f6251..659dab38 100644 --- a/src/z2ui5_cl_demo_app_031.clas.abap +++ b/src/z2ui5_cl_demo_app_031.clas.abap @@ -78,85 +78,85 @@ CLASS z2ui5_cl_demo_app_031 IMPLEMENTATION. DATA(view) = z2ui5_cl_xml_view=>factory( ). - DATA(lv_xml) = `` && |\n| && - ` ` && |\n| && - ` `. client->view_display( lv_xml ). diff --git a/src/z2ui5_cl_demo_app_034.clas.abap b/src/z2ui5_cl_demo_app_034.clas.abap index 846b1cd3..887efa20 100644 --- a/src/z2ui5_cl_demo_app_034.clas.abap +++ b/src/z2ui5_cl_demo_app_034.clas.abap @@ -1,8 +1,8 @@ -CLASS Z2UI5_CL_DEMO_APP_034 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_034 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA t_bapiret TYPE bapirettab. DATA check_initialized TYPE abap_bool. @@ -12,10 +12,10 @@ CLASS Z2UI5_CL_DEMO_APP_034 DEFINITION PUBLIC. METHODS view_main IMPORTING - client TYPE REF TO Z2UI5_if_client. + client TYPE REF TO z2ui5_if_client. METHODS view_popup_bal IMPORTING - client TYPE REF TO Z2UI5_if_client. + client TYPE REF TO z2ui5_if_client. PROTECTED SECTION. PRIVATE SECTION. @@ -29,12 +29,11 @@ CLASS Z2UI5_CL_DEMO_APP_034 IMPLEMENTATION. METHOD view_main. DATA(view) = z2ui5_cl_xml_view=>factory( ). - data(page) = view->shell( + DATA(page) = view->shell( )->page( title = 'abap2UI5 - Popups' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - ). + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). DATA(grid) = page->grid( 'L8 M12 S12' )->content( 'layout' ). @@ -42,8 +41,7 @@ CLASS Z2UI5_CL_DEMO_APP_034 IMPLEMENTATION. )->label( '01' )->button( text = 'Show bapiret tab' - press = client->_event( 'POPUP_BAL' ) - ). + press = client->_event( 'POPUP_BAL' ) ). mv_main_xml = page->get_root( )->xml_get( ). @@ -52,7 +50,7 @@ CLASS Z2UI5_CL_DEMO_APP_034 IMPLEMENTATION. METHOD view_popup_bal. - DATA(popup) = Z2UI5_CL_XML_VIEW=>factory_popup( + DATA(popup) = z2ui5_cl_xml_view=>factory_popup( )->dialog( 'abap2ui5 - Popup Message Log' )->table( client->_bind( t_bapiret ) )->columns( @@ -85,7 +83,7 @@ CLASS Z2UI5_CL_DEMO_APP_034 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. IF check_initialized = abap_false. check_initialized = abap_true. @@ -96,8 +94,7 @@ CLASS Z2UI5_CL_DEMO_APP_034 IMPLEMENTATION. ( message = 'Request was handled without errors' type = 'S' id = 'MSG1' number = '003' ) ( message = 'product activated' type = 'S' id = 'MSG4' number = '375' ) ( message = 'check the input values' type = 'W' id = 'MSG2' number = '375' ) - ( message = 'product already in use' type = 'I' id = 'MSG2' number = '375' ) - ). + ( message = 'product already in use' type = 'I' id = 'MSG2' number = '375' ) ). ENDIF. @@ -106,7 +103,7 @@ CLASS Z2UI5_CL_DEMO_APP_034 IMPLEMENTATION. CASE client->get( )-event. WHEN 'POPUP_BAL'. - mv_popup_name = 'POPUP_BAL'. + mv_popup_name = 'POPUP_BAL'. WHEN 'BACK'. client->nav_app_leave( ). diff --git a/src/z2ui5_cl_demo_app_035.clas.abap b/src/z2ui5_cl_demo_app_035.clas.abap index 83b0e78c..d7eece44 100644 --- a/src/z2ui5_cl_demo_app_035.clas.abap +++ b/src/z2ui5_cl_demo_app_035.clas.abap @@ -1,7 +1,7 @@ CLASS z2ui5_cl_demo_app_035 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA mv_type TYPE string. DATA mv_path TYPE string. @@ -9,7 +9,7 @@ CLASS z2ui5_cl_demo_app_035 DEFINITION PUBLIC. DATA mv_check_editable TYPE abap_bool. DATA check_initialized TYPE abap_bool. - DATA client TYPE REF TO Z2UI5_if_client. + DATA client TYPE REF TO z2ui5_if_client. METHODS view_display. @@ -26,29 +26,30 @@ CLASS z2ui5_cl_demo_app_035 IMPLEMENTATION. DATA(page) = view->shell( )->page( title = 'abap2UI5 - File Editor' navbuttonpress = client->_event( 'BACK' ) - shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) - ). + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). - data(temp) = page->simple_form( title = 'File' editable = abap_true )->content( `form` + DATA(temp) = page->simple_form( title = 'File' + editable = abap_true )->content( `form` )->label( 'path' )->input( client->_bind_edit( mv_path ) )->label( 'Option' ). - data(lt_types) = VALUE z2ui5_if_types=>ty_t_name_value( ). - lt_types = value #( FOR row IN z2ui5_cl_util=>source_get_file_types( ) ( + DATA(lt_types) = VALUE z2ui5_if_types=>ty_t_name_value( ). + lt_types = VALUE #( FOR row IN z2ui5_cl_util=>source_get_file_types( ) ( n = shift_right( shift_left( row ) ) v = shift_right( shift_left( row ) ) ) ). - data(temp3) = temp->input( value = client->_bind_edit( mv_type ) - suggestionitems = client->_bind_local( lt_types ) + DATA(temp3) = temp->input( value = client->_bind_edit( mv_type ) + suggestionitems = client->_bind_local( lt_types ) )->get( ). - temp3->suggestion_items( - )->list_item( text = '{N}' additionaltext = '{V}' ). + temp3->suggestion_items( + )->list_item( text = '{N}' + additionaltext = '{V}' ). - temp->label( '' )->button( text = 'Download' - press = client->_event( 'DB_LOAD' ) - icon = 'sap-icon://download-from-cloud' ). + temp->label( '' )->button( text = 'Download' + press = client->_event( 'DB_LOAD' ) + icon = 'sap-icon://download-from-cloud' ). page->code_editor( type = mv_type editable = mv_check_editable @@ -71,7 +72,7 @@ CLASS z2ui5_cl_demo_app_035 IMPLEMENTATION. client->view_display( page->stringify( ) ). ENDMETHOD. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. me->client = client. IF check_initialized = abap_false. @@ -97,7 +98,8 @@ CLASS z2ui5_cl_demo_app_035 IMPLEMENTATION. client->view_model_update( ). WHEN 'DB_SAVE'. - client->message_box_display( text = 'Upload successfull. File saved!' type = 'success' ). + client->message_box_display( text = 'Upload successfull. File saved!' + type = 'success' ). WHEN 'EDIT'. mv_check_editable = xsdbool( mv_check_editable = abap_false ). WHEN 'CLEAR'. diff --git a/src/z2ui5_cl_demo_app_036.clas.abap b/src/z2ui5_cl_demo_app_036.clas.abap index d270e3b6..6bc2e51a 100644 --- a/src/z2ui5_cl_demo_app_036.clas.abap +++ b/src/z2ui5_cl_demo_app_036.clas.abap @@ -1,14 +1,14 @@ -CLASS Z2UI5_CL_DEMO_APP_036 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_036 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA mv_value TYPE string. PROTECTED SECTION. - DATA client TYPE REF TO Z2UI5_if_client. + DATA client TYPE REF TO z2ui5_if_client. DATA: BEGIN OF app, check_initialized TYPE abap_bool, @@ -17,9 +17,9 @@ CLASS Z2UI5_CL_DEMO_APP_036 DEFINITION PUBLIC. get TYPE z2ui5_if_types=>ty_s_get, END OF app. - METHODS Z2UI5_on_init. - METHODS Z2UI5_on_event. - METHODS Z2UI5_on_render. + METHODS z2ui5_on_init. + METHODS z2ui5_on_event. + METHODS z2ui5_on_render. PRIVATE SECTION. ENDCLASS. @@ -29,7 +29,7 @@ ENDCLASS. CLASS Z2UI5_CL_DEMO_APP_036 IMPLEMENTATION. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. me->client = client. app-get = client->get( ). @@ -37,21 +37,21 @@ CLASS Z2UI5_CL_DEMO_APP_036 IMPLEMENTATION. IF app-check_initialized = abap_false. app-check_initialized = abap_true. - Z2UI5_on_init( ). + z2ui5_on_init( ). ENDIF. IF app-get-event IS NOT INITIAL. - Z2UI5_on_event( ). + z2ui5_on_event( ). ENDIF. - Z2UI5_on_render( ). + z2ui5_on_render( ). CLEAR app-get. ENDMETHOD. - METHOD Z2UI5_on_event. + METHOD z2ui5_on_event. CASE app-get-event. @@ -69,7 +69,7 @@ CLASS Z2UI5_CL_DEMO_APP_036 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_on_init. + METHOD z2ui5_on_init. app-view_main = 'VIEW_MAIN'. mv_value = 'test'. @@ -77,61 +77,60 @@ CLASS Z2UI5_CL_DEMO_APP_036 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_on_render. - - data(view) = z2ui5_cl_xml_view=>factory( ). - data(lv_xml) = ` ` && |\n| && - `` && - `` && |\n| && - `` && |\n| && - `

This is a heading with css

` && |\n| && - `

This is a paragraph with css.

` && |\n| && - `

My First JavaScript

` && |\n| && - `` && |\n| && - `` && |\n| && - `

This is SVG

` && |\n| && - ` ` && |\n| && - ` ` && |\n| && - ` ` && |\n| && - `
X:

This is canvas

` && |\n| && - ` ` && * ` ` && |\n| && - - `` && |\n| && - ` ` && |\n| && + `` && |\n| && + ` ` && |\n| && ``. client->view_display( lv_xml ). diff --git a/src/z2ui5_cl_demo_app_037.clas.abap b/src/z2ui5_cl_demo_app_037.clas.abap index d4a6ea20..772c6819 100644 --- a/src/z2ui5_cl_demo_app_037.clas.abap +++ b/src/z2ui5_cl_demo_app_037.clas.abap @@ -32,40 +32,40 @@ CLASS z2ui5_cl_demo_app_037 IMPLEMENTATION. METHOD get_js_custom_control. - result = `jQuery.sap.declare("z2ui5.MyCC");` && |\n| && - ` sap.ui.require( [` && |\n| && - ` "sap/ui/core/Control",` && |\n| && - ` ], function (Control) {` && |\n| && - ` "use strict";` && |\n| && - ` return Control.extend("z2ui5.MyCC", {` && |\n| && - ` metadata: {` && |\n| && - ` properties: {` && |\n| && - ` value: { type: "string" }` && |\n| && - ` },` && |\n| && - ` events: {` && |\n| && - ` "change": {` && |\n| && - ` allowPreventDefault: true,` && |\n| && - ` parameters: {}` && |\n| && - ` }` && |\n| && - ` }` && |\n| && - ` },` && |\n| && - ` renderer: function (oRm, oControl) {` && |\n| && - ` oControl.oInput = new sap.m.Input({` && |\n| && - ` value: oControl.getProperty("value")` && |\n| && - ` });` && |\n| && - ` oControl.oButton = new sap.m.Button({` && |\n| && - ` text: 'button text',` && |\n| && - ` press: function (oEvent) {` && |\n| && - ` debugger;` && |\n| && + result = `jQuery.sap.declare("z2ui5.MyCC");` && |\n| && + ` sap.ui.require( [` && |\n| && + ` "sap/ui/core/Control",` && |\n| && + ` ], function (Control) {` && |\n| && + ` "use strict";` && |\n| && + ` return Control.extend("z2ui5.MyCC", {` && |\n| && + ` metadata: {` && |\n| && + ` properties: {` && |\n| && + ` value: { type: "string" }` && |\n| && + ` },` && |\n| && + ` events: {` && |\n| && + ` "change": {` && |\n| && + ` allowPreventDefault: true,` && |\n| && + ` parameters: {}` && |\n| && + ` }` && |\n| && + ` }` && |\n| && + ` },` && |\n| && + ` renderer: function (oRm, oControl) {` && |\n| && + ` oControl.oInput = new sap.m.Input({` && |\n| && + ` value: oControl.getProperty("value")` && |\n| && + ` });` && |\n| && + ` oControl.oButton = new sap.m.Button({` && |\n| && + ` text: 'button text',` && |\n| && + ` press: function (oEvent) {` && |\n| && + ` debugger;` && |\n| && * ` this.setProperty("value", this.oInput._sTypedInValue )` && |\n| && - ` this.setProperty("value", this.oInput.getProperty( 'value') )` && |\n| && - ` this.fireChange();` && |\n| && - ` }.bind(oControl)` && |\n| && - ` });` && |\n| && - ` oRm.renderControl(oControl.oInput);` && |\n| && - ` oRm.renderControl(oControl.oButton);` && |\n| && - ` }` && |\n| && - ` });` && |\n| && + ` this.setProperty("value", this.oInput.getProperty( 'value') )` && |\n| && + ` this.fireChange();` && |\n| && + ` }.bind(oControl)` && |\n| && + ` });` && |\n| && + ` oRm.renderControl(oControl.oInput);` && |\n| && + ` oRm.renderControl(oControl.oButton);` && |\n| && + ` }` && |\n| && + ` });` && |\n| && `}); jQuery.sap.require("z2ui5.MyCC"); `. ENDMETHOD. @@ -88,7 +88,8 @@ CLASS z2ui5_cl_demo_app_037 IMPLEMENTATION. METHOD z2ui5_load_cc. client->view_display( z2ui5_cl_xml_view=>factory( - )->_generic( ns = `html` name = `script` )->_cc_plain_xml( get_js_custom_control( ) + )->_generic( ns = `html` + name = `script` )->_cc_plain_xml( get_js_custom_control( ) )->_z2ui5( )->timer( finished = client->_event( 'DISPLAY_VIEW' ) delayms = `0` @@ -131,25 +132,25 @@ CLASS z2ui5_cl_demo_app_037 IMPLEMENTATION. METHOD z2ui5_on_render. DATA(view) = z2ui5_cl_xml_view=>factory( ). - DATA(lv_xml) = ` ` && |\n| && - `` && |\n| && - `` && |\n| && + DATA(lv_xml) = ` ` && |\n| && + `` && |\n| && + `` && |\n| && ` ` && - `` && |\n| && + `` && |\n| && ``. IF mv_display_cc = abap_true. lv_xml = lv_xml && ` `. ENDIF. - lv_xml = lv_xml && `` && |\n| && - ` ` && |\n| && + lv_xml = lv_xml && `` && |\n| && + ` ` && |\n| && ``. client->view_display( lv_xml ). diff --git a/src/z2ui5_cl_demo_app_038.clas.abap b/src/z2ui5_cl_demo_app_038.clas.abap index 4297caaa..4d819b7b 100644 --- a/src/z2ui5_cl_demo_app_038.clas.abap +++ b/src/z2ui5_cl_demo_app_038.clas.abap @@ -39,11 +39,11 @@ CLASS Z2UI5_CL_DEMO_APP_038 IMPLEMENTATION. DATA(popup) = z2ui5_cl_xml_view=>factory_popup( ). popup->message_popover( - items = client->_bind( t_msg ) - groupitems = abap_true - placement = `Top` + items = client->_bind( t_msg ) + groupitems = abap_true + placement = `Top` initiallyexpanded = abap_true - beforeclose = client->_event( val = 'POPOVER_CLOSE' ) + beforeclose = client->_event( val = 'POPOVER_CLOSE' ) )->message_item( type = `{TYPE}` title = `{TITLE}` @@ -51,7 +51,8 @@ CLASS Z2UI5_CL_DEMO_APP_038 IMPLEMENTATION. description = `{DESCRIPTION}` groupname = `{GROUP}` ). - client->popover_display( xml = popup->stringify( ) by_id = id ). + client->popover_display( xml = popup->stringify( ) + by_id = id ). ENDMETHOD. @@ -61,12 +62,12 @@ CLASS Z2UI5_CL_DEMO_APP_038 IMPLEMENTATION. DATA(popup) = z2ui5_cl_xml_view=>factory_popup( ). popup = popup->dialog( - title = `Messages` + title = `Messages` contentheight = '50%' - contentwidth = '50%' ). + contentwidth = '50%' ). popup->message_view( - items = client->_bind( t_msg + items = client->_bind( t_msg ) groupitems = abap_true )->message_item( @@ -94,11 +95,12 @@ CLASS Z2UI5_CL_DEMO_APP_038 IMPLEMENTATION. METHOD z2ui5_display_view. DATA(view) = z2ui5_cl_xml_view=>factory( ). - view->_generic( ns = `html` name = `style` )->_cc_plain_xml( `.sapMDialogScroll { height:100%; }` ). + view->_generic( ns = `html` + name = `style` )->_cc_plain_xml( `.sapMDialogScroll { height:100%; }` ). DATA(page) = view->shell( )->page( - title = 'abap2UI5 - List' - navbuttonpress = client->_event( val = 'BACK' ) + title = 'abap2UI5 - List' + navbuttonpress = client->_event( val = 'BACK' ) shownavbutton = abap_true ). * )->header_content( * )->link( @@ -108,9 +110,10 @@ CLASS Z2UI5_CL_DEMO_APP_038 IMPLEMENTATION. * * * )->get_parent( ). - page->button( text = 'Messages in Popup' press = client->_event( 'POPUP' ) ). + page->button( text = 'Messages in Popup' + press = client->_event( 'POPUP' ) ). page->message_view( - items = client->_bind( t_msg ) + items = client->_bind( t_msg ) groupitems = abap_true )->message_item( type = `{TYPE}` @@ -121,7 +124,7 @@ CLASS Z2UI5_CL_DEMO_APP_038 IMPLEMENTATION. page->footer( )->overflow_toolbar( )->button( - id = 'test' + id = 'test' text = 'Messages (6)' press = client->_event( 'POPOVER' ) type = 'Emphasized' diff --git a/src/z2ui5_cl_demo_app_039.clas.abap b/src/z2ui5_cl_demo_app_039.clas.abap index 82626416..cdd36e83 100644 --- a/src/z2ui5_cl_demo_app_039.clas.abap +++ b/src/z2ui5_cl_demo_app_039.clas.abap @@ -1,24 +1,24 @@ -CLASS Z2UI5_CL_DEMO_APP_039 DEFINITION PUBLIC. +CLASS z2ui5_cl_demo_app_039 DEFINITION PUBLIC. PUBLIC SECTION. - INTERFACES Z2UI5_if_app. + INTERFACES z2ui5_if_app. DATA mv_value TYPE string. PROTECTED SECTION. - DATA client TYPE REF TO Z2UI5_if_client. + DATA client TYPE REF TO z2ui5_if_client. DATA: BEGIN OF app, check_initialized TYPE abap_bool, get TYPE z2ui5_if_types=>ty_s_get, END OF app. - METHODS Z2UI5_on_init. - METHODS Z2UI5_on_event. - METHODS Z2UI5_on_render_main. - METHODS Z2UI5_on_render_popup. + METHODS z2ui5_on_init. + METHODS z2ui5_on_event. + METHODS z2ui5_on_render_main. + METHODS z2ui5_on_render_popup. PRIVATE SECTION. ENDCLASS. @@ -28,29 +28,29 @@ ENDCLASS. CLASS Z2UI5_CL_DEMO_APP_039 IMPLEMENTATION. - METHOD Z2UI5_if_app~main. + METHOD z2ui5_if_app~main. app-get = client->get( ). me->client = client. IF app-check_initialized = abap_false. app-check_initialized = abap_true. - Z2UI5_on_init( ). + z2ui5_on_init( ). ENDIF. IF app-get-event IS NOT INITIAL. - Z2UI5_on_event( ). + z2ui5_on_event( ). ENDIF. - Z2UI5_on_render_main( ). - Z2UI5_on_render_popup( ). + z2ui5_on_render_main( ). + z2ui5_on_render_popup( ). CLEAR app-get. ENDMETHOD. - METHOD Z2UI5_on_event. + METHOD z2ui5_on_event. CASE app-get-event. @@ -64,93 +64,93 @@ CLASS Z2UI5_CL_DEMO_APP_039 IMPLEMENTATION. ENDMETHOD. - METHOD Z2UI5_on_init. + METHOD z2ui5_on_init. mv_value = '200'. ENDMETHOD. - METHOD Z2UI5_on_render_main. - - data(lv_xml) = `` && |\n| && - ` ` && |\n| && - `