Magento 2 Documentation  2.3
Documentation for Magento 2 CMS v2.3 (December 2018)
tabs.phtml
Go to the documentation of this file.
1 <?php
7 // @codingStandardsIgnoreFile
8 
10 ?>
11 <?php if (!empty($tabs)): ?>
12 
13 <div class="admin__page-nav" data-role="container" id="<?= /* @escapeNotVerified */ $block->getId() ?>">
14  <?php if ($block->getTitle()): ?>
15  <div class="admin__page-nav-title" data-role="title" <?= /* @escapeNotVerified */ $block->getUiId('title') ?>>
16  <strong><?= /* @escapeNotVerified */ $block->getTitle() ?></strong>
17  <span data-role="title-messages" class="admin__page-nav-title-messages"></span>
18  </div>
19  <?php endif ?>
20  <ul <?= /* @escapeNotVerified */ $block->getUiId('tab', $block->getId()) ?> class="<?= /* @escapeNotVerified */ $block->getIsHoriz() ? 'tabs-horiz' : 'tabs admin__page-nav-items' ?>">
21  <?php foreach ($tabs as $_tab): ?>
22 
23  <?php if (!$block->canShowTab($_tab)): continue; endif; ?>
24  <?php $_tabClass = 'tab-item-link ' . $block->getTabClass($_tab) . ' ' . (preg_match('/\s?ajax\s?/', $_tab->getClass()) ? 'notloaded' : '') ?>
25  <?php $_tabType = (!preg_match('/\s?ajax\s?/', $_tabClass) && $block->getTabUrl($_tab) != '#') ? 'link' : '' ?>
26  <?php $_tabHref = $block->getTabUrl($_tab) == '#' ? '#' . $block->getTabId($_tab) . '_content' : $block->getTabUrl($_tab) ?>
27 
28  <li class="admin__page-nav-item" <?php if ($block->getTabIsHidden($_tab)): ?> style="display:none"<?php endif; ?><?= /* @escapeNotVerified */ $block->getUiId('tab', 'item', $_tab->getId()) ?>>
29  <a href="<?= /* @escapeNotVerified */ $_tabHref ?>" id="<?= /* @escapeNotVerified */ $block->getTabId($_tab) ?>" name="<?= /* @escapeNotVerified */ $block->getTabId($_tab, false) ?>" title="<?= /* @escapeNotVerified */ $block->getTabTitle($_tab) ?>"
30  class="admin__page-nav-link <?= /* @escapeNotVerified */ $_tabClass ?>"
31  data-tab-type="<?= /* @escapeNotVerified */ $_tabType ?>"
32  <?= /* @escapeNotVerified */ $block->getUiId('tab', 'link', $_tab->getId()) ?>>
33 
34  <span><?= /* @escapeNotVerified */ $block->getTabLabel($_tab) ?></span>
35 
36  <span class="admin__page-nav-item-messages" data-role="item-messages">
37  <span class="admin__page-nav-item-message _changed">
38  <span class="admin__page-nav-item-message-icon"></span>
39  <span class="admin__page-nav-item-message-tooltip">
40  <?= /* @escapeNotVerified */ __('Changes have been made to this section that have not been saved.') ?>
41  </span>
42  </span>
43  <span class="admin__page-nav-item-message _error">
44  <span class="admin__page-nav-item-message-icon"></span>
45  <span class="admin__page-nav-item-message-tooltip">
46  <?= /* @escapeNotVerified */ __('This tab contains invalid data. Please resolve this before saving.') ?>
47  </span>
48  </span>
49  <span class="admin__page-nav-item-message-loader">
50  <span class="spinner">
51  <span></span><span></span><span></span><span></span>
52  <span></span><span></span><span></span><span></span>
53  </span>
54  </span>
55  </span>
56  </a>
57  <div id="<?= /* @escapeNotVerified */ $block->getTabId($_tab) ?>_content" style="display:none;"<?= /* @escapeNotVerified */ $block->getUiId('tab', 'content', $_tab->getId()) ?>><?= /* @escapeNotVerified */ $block->getTabContent($_tab) ?></div>
58  </li>
59  <?php endforeach; ?>
60  </ul>
61 </div>
62 
63 <script>
64 require(['jquery',"mage/backend/tabs"], function($){
65  $(function() {
66  $('#<?= /* @escapeNotVerified */ $block->getId() ?>').tabs({
67  active: '<?= /* @escapeNotVerified */ $block->getActiveTabId() ?>',
68  destination: '#<?= /* @escapeNotVerified */ $block->getDestElementId() ?>',
69  shadowTabs: <?= /* @escapeNotVerified */ $block->getAllShadowTabs() ?>,
70  tabsBlockPrefix: '<?= /* @escapeNotVerified */ $block->getId() ?>_',
71  tabIdArgument: 'active_tab'
72  });
73  });
74 });
75 </script>
76 <?php endif; ?>
__()
Definition: __.php:13
$block
Definition: block.php:8
endif
Definition: tabs.phtml:23
$_tabClass $_tabType $_tabHref if($block->getTabIsHidden($_tab)) endforeach
Definition: tabs.phtml:57