templates/webpages/menu/menu.html

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