You are here

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

Same filename and directory in other branches
  1. 2.x templates/backend/tb-megamenu-column-toolbox.html.twig
<div id="tb-megamenu-admin-mm-toolcol" class="admin-toolbox">
  <h3>{{ 'Column Configuration'|t }}(<a href="#" class="back-megamenu-toolbox">{{ 'MegaMenu Toolbox'|t }}</a>)</h3>
  <p>{{ 'Allows you to: add and remove column, set grid, add block to column and style the column with extra class'|t }}</p>
  <ul>
    <li>
      <label class="hasTip" title="{{ 'Add/remove Column'|t }} - {{ 'Click + to add a new column on the right of the selected column. Click - to remove the selected column'|t }}">{{ 'Add/remove Column'|t }}</label>
      <fieldset class="btn-group">
        <a href="" class="btn toolcol-addcol toolbox-action first" data-action="addColumn" title="{{ 'Add a new column on the right of the selected column'|t }}"><i class="fa fa-plus"></i></a>
        <a href="" class="btn toolcol-removecol toolbox-action last" data-action="removeColumn" title="{{ 'Remove the selected column'|t }}"><i class="fa fa-minus"></i></a>
      </fieldset>
    </li>
  </ul>
  <ul>
    <li>
      <label class="hasTip" title="{{ 'Move Row up/down'|t }} - {{ 'Click up arrow to move the selected row up. Click down arrow to move the selected row down'|t }}">{{ 'Move Row up/down'|t }}</label>
      <fieldset class="btn-group">
        <a href="" class="btn toolcol-addcol toolbox-action first" data-action="rowUp" title="{{ 'Move the selected row up'|t }}"><i class="fa fa-arrow-up"></i></a>
        <a href="" class="btn toolcol-removecol toolbox-action last" data-action="rowDown" title="{{ 'Move the selected row downn'|t }}"><i class="fa fa-arrow-down"></i></a>
      </fieldset>
    </li>
  </ul>
  <ul>
    <li>
      <label class="hasTip" title="{{ 'Hide when collapse'|t }} - {{ 'Hide this column when the menu is collapsed on small screen'|t }}">{{ 'Hide when collapse'|t }}</label>
      <fieldset class="radio btn-group toolcol-hidewhencollapse">
        <input type="radio" id="toggleHideWhenCollapse0" class="toolbox-toggle" data-action="hideWhenCollapse" name="toggleHideWhenCollapse" value="0" checked="checked"/>
        <label for="toggleHideWhenCollapse0" title="{{ 'Keep showing this column when the menu is collapsed on small screen'|t }}">{{ 'No'|t }}</label>
        <input type="radio" id="toggleHideWhenCollapse1" class="toolbox-toggle" data-action="hideWhenCollapse" name="toggleHideWhenCollapse" value="1"/>
        <label for="toggleHideWhenCollapse1" title="<?php print t('Hide this column when the menu is collapsed on small screen') ?>">{{ 'Yes'|t }}</label>
      </fieldset>
    </li>
  </ul>
  <ul>
    <li id="tb-megamenu-grid-wrapper" title="{{ 'Grid (1-12)'|t }} - {{ 'Set number of grid columns the selected column spans'|t }}">
      <label class="hasTip">{{ 'Grid (1-12)'|t }}</label>
      <fieldset class="">
        <select class="toolcol-width toolbox-input toolbox-select input-mini" name="toolcol-width" data-name="width">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
        </select>
      </fieldset>
    </li>
  </ul>
  <ul>
    <li id="tb-megamenu-block-wrapper" title="{{ 'Blocks'|t }} - {{ 'Add/replace a block to the selected column'|t }}">
      <label class="hasTip">{{ 'Blocks'|t }}</label>
      <fieldset class="btn-group">
        <select class="toolcol-block toolbox-input toolbox-select input-medium" name="toolcol-block" data-name="block" data-placeholder="{{ 'Select Block'|t }}" style="width: 200px;">
          <option value=""></option>
          {% for block_id, block in blocks_options %}
            <option value="{{ block_id }}"> {{ block }} </option>
          {% endfor %}
        </select>
      </fieldset>
    </li>
  </ul>
  <ul>
    <li>
      <label class="hasTip" title="{{ 'Show block title'|t }}">{{ 'Show block title'|t }}</label>
      <fieldset class="radio btn-group toolcol-showblocktitle">
        <input type="radio" id="toggleShowBlockTitle0" class="toolbox-toggle" data-action="showBlockTitle" name="toggleShowBlockTitle" value="0"/>
        <label for="toggleShowBlockTitle0">{{ 'No'|t }}</label>
        <input type="radio" id="toggleShowBlockTitle1" class="toolbox-toggle" data-action="showBlockTitle" name="toggleShowBlockTitle" value="1" checked="checked"/>
        <label for="toggleShowBlockTitle1">{{ 'Yes'|t }}</label>
      </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 toolcol-exclass toolbox-input" name="toolcol-exclass" data-name="class" value="" />
      </fieldset>
    </li>
  </ul>
</div>    

File

