templates/webpages/menu/menu.html

   1 [%- USE L %]
   2 <body class="menu">
   3
   4 <div id='html-menu'>
   5   [% INCLUDE sections %]
   6 </div>
   7 <script type='text/javascript'>
   8   $(function(){
   9     $('#html-menu div.menu-submenu').hide();
  10     $('#html-menu div.menu').each(function() {
  11       $(this).click(function(){
  12         $('#html-menu div.menu-submenu').not('#' + $(this).attr('id') + '_submenu').hide();
  13         $('#' + $(this).attr('id') + '_submenu').toggle();
  14       });
  15     });
  16   });
  17 </script>
  18 </body>
  19 </html>
  20 [%- BLOCK sections %]
  21 [%- FOREACH item IN sections %]
  22  <div class='menu-multiline'>
  23  [% SET menuouterloopcount = loop.count %]
  24   <div id='menuitem[% menulevel %]_[% menuouterloopcount %]' class='menuitem [% item.class %] hover'>
  25    [%- FOREACH chunk IN item.chunks %]
  26    <div class='menuitemchunk hover'>[% PROCESS item %]</div>
  27    [%- END %]
  28   </div>
  29    [%- IF item.subitems.size %]
  30    <div id='menuitem[% menulevel %]_[% loop.count %]_submenu' class='menu-submenu[% menulevel %]'>
  31    [% INCLUDE sections sections=item.subitems, menulevel= menulevel _ '_' _ loop.count %]
  32    </div>
  33   [%- END %]
  34  </div>
  35 [%- END %]
  36 [%- END  %]
  37 [%- BLOCK item %]
  38   [% item.spacer %]
  39   [%- IF item.href %]
  40     [% L.link(item.href, L.html_tag('span', L.img_tag(item.img), class='menu-spacer') _ chunk, class='menu-link', target=item.target) %]
  41   [%- ELSE %]
  42     [% L.html_tag('span', L.img_tag(item.img), class='menu-spacer') _ chunk %]
  43   [%- END %]
  44 [%- END %]