You are here

tb-megamenu-item-toolbox.html.twig in The Better Mega Menu 8

Same filename and directory in other branches
  1. 2.x templates/backend/tb-megamenu-item-toolbox.html.twig
<div id="tb-megamenu-admin-mm-toolitem" class="admin-toolbox">
  <h3>{{ 'Item Configuration'|t }} (<a href="#" class="back-megamenu-toolbox">{{ 'MegaMenu Toolbox'|t }}</a>)</h3>
  <p>{{ 'This allows you to configure each link you added in the Drupal core menu. You can: add block, have it styled by adding extra class, set icon (Bootstrap icons) and add description.'|t }}</p>
  <ul id="toogle-submenu-wrapper">
    <li>
      <label class="hasTip" title="{{ 'Submenu'|t }} - {{ 'Enable or disable submenu'|t }}">{{ 'Submenu'|t }}</label>
      <fieldset class="radio btn-group toolitem-sub">
        <input type="radio" id="toggleSub0" class="toolbox-toggle" data-action="toggleSub" name="toggleSub" value="0" />
        <label for="toggleSub0" title="{{ 'Disable submenu'|t }}">{{ 'No'|t }}</label>
        <input type="radio" id="toggleSub1" class="toolbox-toggle" data-action="toggleSub" name="toggleSub" value="1" checked="checked"/>
        <label for="toggleSub1" title="{{ 'Enable submenu'|t }}">{{ 'Yes'|t }}</label>
      </fieldset>
    </li>
  </ul>
  <ul id="toogle-group-wrapper">
    <li>
      <label class="hasTip" title="{{ 'Group'|t }} - {{ 'Configure how this item’s submenu display'|t }}">{{ 'Group'|t }}</label>
      <fieldset class="radio btn-group toolitem-group">
        <input type="radio" id="toggleGroup0" class="toolbox-toggle" data-action="toggleGroup" name="toggleGroup" value="0" checked="checked"/>
        <label for="toggleGroup0" title="{{ 'Submenu items show only when hover/click on this tem.'|t }}">{{ 'No'|t }}</label>
        <input type="radio" id="toggleGroup1" class="toolbox-toggle" data-action="toggleGroup" name="toggleGroup" value="1"/>
        <label for="toggleGroup1" title="{{ 'Submenu items are visible under this item.'|t }} ">{{ 'Yes'|t }}</label>
      </fieldset>
    </li>
  </ul>
  <ul id="toogle-break-column-wrapper">
    <li>
      <label class="hasTip" title="{{ 'Break column'|t }} - {{ 'Move the item to the left/right column, create new column if there’s none on the chosen side.'|t }}">{{ 'Break column'|t }}</label>
      <fieldset class="btn-group">
        <a href="" class="btn toolitem-moveleft toolbox-action" data-action="moveItemsLeft" title="{{ 'Move the items to the left column.'|t }}"><i class="fa fa-arrow-left"></i></a>
        <a href="" class="btn toolitem-moveright toolbox-action" data-action="moveItemsRight" title="{{ 'Move the items to the right column.'|t }}"><i class="fa fa-arrow-right"></i></a>
      </fieldset>
    </li>
  </ul>
  <ul>
    <li title="{{ 'Extra class'|t }} - {{ 'Add extra class to style megamenu.'|t }}">
      <label class="hasTip">{{ 'Extra class'|t }}</label>
      <fieldset class="">
        <input type="text" class="input-medium toolitem-exclass toolbox-input" name="toolitem-exclass" data-name="class" value="" />
      </fieldset>
    </li>
  </ul>
  <ul>
    <li title="{{ 'Icon'|t }} - {{ 'Add Icon for Menu Item. Click Icon label to visit Bootstrap icons page and get Icon Class. E.g.: fa-search'|t }}">
      <label class="hasTip">
        <a href="http://twitter.github.com/bootstrap/base-css.html#icons" target="_blank"><i class="fa fa-search"></i>{{ 'Icon'|t }}</a>
      </label>
      <fieldset class="">
        <input type="text" class="input-medium toolitem-xicon toolbox-input" name="toolitem-xicon" data-name="xicon" value="" />
      </fieldset>
    </li>
  </ul>
  <ul>
    <li title="{{ 'Item caption'|t }} - {{ 'Add caption to this item'|t }}">
      <label class="hasTip">
        {{ 'Item caption'|t }}
      </label>
      <fieldset class="">
        <input type="text" class="input-large toolitem-caption toolbox-input" name="toolitem-caption" data-name="caption" value="" />
      </fieldset>
    </li>
  </ul>
</div>

File

