templates/webpages/menu/menu.html

   1 [%- USE L %]
   2 <body class="menu">
   3
   4 <div id='html-menu'>
   5   [% PROCESS sections %]
   6 </div>
   7 <script type='text/javascript'>
   8   $(function(){
   9     $('#html-menu div.item, #html-menu div.submenu').hide();
  10     $('#html-menu div.menu').each(function() {
  11       $(this).click(function(){
  12         $('#html-menu div.mi').not('div.menu').not('[id^=' + $(this).attr('id') + '_]').hide();
  13         $('#html-menu div.mi[id^=' + $(this).attr('id') + '_]').toggle();
  14       });
  15     });
  16   });
  17 </script>
  18 </body>
  19 </html>
  20 [%- BLOCK sections %]
  21 [%- FOREACH item IN sections %]
  22  <div id='mi[% menulevel %]_[% loop.count %]' class='mi [% item.spacer %] [% item.class %]'>
  23  [%- IF item.href %]
  24   <a href="[% item.href | html %]" class='ml' target='[% item.target %]'><span class="mii ms">[% L.img_tag(item.img) %]</span><span class='mic'>[% item.label %]</span></a>
  25  [%- ELSE %]
  26   <span class="mii ms">[% L.img_tag(item.img) %]</span><span class='mic'>[% item.label %]</span>
  27  [%- END %]
  28  </div>
  29  [%- IF item.subitems.size %]
  30   [% INCLUDE sections sections=item.subitems, menulevel= menulevel _ '_' _ loop.count %]
  31  [%- END %]
  32 [%- END %]
  33 [%- END  %]