epic-ts
[kivitendo-erp.git] / templates / webpages / menu / menu.html
index e4f89d9..f75035a 100644 (file)
@@ -1,55 +1,2 @@
-[%- USE L %]
-<style type='text/css'>
-  #html-menu { float:left; white-space: nowrap; }
-  #html-menu tr { vertical-align: top; }
-  #html-menu div.menuitem { padding: 2px 4px 1px 4px; }
-  #html-menu div.submenu { font-weight: bold }
-  #html-menu img { vertical-align: middle; visibility:hidden; border: 0; }
-  #html-menu div.menuitem:first-child img { visibility:visible }
-  #html-menu a { vertical-align: top }
-  #html-menu .item span.menu-spacer { display: inline-block; width: 24px }
-  #html-menu .menu span.menu-spacer { display: inline-block; width: 32px }
-</style>
-<body class="menu">
-
-<div id='html-menu'>
-  [% INCLUDE sections %]
-</div>
-</body>
-</html>
-[%- BLOCK sections %]
-[%- FOREACH item IN sections %]
-   <div class='menu-multiline'>
-   [% SET menuouterloopcount = loop.count %]
- [%- FOREACH chunk IN item.chunks %]
-     <div id='menuitem[% menulevel %]_[% menuouterloopcount %]' class='menuitem [% item.class %] hover'>[% PROCESS item %]</div>
- [%- END %]
-     [%- IF item.subitems.size %]
-       <div id='menuitem[% menulevel %]_[% loop.count %]_submenu'>
-       [% INCLUDE sections sections=item.subitems, menulevel='_'+loop.count %]
-       </div>
-     [%- END %]
-   </div>
-[%- END %]
-[%- END  %]
-[%- BLOCK item %]
-  [% item.spacer %]
-  [%- IF item.href %]
-    [% L.link(item.href, L.html_tag('span', L.html_tag('img', undef, item.img), class='menu-spacer') _ chunk, target=item.target) %]
-  [%- ELSE %]
-    [% L.html_tag('img', undef, item.img) _ chunk %]
-  [%- END %]
-[%- END %]
-
-</body>
-
-<script type='text/javascript'>
-  $(function(){
-    $('#html-menu div[id$=submenu]').hide();
-    $('#html-menu div.menu').each(function() {
-      $(this).click(function(){
-        $('#' + $(this).attr('id') + '_submenu').toggle();
-      });
-    });
-  });
-</script>
+[%- USE JSON %]
+$(function(){$([% JSON.json(sections) %]).each(function(i,b){var a=$('<a class="ml">').append($('<span class="mii ms">').append($('<div>').addClass(b[3])),$('<span class="mic">').append(b[0]));if(b[5])a.attr('href', b[5]);if(b[6])a.attr('target', b[6]);$('#html-menu').append($('<div class="mi">').addClass(b[4]).addClass(b[1]).attr('id','mi'+b[2]).append(a))});$('#html-menu div.i, #html-menu div.sm').not('[id^='+$.cookie('html-menu-selection')+'_]').hide();$('#html-menu div.m').each(function(){$(this).click(function(){$.cookie('html-menu-selection',$(this).attr('id'));$('#html-menu div.mi').not('div.m').not('[id^='+$(this).attr('id')+'_]').hide();$('#html-menu div.mi[id^='+$(this).attr('id')+'_]').toggle()})})})