Magento 2 Documentation  2.3
Documentation for Magento 2 CMS v2.3 (December 2018)
stepswizard.phtml
Go to the documentation of this file.
1 <?php
7 // @codingStandardsIgnoreFile
8 
10 ?>
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>
13 
14  <div data-role="steps-wizard-controls" class="steps-wizard-navigation">
15  <ul class="nav-bar">
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  <?= /* @escapeNotVerified */ $step->getCaption() ?>
21  </a>
22  </li>
23  <?php } ?>
24  </ul>
25  <div class="nav-bar-outer-actions">
26  <div class="action-wrap" data-role="closeBtn">
27  <button type="button"
28  class="action-cancel action-tertiary" data-bind="click: close">
29  <span><?= /* @escapeNotVerified */ __('Cancel') ?></span>
30  </button>
31  </div>
32  <div class="action-wrap action-wrap-prev" data-role="step-wizard-prev">
33  <button type="button"
34  class="action-default action-back-step"
35  data-bind="click: back, css: { 'disabled': disabled}">
36  <span><?= /* @escapeNotVerified */ __('Back') ?></span>
37  </button>
38  </div>
39  <div class="action-wrap action-wrap-next" data-role="step-wizard-next">
40  <button type="button"
41  class="action-default action-primary action-next-step" data-bind="click: next">
42  <span><?= /* @escapeNotVerified */ __('Next') ?></span>
43  </button>
44  </div>
45  </div>
46  </div>
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() ?>"
51  data-role="content">
52  <?= /* @escapeNotVerified */ $step->getContent() ?>
53  </div>
54  <?php } ?>
55  </div>
56 </div>
57 
58 <script type="text/x-magento-init">
59  {
60  "*": {
61  "Magento_Ui/js/core/app": {
62  "components": {
63  "<?= /* @escapeNotVerified */ $block->getComponentName() ?>": {
64  "component": "Magento_Ui/js/lib/step-wizard",
65  "initData": <?= /* @escapeNotVerified */ $this->helper("Magento\Framework\Json\Helper\Data")->jsonEncode($block->getInitData()) ?>,
66  "stepsNames": <?= /* @escapeNotVerified */ $this->helper("Magento\Framework\Json\Helper\Data")->jsonEncode($block->getStepComponents()) ?>,
67  "modalClass": "<?= /* @noEscape */ $block->getData('config/dataScope') ?>"
68  }
69  }
70  }
71  }
72  }
73 </script>
__()
Definition: __.php:13
$block
Definition: block.php:8