view/theme/frio/templates/common_tabs.tpl

   1
   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 *}}
   5         <li>
   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>
   9                 {{/foreach}}
  10                 </ul>
  11         </li>
  12
  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>
  20                                 </a>
  21                         </li>
  22                  </ul>
  23         </li>
  24 </ul>
  25
  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*}}
  29         <li>
  30                 <ul class="tabs" role="menu">
  31                         {{foreach $tabs as $tab}}
  32                                 {{if $tab.sel}}
  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>
  34                                 {{else}}
  35                                 {{$exttabs[]=$tab}}
  36                                 {{/if}}
  37                         {{/foreach}}
  38
  39
  40                 </ul>
  41         </li>
  42
  43         {{* All others are moved to this dropdown menu *}}
  44         <li class="pull-right">
  45                 <ul class="tabs tabs-extended">
  46                         <li class="dropdown">
  47                                 <a class="dropdown-toggle" type="button" id="dropdownMenuTools" data-toggle="dropdown" aria-expanded="true">
  48                                         <i class="fa fa-chevron-down"></i>
  49                                 </a>
  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>
  53                                         {{/foreach}}
  54                                 </ul>
  55                         </li>
  56                 </ul>
  57         </li>
  58 </ul>