templates/backend/tb-megamenu-column-toolbox.html.twig
View source
  1. <div id="tb-megamenu-admin-mm-toolcol" class="admin-toolbox">
  2. <h3>{{ 'Column Configuration'|t }}(<a href="#" class="back-megamenu-toolbox">{{ 'MegaMenu Toolbox'|t }}</a>)</h3>
  3. <p>{{ 'Allows you to: add and remove column, set grid, add block to column and style the column with extra class'|t }}</p>
  4. <ul>
  5. <li>
  6. <label class="hasTip" title="{{ 'Add/remove Column'|t }} - {{ 'Click + to add a new column on the right of the selected column. Click - to remove the selected column'|t }}">{{ 'Add/remove Column'|t }}</label>
  7. <fieldset class="btn-group">
  8. <a href="" class="btn toolcol-addcol toolbox-action first" data-action="addColumn" title="{{ 'Add a new column on the right of the selected column'|t }}"><i class="fa fa-plus"></i></a>
  9. <a href="" class="btn toolcol-removecol toolbox-action last" data-action="removeColumn" title="{{ 'Remove the selected column'|t }}"><i class="fa fa-minus"></i></a>
  10. </fieldset>
  11. </li>
  12. </ul>
  13. <ul>
  14. <li>
  15. <label class="hasTip" title="{{ 'Move Row up/down'|t }} - {{ 'Click up arrow to move the selected row up. Click down arrow to move the selected row down'|t }}">{{ 'Move Row up/down'|t }}</label>
  16. <fieldset class="btn-group">
  17. <a href="" class="btn toolcol-addcol toolbox-action first" data-action="rowUp" title="{{ 'Move the selected row up'|t }}"><i class="fa fa-arrow-up"></i></a>
  18. <a href="" class="btn toolcol-removecol toolbox-action last" data-action="rowDown" title="{{ 'Move the selected row downn'|t }}"><i class="fa fa-arrow-down"></i></a>
  19. </fieldset>
  20. </li>
  21. </ul>
  22. <ul>
  23. <li>
  24. <label class="hasTip" title="{{ 'Hide when collapse'|t }} - {{ 'Hide this column when the menu is collapsed on small screen'|t }}">{{ 'Hide when collapse'|t }}</label>
  25. <fieldset class="radio btn-group toolcol-hidewhencollapse">
  26. <input type="radio" id="toggleHideWhenCollapse0" class="toolbox-toggle" data-action="hideWhenCollapse" name="toggleHideWhenCollapse" value="0" checked="checked"/>
  27. <label for="toggleHideWhenCollapse0" title="{{ 'Keep showing this column when the menu is collapsed on small screen'|t }}">{{ 'No'|t }}</label>
  28. <input type="radio" id="toggleHideWhenCollapse1" class="toolbox-toggle" data-action="hideWhenCollapse" name="toggleHideWhenCollapse" value="1"/>
  29. <label for="toggleHideWhenCollapse1" title="<?php print t('Hide this column when the menu is collapsed on small screen') ?>">{{ 'Yes'|t }}</label>
  30. </fieldset>
  31. </li>
  32. </ul>
  33. <ul>
  34. <li id="tb-megamenu-grid-wrapper" title="{{ 'Grid (1-12)'|t }} - {{ 'Set number of grid columns the selected column spans'|t }}">
  35. <label class="hasTip">{{ 'Grid (1-12)'|t }}</label>
  36. <fieldset class="">
  37. <select class="toolcol-width toolbox-input toolbox-select input-mini" name="toolcol-width" data-name="width">
  38. <option value="1">1</option>
  39. <option value="2">2</option>
  40. <option value="3">3</option>
  41. <option value="4">4</option>
  42. <option value="5">5</option>
  43. <option value="6">6</option>
  44. <option value="7">7</option>
  45. <option value="8">8</option>
  46. <option value="9">9</option>
  47. <option value="10">10</option>
  48. <option value="11">11</option>
  49. <option value="12">12</option>
  50. </select>
  51. </fieldset>
  52. </li>
  53. </ul>
  54. <ul>
  55. <li id="tb-megamenu-block-wrapper" title="{{ 'Blocks'|t }} - {{ 'Add/replace a block to the selected column'|t }}">
  56. <label class="hasTip">{{ 'Blocks'|t }}</label>
  57. <fieldset class="btn-group">
  58. <select class="toolcol-block toolbox-input toolbox-select input-medium" name="toolcol-block" data-name="block" data-placeholder="{{ 'Select Block'|t }}" style="width: 200px;">
  59. <option value=""></option>
  60. {% for block_id, block in blocks_options %}
  61. <option value="{{ block_id }}"> {{ block }} </option>
  62. {% endfor %}
  63. </select>
  64. </fieldset>
  65. </li>
  66. </ul>
  67. <ul>
  68. <li>
  69. <label class="hasTip" title="{{ 'Show block title'|t }}">{{ 'Show block title'|t }}</label>
  70. <fieldset class="radio btn-group toolcol-showblocktitle">
  71. <input type="radio" id="toggleShowBlockTitle0" class="toolbox-toggle" data-action="showBlockTitle" name="toggleShowBlockTitle" value="0"/>
  72. <label for="toggleShowBlockTitle0">{{ 'No'|t }}</label>
  73. <input type="radio" id="toggleShowBlockTitle1" class="toolbox-toggle" data-action="showBlockTitle" name="toggleShowBlockTitle" value="1" checked="checked"/>
  74. <label for="toggleShowBlockTitle1">{{ 'Yes'|t }}</label>
  75. </fieldset>
  76. </li>
  77. </ul>
  78. <ul>
  79. <li title="{{ 'Extra class'|t }} - {{ 'Add extra class to style megamenu'|t }}">
  80. <label class="hasTip">{{ 'Extra class'|t }}</label>
  81. <fieldset class="">
  82. <input type="text" class="input-medium toolcol-exclass toolbox-input" name="toolcol-exclass" data-name="class" value="" />
  83. </fieldset>
  84. </li>
  85. </ul>
  86. </div>