kivitendo/templates/webpages/menu/menu.html @ 7adc5519
| 88bd305a | Sven Schöling | [%- USE L %]
|
||
| c6a27f90 | Sven Schöling | <style type='text/css'>
|
||
| 88bd305a | Sven Schöling | #html-menu { float:left; white-space: nowrap; }
|
||
| c6a27f90 | Sven Schöling | #html-menu tr { vertical-align: top; }
|
||
#html-menu div.menuitem { padding: 2px 4px 1px 4px; }
|
||||
#html-menu div.submenu { font-weight: bold }
|
||||
| 1a3569b9 | Sven Schöling | #html-menu img { vertical-align: middle; visibility:hidden; border: 0; }
|
||
| c6a27f90 | Sven Schöling | #html-menu div.menuitem:first-child img { visibility:visible }
|
||
#html-menu a { vertical-align: top }
|
||||
| 7adc5519 | Sven Schöling | #html-menu .item span.menu-spacer { display: inline-block; width: 24px }
|
||
#html-menu .menu span.menu-spacer { display: inline-block; width: 32px }
|
||||
| c6a27f90 | Sven Schöling | </style>
|
||
<body class="menu">
|
||||
<div id='html-menu'>
|
||||
| 7adc5519 | Sven Schöling | [% INCLUDE sections %]
|
||
</div>
|
||||
</body>
|
||||
</html>
|
||||
[%- BLOCK sections %]
|
||||
| c6a27f90 | Sven Schöling | [%- FOREACH item IN sections %]
|
||
<div class='menu-multiline'>
|
||||
| 7adc5519 | Sven Schöling | [% SET menuouterloopcount = loop.count %]
|
||
| c6a27f90 | Sven Schöling | [%- FOREACH chunk IN item.chunks %]
|
||
| 7adc5519 | Sven Schöling | <div id='menuitem[% menulevel %]_[% menuouterloopcount %]' class='menuitem [% item.class %] hover'>[% PROCESS item %]</div>
|
||
| c6a27f90 | Sven Schöling | [%- END %]
|
||
| 7adc5519 | Sven Schöling | [%- IF item.subitems.size %]
|
||
<div id='menuitem[% menulevel %]_[% loop.count %]_submenu'>
|
||||
[% INCLUDE sections sections=item.subitems, menulevel='_'+loop.count %]
|
||||
</div>
|
||||
[%- END %]
|
||||
| c6a27f90 | Sven Schöling | </div>
|
||
[%- END %]
|
||||
| 7adc5519 | Sven Schöling | [%- 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 %]
|
||||
| c6a27f90 | Sven Schöling | </body>
|
||
| 7adc5519 | Sven Schöling | |||
<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>
|