view/theme/quattro/templates/nav.tpl

   1 <header>
   2         {{* {{$langselector}} *}}
   3
   4         <div id="site-location">{{$sitelocation}}</div>
   5         <div id="banner">{{$banner}}</div>
   6 </header>
   7 <nav>
   8         <ul>
   9                 {{if $userinfo}}
  10                         <li id="nav-user-linkmenu" class="nav-menu-icon"><a accesskey="u" href="#" rel="#nav-user-menu" title="{{$sitelocation}}"><img src="{{$userinfo.icon}}" alt="{{$userinfo.name}}"></a>
  11                                 <ul id="nav-user-menu" class="menu-popup">
  12                                         {{foreach $nav.usermenu as $usermenu}}
  13                                                 <li><a class="{{$usermenu.2}}" href="{{$usermenu.0}}" title="{{$usermenu.3}}">{{$usermenu.1}}</a></li>
  14                                         {{/foreach}}
  15
  16                                         {{if $nav.notifications}}<li><a class="{{$nav.notifications.2}}" href="{{$nav.notifications.0}}" title="{{$nav.notifications.3}}" >{{$nav.notifications.1}}</a></li>{{/if}}
  17                                         {{if $nav.messages}}<li><a class="{{$nav.messages.2}}" href="{{$nav.messages.0}}" title="{{$nav.messages.3}}" >{{$nav.messages.1}}</a></li>{{/if}}
  18                                         {{if $nav.contacts}}<li><a class="{{$nav.contacts.2}}" href="{{$nav.contacts.0}}" title="{{$nav.contacts.3}}" >{{$nav.contacts.1}}</a></li>{{/if}}
  19                                 </ul>
  20                         </li>
  21                 {{/if}}
  22
  23                 {{if $nav.global}}
  24                         <li id="nav-global-link" class="nav-menu {{$sel.global}}">
  25                                 <a class="{{$nav.global.2}}" href="{{$nav.global.0}}" title="{{$nav.global.3}}" >{{$nav.global.1}}</a>
  26                         </li>
  27                 {{/if}}
  28
  29                 {{if $nav.community}}
  30                         <li id="nav-community-link" class="nav-menu {{$sel.community}}">
  31                                 <a class="{{$nav.community.2}}" href="{{$nav.community.0}}" title="{{$nav.community.3}}" >{{$nav.community.1}}</a>
  32                         </li>
  33                 {{/if}}
  34
  35                 {{if $nav.network}}
  36                         <li id="nav-network-link" class="nav-menu {{$sel.network}}">
  37                                 <a accesskey="n" class="{{$nav.network.2}}" href="{{$nav.network.0}}" title="{{$nav.network.3}}" >{{$nav.network.1}}</a>
  38                                 <span id="net-update" class="nav-notify"></span>
  39                         </li>
  40                 {{/if}}
  41
  42                 {{if $nav.home}}
  43                         <li id="nav-home-link" class="nav-menu {{$sel.home}}">
  44                                 <a accesskey="p" class="{{$nav.home.2}}" href="{{$nav.home.0}}" title="{{$nav.home.3}}" >{{$nav.home.1}}</a>
  45                                 <span id="home-update" class="nav-notify"></span>
  46                         </li>
  47                 {{/if}}
  48
  49                 {{if $nav.introductions}}
  50                         <li id="nav-introductions-link" class="nav-menu-icon {{$sel.introductions}}">
  51                                 <a class="{{$nav.introductions.2}}" href="{{$nav.introductions.0}}" title="{{$nav.introductions.3}}" >
  52                                     <span class="icon s22 intro">{{$nav.introductions.1}}</a>
  53                                 </a>
  54                                 <span id="intro-update" class="nav-notify"></span>
  55                         </li>
  56                 {{/if}}
  57
  58                 {{if $nav.messages}}
  59                         <li id="nav-messages-link" class="nav-menu-icon {{$sel.messages}}">
  60                                 <a class="{{$nav.messages.2}}" href="{{$nav.messages.0}}" title="{{$nav.messages.3}}" >
  61                                     <span class="icon s22 mail">{{$nav.messages.1}}</a>
  62                                 </a>
  63                                 <span id="mail-update" class="nav-notify"></span>
  64                         </li>
  65                 {{/if}}
  66
  67                 {{if $nav.notifications}}
  68                         <li  id="nav-notifications-linkmenu" class="nav-menu-icon"><a accesskey="f" href="{{$nav.notifications.0}}" rel="#nav-notifications-menu" title="{{$nav.notifications.1}}"><span class="icon s22 notify">{{$nav.notifications.1}}</span></a>
  69                                 <span id="notify-update" class="nav-notify"></span>
  70                                 <ul id="nav-notifications-menu" class="menu-popup">
  71                                         <!-- TODO: better icons! -->
  72                                         <li id="nav-notifications-mark-all" class="toolbar"><a href="#" onclick="notifyMarkAll(); return false;" title="{{$nav.notifications.mark.3}}"><span class="icon s10 edit"></span></a></a><a href="{{$nav.notifications.all.0}}" title="{{$nav.notifications.all.1}}"><span class="icon s10 plugin"></span></a></li>
  73                                         <li class="empty">{{$emptynotifications}}</li>
  74                                 </ul>
  75                         </li>
  76                 {{/if}}
  77
  78                 <li id="nav-site-linkmenu" class="nav-menu-icon"><a href="#" rel="#nav-site-menu"><span class="icon s22 gear">Site</span></a>
  79                         <ul id="nav-site-menu" class="menu-popup">
  80                                 {{if $nav.manage}}<li><a class="{{$nav.manage.2}}" href="{{$nav.manage.0}}" title="{{$nav.manage.3}}">{{$nav.manage.1}}</a></li>{{/if}}
  81
  82                                 {{if $nav.settings}}<li><a class="{{$nav.settings.2}}" href="{{$nav.settings.0}}" title="{{$nav.settings.3}}">{{$nav.settings.1}}</a></li>{{/if}}
  83                                 {{if $nav.admin}}<li><a accesskey="a" class="{{$nav.admin.2}}" href="{{$nav.admin.0}}" title="{{$nav.admin.3}}" >{{$nav.admin.1}}</a></li>{{/if}}
  84
  85                                 {{if $nav.logout}}<li><a class="menu-sep {{$nav.logout.2}}" href="{{$nav.logout.0}}" title="{{$nav.logout.3}}" >{{$nav.logout.1}}</a></li>{{/if}}
  86                                 {{if $nav.login}}<li><a class="{{$nav.login.2}}" href="{{$nav.login.0}}" title="{{$nav.login.3}}" >{{$nav.login.1}}</a><li>{{/if}}
  87                         </ul>
  88                 </li>
  89
  90                 {{if $nav.help}}
  91                 <li id="nav-help-link" class="nav-menu {{$sel.help}}">
  92                         <a class="{{$nav.help.2}}" target="friendica-help" href="{{$nav.help.0}}" title="{{$nav.help.3}}" >{{$nav.help.1}}</a>
  93                 </li>
  94                 {{/if}}
  95
  96                 <li id="nav-search-link" class="nav-menu {{$sel.search}}">
  97                         <a accesskey="s" class="{{$nav.search.2}}" href="{{$nav.search.0}}" title="{{$nav.search.3}}" >{{$nav.search.1}}</a>
  98                 </li>
  99                 <li id="nav-directory-link" class="nav-menu {{$sel.directory}}">
 100                         <a class="{{$nav.directory.2}}" href="{{$nav.directory.0}}" title="{{$nav.directory.3}}" >{{$nav.directory.1}}</a>
 101                 </li>
 102
 103                 {{if $nav.apps}}
 104                         <li id="nav-apps-link" class="nav-menu {{$sel.apps}}">
 105                                 <a class=" {{$nav.apps.2}}" href="#" rel="#nav-apps-menu" title="{{$nav.apps.3}}" >{{$nav.apps.1}}</a>
 106                                 <ul id="nav-apps-menu" class="menu-popup">
 107                                         {{foreach $apps as $ap}}
 108                                         <li>{{$ap}}</li>
 109                                         {{/foreach}}
 110                                 </ul>
 111                         </li>
 112                 {{/if}}
 113         </ul>
 114
 115 </nav>
 116 <ul id="nav-notifications-template" style="display:none;" rel="template">
 117         <li class="{4}"><a href="{0}" title="{5}"><img data-src="{1}">{2} <span class="notif-when">{3}</span></a></li>
 118 </ul>
 119
 120 <div style="position: fixed; top: 3px; left: 5px; z-index:9999">{{$langselector}}</div>