spanDropdownButton_components.tpl 1.6 KB

123456789101112131415161718192021222324252627282930
  1. <script type="text/x-template" id="t-mg-dropdawn-btn-wrapper-{$elementId|strtolower}"
  2. :component_id="component_id"
  3. :component_namespace="component_namespace"
  4. :component_index="component_index"
  5. >
  6. <span class="lu-has-dropdown">
  7. <button @click="toogleDropdawn" class="mg-drop-target-btn lu-btn lu-btn--icon lu-btn--link lu-btn--default" data-tooltip="" data-title="{$MGLANG->T('More Actions')}">
  8. <i class="lu-btn__icon lu-zmdi lu-zmdi-more-vert"></i>
  9. </button>
  10. <div class="mg-drop-bg-wrapper" v-show="dropOpen" @click="hideDrop"></div>
  11. <div v-show="dropOpen" @click="hideDrop" class="drop lu-drop-element drop-enabled drop-element-attached-top drop-element-attached-left drop-target-attached-bottom drop-target-attached-left drop-open drop-open-transitionend drop-after-open">
  12. <div class="drop-content">
  13. <div class="lu-dropdown" data-dropdown-menu="">
  14. <div class="lu-dropdown__arrow" data-arrow="" style="left: auto; right: 10px;"></div>
  15. <ul class="lu-dropdown__menu">
  16. <li class="lu-dropdown__header">
  17. <span class="lu-dropdown__title">{$MGLANG->T('Additional Actions')}</span>
  18. </li>
  19. {foreach from=$rawObject->getButtons() key=buttonKey item=buttonValue}
  20. <li class="lu-dropdown__item">
  21. {$buttonValue->getHtml()}
  22. </li>
  23. {/foreach}
  24. </ul>
  25. </div>
  26. </div>
  27. </div>
  28. </span>
  29. </script>