templates/backend/tb-megamenu-item-toolbox.html.twig
View source
  1. <div id="tb-megamenu-admin-mm-toolitem" class="admin-toolbox">
  2. <h3>{{ 'Item Configuration'|t }} (<a href="#" class="back-megamenu-toolbox">{{ 'MegaMenu Toolbox'|t }}</a>)</h3>
  3. <p>{{ 'This allows you to configure each link you added in the Drupal core menu. You can: add block, have it styled by adding extra class, set icon (Bootstrap icons) and add description.'|t }}</p>
  4. <ul id="toogle-submenu-wrapper">
  5. <li>
  6. <label class="hasTip" title="{{ 'Submenu'|t }} - {{ 'Enable or disable submenu'|t }}">{{ 'Submenu'|t }}</label>
  7. <fieldset class="radio btn-group toolitem-sub">
  8. <input type="radio" id="toggleSub0" class="toolbox-toggle" data-action="toggleSub" name="toggleSub" value="0" />
  9. <label for="toggleSub0" title="{{ 'Disable submenu'|t }}">{{ 'No'|t }}</label>
  10. <input type="radio" id="toggleSub1" class="toolbox-toggle" data-action="toggleSub" name="toggleSub" value="1" checked="checked"/>
  11. <label for="toggleSub1" title="{{ 'Enable submenu'|t }}">{{ 'Yes'|t }}</label>
  12. </fieldset>
  13. </li>
  14. </ul>
  15. <ul id="toogle-group-wrapper">
  16. <li>
  17. <label class="hasTip" title="{{ 'Group'|t }} - {{ 'Configure how this item’s submenu display'|t }}">{{ 'Group'|t }}</label>
  18. <fieldset class="radio btn-group toolitem-group">
  19. <input type="radio" id="toggleGroup0" class="toolbox-toggle" data-action="toggleGroup" name="toggleGroup" value="0" checked="checked"/>
  20. <label for="toggleGroup0" title="{{ 'Submenu items show only when hover/click on this tem.'|t }}">{{ 'No'|t }}</label>
  21. <input type="radio" id="toggleGroup1" class="toolbox-toggle" data-action="toggleGroup" name="toggleGroup" value="1"/>
  22. <label for="toggleGroup1" title="{{ 'Submenu items are visible under this item.'|t }} ">{{ 'Yes'|t }}</label>
  23. </fieldset>
  24. </li>
  25. </ul>
  26. <ul id="toogle-break-column-wrapper">
  27. <li>
  28. <label class="hasTip" title="{{ 'Break column'|t }} - {{ 'Move the item to the left/right column, create new column if there’s none on the chosen side.'|t }}">{{ 'Break column'|t }}</label>
  29. <fieldset class="btn-group">
  30. <a href="" class="btn toolitem-moveleft toolbox-action" data-action="moveItemsLeft" title="{{ 'Move the items to the left column.'|t }}"><i class="fa fa-arrow-left"></i></a>
  31. <a href="" class="btn toolitem-moveright toolbox-action" data-action="moveItemsRight" title="{{ 'Move the items to the right column.'|t }}"><i class="fa fa-arrow-right"></i></a>
  32. </fieldset>
  33. </li>
  34. </ul>
  35. <ul>
  36. <li title="{{ 'Extra class'|t }} - {{ 'Add extra class to style megamenu.'|t }}">
  37. <label class="hasTip">{{ 'Extra class'|t }}</label>
  38. <fieldset class="">
  39. <input type="text" class="input-medium toolitem-exclass toolbox-input" name="toolitem-exclass" data-name="class" value="" />
  40. </fieldset>
  41. </li>
  42. </ul>
  43. <ul>
  44. <li title="{{ 'Icon'|t }} - {{ 'Add Icon for Menu Item. Click Icon label to visit Bootstrap icons page and get Icon Class. E.g.: fa-search'|t }}">
  45. <label class="hasTip">
  46. <a href="http://twitter.github.com/bootstrap/base-css.html#icons" target="_blank"><i class="fa fa-search"></i>{{ 'Icon'|t }}</a>
  47. </label>
  48. <fieldset class="">
  49. <input type="text" class="input-medium toolitem-xicon toolbox-input" name="toolitem-xicon" data-name="xicon" value="" />
  50. </fieldset>
  51. </li>
  52. </ul>
  53. <ul>
  54. <li title="{{ 'Item caption'|t }} - {{ 'Add caption to this item'|t }}">
  55. <label class="hasTip">
  56. {{ 'Item caption'|t }}
  57. </label>
  58. <fieldset class="">
  59. <input type="text" class="input-large toolitem-caption toolbox-input" name="toolitem-caption" data-name="caption" value="" />
  60. </fieldset>
  61. </li>
  62. </ul>
  63. </div>