Friendica Communications Platform (please note that this is a clone of the repository at github, issues are handled there) https://friendi.ca
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

158 lines
7.9KB

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