view/theme/vier/templates/nav.tpl

   1
   2 <header>
   3         {{* {{$langselector}} *}}
   4
   5         <div id="site-location">{{$sitelocation}}</div>
   6         <div id="banner">{{$banner nofilter}}</div>
   7 </header>
   8 <nav role="menubar">
   9         <ul>
  10                 <li class="mobile-aside-toggle" style="display:none;">
  11                         <a href="#">
  12                                 <i class="icons icon-reorder"></i>
  13                         </a>
  14                 </li>
  15                 {{if $nav.home}}
  16                         <li role="menuitem" id="nav-home-link" class="nav-menu {{$sel.home}}">
  17                                 <a accesskey="p" class="{{$nav.home.2}}" href="{{$nav.home.0}}" title="{{$nav.home.3}}" >
  18                                         <span class="desktop-view">{{$nav.home.1}}</span>
  19                                         <i class="icon s22 icon-home mobile-view"><span class="sr-only">{{$nav.home.1}}</span></i>
  20                                         <span id="home-update" class="nav-notify"></span>
  21                                 </a>
  22                         </li>
  23                 {{/if}}
  24                 {{if $nav.network}}
  25                         <li role="menuitem" id="nav-network-link" class="nav-menu {{$sel.network}}">
  26                                 <a accesskey="n" class="{{$nav.network.2}}" href="{{$nav.network.0}}" title="{{$nav.network.3}}" >
  27                                         <span class="desktop-view">{{$nav.network.1}}</span>
  28                                         <i class="icon s22 icon-th mobile-view"><span class="sr-only">{{$nav.network.1}}</span></i>
  29                                         <span id="net-update" class="nav-notify"></span>
  30                                 </a>
  31                         </li>
  32                 {{/if}}
  33                 {{if $nav.events}}
  34                         <li role="menuitem" id="nav-events-link" class="nav-menu {{$sel.events}}">
  35                                 <a accesskey="e" class="{{$nav.events.2}} desktop-view" href="{{$nav.events.0}}" title="{{$nav.events.3}}" >{{$nav.events.1}}</a>
  36                                 <a class="{{$nav.events.2}} mobile-view" href="{{$nav.events.0}}" title="{{$nav.events.3}}" ><i class="icon s22 icon-calendar"></i></a>
  37                         </li>
  38                 {{/if}}
  39                 {{if $nav.community}}
  40                         <li role="menuitem" id="nav-community-link" class="nav-menu {{$sel.community}}">
  41                                 <a accesskey="c" class="{{$nav.community.2}} desktop-view" href="{{$nav.community.0}}" title="{{$nav.community.3}}" >{{$nav.community.1}}</a>
  42                                 <a class="{{$nav.community.2}} mobile-view" href="{{$nav.community.0}}" title="{{$nav.community.3}}" ><i class="icon s22 icon-bullseye"></i></a>
  43                         </li>
  44                 {{/if}}
  45
  46                 <li role="menu" aria-haspopup="true" id="nav-site-linkmenu" class="nav-menu-icon"><a><span class="icon s22 icon-question"><span class="sr-only">{{$nav.help.3}}</span></span></a>
  47                         <ul id="nav-site-menu" class="menu-popup">
  48                                 {{if $nav.help}} <li role="menuitem"><a class="{{$nav.help.2}}" href="{{$nav.help.0}}" title="{{$nav.help.3}}" >{{$nav.help.1}}</a></li>{{/if}}
  49                                 <li role="menuitem"><a class="{{$nav.about.2}}" href="{{$nav.about.0}}" title="{{$nav.about.3}}" >{{$nav.about.1}}</a></li>
  50                                 {{if $nav.tos}}<a class="{{$nav.tos.2}}" href="{{$nav.tos.0}}" title="{{$nav.tos.3}}" >{{$nav.tos.1}}</a></li>{{/if}}
  51                                 <li role="menuitem"><a class="{{$nav.directory.2}}" href="{{$nav.directory.0}}" title="{{$nav.directory.3}}" >{{$nav.directory.1}}</a></li>
  52                         </ul>
  53                 </li>
  54
  55                 {{if $nav.messages}}
  56                         <li role="menu" aria-haspopup="true" id="nav-messages-linkmenu" class="nav-menu-icon">
  57                                 <a href="{{$nav.messages.0}}" title="{{$nav.messages.1}}">
  58                                         <span class="icon s22 icon-envelope"><span class="sr-only">{{$nav.messages.1}}</span></span>
  59                                         <span id="mail-update" class="nav-notify"></span>
  60                                 </a>
  61                         </li>
  62                 {{/if}}
  63
  64
  65                 {{if $nav.notifications}}
  66                         <li role="menu" aria-haspopup="true" id="nav-notifications-linkmenu" class="nav-menu-icon">
  67                                 <a title="{{$nav.notifications.1}}">
  68                                         <span class="icon s22 icon-bell tilted-icon"><span class="sr-only">{{$nav.notifications.1}}</span></span>
  69                                         <span id="notify-update" class="nav-notify"></span>
  70                                 </a>
  71                                 <ul id="nav-notifications-menu" class="menu-popup">
  72                                         <li role="menuitem" id="nav-notifications-mark-all"><a onclick="notifyMarkAll(); return false;">{{$nav.notifications.mark.1}}</a></li>
  73                                         <li role="menuitem" id="nav-notifications-see-all"><a href="{{$nav.notifications.all.0}}">{{$nav.notifications.all.1}}</a></li>
  74                                         <li role="menuitem" class="empty">{{$emptynotifications}}</li>
  75                                 </ul>
  76                         </li>
  77                 {{/if}}
  78
  79                 {{if $userinfo}}
  80                         <li role="menu" aria-haspopup="true" id="nav-user-linkmenu" class="nav-menu">
  81                                 <a accesskey="u" title="{{$sitelocation}}"><img src="{{$userinfo.icon}}" alt="{{$userinfo.name}}"><span id="nav-user-linklabel">{{$userinfo.name}}</span><span id="intro-update" class="nav-notify"></span></a>
  82                                 <ul id="nav-user-menu" class="menu-popup">
  83                                         <li role="menuitem"> <a  class="{{$nav.search.2}}" href="{{$nav.search.0}}" title="{{$nav.search.3}}" >{{$nav.search.1}}</a> </li>
  84                                         {{if $nav.introductions}}<li role="menuitem"><a class="{{$nav.introductions.2}}" href="{{$nav.introductions.0}}" title="{{$nav.introductions.3}}" >{{$nav.introductions.1}}</a><span id="intro-update-li" class="nav-notify"></span></li>{{/if}}
  85                                         {{if $nav.contacts}}<li role="menuitem"><a class="{{$nav.contacts.2}}" href="{{$nav.contacts.0}}" title="{{$nav.contacts.3}}" >{{$nav.contacts.1}}</a></li>{{/if}}
  86                                         {{if $nav.messages}}<li role="menuitem"><a class="{{$nav.messages.2}}" href="{{$nav.messages.0}}" title="{{$nav.messages.3}}" >{{$nav.messages.1}} <span id="mail-update-li" class="nav-notify"></span></a></li>{{/if}}
  87                                         {{if $nav.manage}}<li role="menuitem"><a class="{{$nav.manage.2}}" href="{{$nav.manage.0}}" title="{{$nav.manage.3}}">{{$nav.manage.1}}</a></li>{{/if}}
  88                                         {{if $nav.usermenu.1}}<li role="menuitem"><a class="{{$nav.usermenu.1.2}}" href="{{$nav.usermenu.1.0}}" title="{{$nav.usermenu.1.3}}">{{$nav.usermenu.1.1}}</a></li>{{/if}}
  89                                         {{if $nav.settings}}<li role="menuitem"><a class="{{$nav.settings.2}}" href="{{$nav.settings.0}}" title="{{$nav.settings.3}}">{{$nav.settings.1}}</a></li>{{/if}}
  90                                         {{if $nav.admin}}
  91                                         <li role="menuitem">
  92                                                 <a accesskey="a" class="{{$nav.admin.2}}" href="{{$nav.admin.0}}" title="{{$nav.admin.3}}" >{{$nav.admin.1}}</a>
  93                                         </li>
  94                                         {{/if}}
  95                                         {{if $nav.logout}}<li role="menuitem"><a class="menu-sep {{$nav.logout.2}}" href="{{$nav.logout.0}}" title="{{$nav.logout.3}}" >{{$nav.logout.1}}</a></li>{{/if}}
  96                                 </ul>
  97                         </li>
  98                 {{/if}}
  99
 100                 {{if $nav.login}}
 101                         <li role="menuitem" id="nav-login-link" class="nav-menu">
 102                                 <a class="{{$nav.login.2}}" href="{{$nav.login.0}}" title="{{$nav.login.3}}" >{{$nav.login.1}}</a>
 103                         </li>
 104                 {{/if}}
 105
 106                 {{if $nav.search}}
 107                         <li role="search" id="nav-search-box">
 108                                 <form method="get" action="{{$nav.search.0}}">
 109                                         <input accesskey="s" id="nav-search-text" class="nav-menu-search" type="text" value="" name="search" placeholder=" {{$search_hint}}">
 110                                         <select name="search-option">
 111                                                 <option value="fulltext">{{$nav.searchoption.0}}</option>
 112                                                 <option value="tags">{{$nav.searchoption.1}}</option>
 113                                                 <option value="contacts">{{$nav.searchoption.2}}</option>
 114                                                 {{if $nav.searchoption.3}}<option value="forums">{{$nav.searchoption.3}}</option>{{/if}}
 115                                         </select>
 116                                 </form>
 117                         </li>
 118                 {{/if}}
 119
 120                 {{if $nav.admin}}
 121                         <li role="menuitem" id="nav-admin-link" class="nav-menu">
 122                                 <a accesskey="a" class="{{$nav.admin.2}} icon-sliders" href="{{$nav.admin.0}}" title="{{$nav.admin.3}}" ><span class="sr-only">{{$nav.admin.3}}</span></a>
 123                         </li>
 124                 {{/if}}
 125
 126                 {{if $nav.apps}}
 127                         <li role="menu" aria-haspopup="true" id="nav-apps-link" class="nav-menu {{$sel.apps}}">
 128                                 <a class=" {{$nav.apps.2}}" title="{{$nav.apps.3}}" >{{$nav.apps.1}}</a>
 129                                 <ul id="nav-apps-menu" class="menu-popup">
 130                                         {{foreach $apps as $ap}}
 131                                         <li role="menuitem">{{$ap nofilter}}</li>
 132                                         {{/foreach}}
 133                                 </ul>
 134                         </li>
 135                 {{/if}}
 136         </ul>
 137
 138 </nav>
 139 <ul id="nav-notifications-template" style="display:none;" rel="template">
 140         <li class="{4}" onclick="location.href='{0}';">
 141                 <div class="notif-entry-wrapper">
 142                         <div class="notif-photo-wrapper"><a href="{6}"><img data-src="{1}"></a></div>
 143                         <div class="notif-desc-wrapper">
 144                                 {8}{7}
 145                                 <div><time class="notif-when" title="{5}">{3}</time></div>
 146                         </div>
 147                 </div>
 148         </li>
 149 </ul>
 150 <!--
 151 <div class="icon-flag" style="position: fixed; bottom: 10px; left: 20px; z-index:9;">{{$langselector}}</div>
 152 -->