11 <div data-role=
"steps-wizard-main" class=
"steps-wizard <?= /* @noEscape */ $block->getData('config/dataScope') ?>" data-bind=
"scope: '<?= /* @escapeNotVerified */ $block->getComponentName() ?>'">
12 <div data-role=
"messages" class=
"messages"></div>
14 <div data-role=
"steps-wizard-controls" class=
"steps-wizard-navigation">
16 <?php
foreach (
$block->getSteps() as $step) { ?>
17 <li data-role=
"collapsible" data-bind=
"css: { 'active': selectedStep() == '<?= /* @escapeNotVerified */ $step->getComponentName() ?>'}">
18 <a href=
"#<?= /* @escapeNotVerified */ $step->getComponentName() ?>" 19 data-bind=
"click: showSpecificStep">
20 <?= $step->getCaption() ?>
25 <div
class=
"nav-bar-outer-actions">
26 <div
class=
"action-wrap" data-role=
"closeBtn">
28 class=
"action-cancel action-tertiary" data-bind=
"click: close">
29 <span><?=
__(
'Cancel') ?></span>
32 <div
class=
"action-wrap action-wrap-prev" data-role=
"step-wizard-prev">
34 class=
"action-default action-back-step" 35 data-bind=
"click: back, css: { 'disabled': disabled}">
36 <span><?=
__(
'Back') ?></span>
39 <div
class=
"action-wrap action-wrap-next" data-role=
"step-wizard-next">
41 class=
"action-default action-primary action-next-step" data-bind=
"click: next">
42 <span><?=
__(
'Next') ?></span>
47 <div data-role=
"steps-wizard-tab">
48 <?php
foreach (
$block->getSteps() as $step) { ?>
49 <div data-bind=
"visible: selectedStep() == $element.id, css: {'no-display':false}" 50 class=
"content no-display" id=
"<?= /* @escapeNotVerified */ $step->getComponentName() ?>" 52 <?= $step->getContent() ?>
58 <script type=
"text/x-magento-init">
61 "Magento_Ui/js/core/app": {
63 "<?= /* @escapeNotVerified */ $block->getComponentName() ?>": {
64 "component":
"Magento_Ui/js/lib/step-wizard",
65 "initData": <?= $this->helper(
"Magento\Framework\Json\Helper\Data")->jsonEncode(
$block->getInitData()) ?>,
66 "stepsNames": <?= $this->helper(
"Magento\Framework\Json\Helper\Data")->jsonEncode(
$block->getStepComponents()) ?>,
67 "modalClass":
"<?= /* @noEscape */ $block->getData('config/dataScope') ?>"