mirror of
https://github.com/abap2UI5/abap2UI5.git
synced 2025-04-30 07:31:54 +08:00
finish driverjs implementation (#614)
* finish driverjs implementation * Update src/01/z2ui5_cl_cc_driver_js.clas.abap Co-authored-by: abaplint[bot] <24845621+abaplint[bot]@users.noreply.github.com> * Update src/01/z2ui5_cl_cc_driver_js.clas.abap Co-authored-by: abaplint[bot] <24845621+abaplint[bot]@users.noreply.github.com> * abaplint fixes * abaplint fixes * abaplint fixes * Update z2ui5_cl_cc_driver_js.clas.abap --------- Co-authored-by: abaplint[bot] <24845621+abaplint[bot]@users.noreply.github.com> Co-authored-by: oblomov <102328295+oblomov-dev@users.noreply.github.com>
This commit is contained in:
choper725
GitHub
parent
e4503bba9d
commit
fecda63513
|
|
@ -1,12 +1,36 @@
|
|||
CLASS z2ui5_cl_cc_driver_js DEFINITION
|
||||
PUBLIC
|
||||
FINAL
|
||||
CREATE PUBLIC .
|
||||
CREATE PUBLIC.
|
||||
|
||||
PUBLIC SECTION.
|
||||
|
||||
TYPES showbuttons_array TYPE STANDARD TABLE OF int4 WITH NON-UNIQUE KEY table_line.
|
||||
TYPES disablebuttons_array TYPE STANDARD TABLE OF int4 WITH NON-UNIQUE KEY table_line.
|
||||
CONSTANTS:
|
||||
BEGIN OF buttons ##NEEDED,
|
||||
all TYPE string VALUE `['next','previous','close']`,
|
||||
next TYPE string VALUE `['next']`,
|
||||
previous TYPE string VALUE `['previous']`,
|
||||
close TYPE string VALUE `['close']`,
|
||||
next_previous TYPE string VALUE `['next','previous']`,
|
||||
next_close TYPE string VALUE `['next','close']`,
|
||||
previous_close TYPE string VALUE `['previous','close']`,
|
||||
END OF buttons.
|
||||
|
||||
CONSTANTS:
|
||||
BEGIN OF side ##NEEDED,
|
||||
top TYPE string VALUE `top`,
|
||||
right TYPE string VALUE `right`,
|
||||
bottom TYPE string VALUE `bottom`,
|
||||
left TYPE string VALUE `left`,
|
||||
end TYPE string VALUE `end`,
|
||||
END OF side.
|
||||
|
||||
CONSTANTS:
|
||||
BEGIN OF align ##NEEDED,
|
||||
start TYPE string VALUE `start`,
|
||||
center TYPE string VALUE `center`,
|
||||
end TYPE string VALUE `end`,
|
||||
END OF align.
|
||||
|
||||
TYPES:
|
||||
BEGIN OF ty_config_steps_popover,
|
||||
|
|
@ -14,21 +38,22 @@
|
|||
description TYPE string,
|
||||
side TYPE string,
|
||||
align TYPE string,
|
||||
show_buttons TYPE showbuttons_array,
|
||||
disable_buttons TYPE disablebuttons_array,
|
||||
show_buttons TYPE string,
|
||||
disable_buttons TYPE string,
|
||||
next_btn_text TYPE string,
|
||||
prev_btn_text TYPE string,
|
||||
done_btn_text TYPE string,
|
||||
show_progress TYPE abap_bool,
|
||||
progress_text TYPE string,
|
||||
popover_class TYPE string,
|
||||
END OF ty_config_steps_popover .
|
||||
END OF ty_config_steps_popover.
|
||||
|
||||
TYPES:
|
||||
BEGIN OF ty_config_steps,
|
||||
element TYPE string,
|
||||
elementview TYPE string,
|
||||
popover TYPE ty_config_steps_popover,
|
||||
END OF ty_config_steps .
|
||||
END OF ty_config_steps.
|
||||
|
||||
TYPES ty_config_steps_tt TYPE STANDARD TABLE OF ty_config_steps WITH DEFAULT KEY.
|
||||
|
||||
|
|
@ -53,14 +78,14 @@
|
|||
next_btn_text TYPE string,
|
||||
prev_btn_text TYPE string,
|
||||
done_btn_text TYPE string,
|
||||
END OF ty_config .
|
||||
END OF ty_config.
|
||||
|
||||
|
||||
DATA mo_view TYPE REF TO z2ui5_cl_xml_view .
|
||||
DATA mo_view TYPE REF TO z2ui5_cl_xml_view.
|
||||
|
||||
METHODS constructor
|
||||
IMPORTING
|
||||
!view TYPE REF TO z2ui5_cl_xml_view .
|
||||
!view TYPE REF TO z2ui5_cl_xml_view.
|
||||
|
||||
METHODS load_lib
|
||||
IMPORTING
|
||||
|
|
@ -69,21 +94,21 @@
|
|||
!local_css TYPE abap_bool OPTIONAL
|
||||
!local_js TYPE abap_bool OPTIONAL
|
||||
RETURNING
|
||||
VALUE(result) TYPE REF TO z2ui5_cl_xml_view .
|
||||
VALUE(result) TYPE REF TO z2ui5_cl_xml_view.
|
||||
|
||||
METHODS set_drive_config
|
||||
IMPORTING
|
||||
!config TYPE ty_config
|
||||
RETURNING
|
||||
VALUE(result) TYPE REF TO z2ui5_cl_xml_view .
|
||||
VALUE(result) TYPE REF TO z2ui5_cl_xml_view.
|
||||
|
||||
CLASS-METHODS get_css_local
|
||||
RETURNING
|
||||
VALUE(result) TYPE string .
|
||||
VALUE(result) TYPE string.
|
||||
|
||||
CLASS-METHODS get_js_local
|
||||
RETURNING
|
||||
VALUE(result) TYPE string .
|
||||
VALUE(result) TYPE string.
|
||||
PROTECTED SECTION.
|
||||
PRIVATE SECTION.
|
||||
|
||||
|
|
@ -132,7 +157,7 @@ CLASS Z2UI5_CL_CC_DRIVER_JS IMPLEMENTATION.
|
|||
|
||||
|
||||
METHOD get_js_local.
|
||||
result = `debugger;` && |\n| &&
|
||||
result = `` && |\n| &&
|
||||
`this.driver=this.driver||{};this.driver.js=function(D){"use strict";let F={};function z(e={}){F={animate:!0,allowClose:!0,overlayOpacity:.7,smoothScroll:!1,disableActiveInteraction:!1,showProgress:!1,stagePadding:10,stageRadius:5,` &&
|
||||
`popoverOffset:10,showButtons:["next","previous","close"],disableButtons:[],overlayColor:"#000",...e}}function a(e){return e?F[e]:F}function W(e,o,t,i){return(e/=i/2)<1?t/2*e*e+o:-t/2*(--e*(e-2)-1)+o}` &&
|
||||
`function q(` &&
|
||||
|
|
@ -296,49 +321,34 @@ CLASS Z2UI5_CL_CC_DRIVER_JS IMPLEMENTATION.
|
|||
|
||||
METHOD set_drive_config.
|
||||
|
||||
DATA lt_config TYPE ty_config.
|
||||
DATA(selector) = `` ##NEEDED.
|
||||
DATA(view) = ``.
|
||||
|
||||
|
||||
lt_config = config.
|
||||
|
||||
LOOP AT lt_config-steps ASSIGNING FIELD-SYMBOL(<fs_step>).
|
||||
|
||||
CASE <fs_step>-element(1).
|
||||
WHEN `#`.
|
||||
WHEN `.`.
|
||||
ENDCASE.
|
||||
|
||||
CASE to_upper( <fs_step>-elementview ).
|
||||
WHEN `NEST`.
|
||||
view = `oViewNest`.
|
||||
WHEN `NEST2`.
|
||||
view = `oViewNest2`.
|
||||
WHEN `POPOVER`.
|
||||
view = `oViewPopover`.
|
||||
WHEN `POPUP`.
|
||||
view = `oViewPopup`.
|
||||
WHEN OTHERS.
|
||||
* DEFAULT AS MAIN VIEW
|
||||
view = `oView`.
|
||||
ENDCASE.
|
||||
|
||||
CLEAR <fs_step>-elementview.
|
||||
ENDLOOP.
|
||||
|
||||
DATA(lv_config_json) = ``.
|
||||
lv_config_json = /ui2/cl_json=>serialize(
|
||||
data = lt_config
|
||||
"needed for transpilation to js
|
||||
DATA(lv_config_json) = ``.
|
||||
lv_config_json = /ui2/cl_json=>serialize(
|
||||
data = config
|
||||
compress = abap_true
|
||||
pretty_name = 'X' ).
|
||||
|
||||
|
||||
DATA(drive_js) = `const driver = window.driver.js.driver;` && |\n|.
|
||||
DATA(drive_js) = `const driver = window.driver.js.driver;` && |\n| &&
|
||||
`var config = ` && lv_config_json && `;` && |\n| &&
|
||||
`var iLength = config.steps.length;` && |\n| &&
|
||||
`for (var i = 0; i < iLength; i++) {` && |\n| &&
|
||||
` switch ( config.steps[i].elementview ) {` && |\n| &&
|
||||
` case 'NEST':` && |\n| &&
|
||||
` config.steps[i].element = '#' + sap.z2ui5.oViewNest.createId( config.steps[i].element );` && |\n| &&
|
||||
` case 'NEST2':` && |\n| &&
|
||||
` config.steps[i].element = '#' + sap.z2ui5.oViewNest2.createId( config.steps[i].element );` && |\n| &&
|
||||
` case 'POPUP':` && |\n| &&
|
||||
` config.steps[i].element = '#' + sap.z2ui5.oViewPopup.createId( config.steps[i].element );` && |\n| &&
|
||||
` case 'POPOVER':` && |\n| &&
|
||||
` config.steps[i].element = '#' + sap.z2ui5.oViewPopover.createId( config.steps[i].element );` && |\n| &&
|
||||
` case 'MAIN':` && |\n| &&
|
||||
` config.steps[i].element = '#' + sap.z2ui5.oView.createId( config.steps[i].element );` && |\n| &&
|
||||
` };` && |\n| &&
|
||||
`};` && |\n| &&
|
||||
`const driverObj = driver( config );` && |\n|.
|
||||
|
||||
|
||||
drive_js = drive_js && `const driverObj = driver(` && |\n| && lv_config_json && |\n| && `);`.
|
||||
|
||||
result = mo_view->_cc_plain_xml( `<html:script>` && drive_js && `</html:script>` ).
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user