2 {{* Tab navigation bar for tablets and computer *}}
3 <ul role="menubar" class="tabbar list-inline visible-lg visible-md visible-sm hidden-xs">
4 {{* The normal tabbar *}}
6 <ul class="tabs flex-nav" role="menu" >
7 {{foreach $tabs as $tab}}
8 <li id="{{$tab.id}}" role="menuitem" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a></li>
13 {{* The extended dropdown menu - this would be shown if the tab menu points
14 dosn't fit in the available space. This is done through flexMenu.js *}}
15 <li class="pull-right">
16 <ul class="tabs tabs-extended" role="menu">
17 <li role="menuitem" class="dropdown flex-target">
18 <a class="dropdown-toggle" type="button" id="dropdownMenuTools" data-toggle="dropdown" aria-expanded="true">
19 <i class="fa fa-chevron-down"></i>
26 {{* Tab navigation bar for smartphones *}}
27 <ul role="menubar" class="tabbar list-inline visible-xs">
28 {{* The active menupoint will be shown as one menupoint*}}
30 <ul class="tabs" role="menu">
31 {{foreach $tabs as $tab}}
33 <li id="{{$tab.id}}" role="menuitem" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a></li>
43 {{* All others are moved to this dropdown menu *}}
44 <li class="pull-right">
45 <ul class="tabs tabs-extended">
47 <a class="dropdown-toggle" type="button" id="dropdownMenuTools" data-toggle="dropdown" aria-expanded="true">
48 <i class="fa fa-chevron-down"></i>
50 <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenuTools">
51 {{foreach $exttabs as $tab}}
52 <li id="{{$tab.id}}" role="menuitem" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a></li>