</li>
{{/if}}
- {{if $nav.events}}
+ {{if $nav.calendar}}
<li class="nav-segment hidden-xs">
- <a accesskey="e" id="nav-events-link" href="{{$nav.events.0}}" data-toggle="tooltip"
- aria-label="{{$nav.events.1}}" title="{{$nav.events.1}}" class="nav-menu"><i
+ <a accesskey="e" id="nav-calendar-link" href="{{$nav.calendar.0}}" data-toggle="tooltip"
+ aria-label="{{$nav.calendar.1}}" title="{{$nav.calendar.1}}" class="nav-menu"><i
class="fa fa-lg fa-calendar fa-fw"></i></a>
</li>
{{/if}}
{{* The notifications dropdown menu. There are two parts of menu. The second is at the bottom of this file. It is loaded via js. Look at nav-notifications-template *}}
<ul id="nav-notifications-menu" class="dropdown-menu menu-popup" role="menu"
aria-labelledby="nav-notifications-menu-btn">
- {{* the following list entry must have the id "nav-notificaionts-mark-all". Without it this isn't visable. ....strange behavior :-/ *}}
+ {{* the following list entry must have the id "nav-notifications-mark-all". Without it this isn't visible. ....strange behavior :-/ *}}
<li role="presentation" id="nav-notifications-mark-all" class="dropdown-header">
<div class="arrow"></div>
{{$nav.notifications.1}}
</li>
{{/if}}
{{if $nav.messages}}
- <li role="presentation"><a role="menuitem"
+ <li role="presentation">
+ <a role="menuitem"
class="nav-commlink {{$nav.messages.2}} {{$sel.messages}}"
href="{{$nav.messages.0}}" title="{{$nav.messages.3}}">
<i class="fa fa-envelope fa-fw" aria-hidden="true"></i>
{{/if}}
<li role="presentation" class="divider"></li>
{{if $nav.contacts}}
- <li role="presentation"><a role="menuitem" id="nav-menu-contacts-link"
+ <li role="presentation">
+ <a role="menuitem" id="nav-menu-contacts-link"
class="nav-link {{$nav.contacts.2}}" href="{{$nav.contacts.0}}"
title="{{$nav.contacts.3}}">
<i class="fa fa-users fa-fw" aria-hidden="true"></i>
href="{{$nav.apps.0}}" title="{{$nav.apps.3}}">
<i class="fa fa-puzzle-piece fa-fw" aria-hidden="true"></i> {{$nav.apps.1}}
</a>
+ </li>
<li role="presentation" class="divider"></li>
{{/if}}
{{if $nav.help}}
</li>
{{/if}}
{{if $nav.admin}}
- <li role="presentation"><a accesskey="a" role="menuitem" id="nav-admin-link"
+ <li role="presentation">
+ <a accesskey="a" role="menuitem" id="nav-admin-link"
class="nav-link {{$nav.admin.2}}" href="{{$nav.admin.0}}"
title="{{$nav.admin.3}}"><i class="fa fa-user-secret fa-fw" aria-hidden="true"></i>
- {{$nav.admin.1}}</a></li>
+ {{$nav.admin.1}}
+ </a>
+ </li>
+ {{/if}}
+ {{if $nav.moderation}}
+ <li role="presentation">
+ <a accesskey="m" role="menuitem" id="nav-moderation-link"
+ class="nav-link {{$nav.moderation.2}}" href="{{$nav.moderation.0}}"
+ title="{{$nav.moderation.3}}"><i class="fa fa-gavel fa-fw" aria-hidden="true"></i>
+ {{$nav.moderation.1}}
+ </a>
+ </li>
{{/if}}
{{if $nav.tos}}
<li role="presentation" class="divider"></li>
- <li role="presentation"><a role="menuitem" id="nav-tos-link" class="nav-link {{$nav.tos.2}}"
+ <li role="presentation">
+ <a role="menuitem" id="nav-tos-link" class="nav-link {{$nav.tos.2}}"
href="{{$nav.tos.0}}" title="{{$nav.tos.3}}"><i class="fa fa-file-text"
- aria-hidden="true"></i> {{$nav.tos.1}}</a></li>
+ aria-hidden="true"></i> {{$nav.tos.1}}
+ </a>
+ </li>
{{/if}}
<li role="presentation" class="divider"></li>
{{if $nav.logout}}
- <li role="presentation"><a role="menuitem" id="nav-logout-link"
+ <li role="presentation">
+ <a role="menuitem" id="nav-logout-link"
class="nav-link {{$nav.logout.2}}" href="{{$nav.logout.0}}"
title="{{$nav.logout.3}}"><i class="fa fa fa-sign-out fa-fw" aria-hidden="true"></i>
- {{$nav.logout.1}}</a></li>
+ {{$nav.logout.1}}
+ </a>
+ </li>
{{else}}
- <li role="presentation"><a role="menuitem" id="nav-login-link"
+ <li role="presentation">
+ <a role="menuitem" id="nav-login-link"
class="nav-login-link {{$nav.login.2}}" href="{{$nav.login.0}}"
title="{{$nav.login.3}}"><i class="fa fa-power-off fa-fw" aria-hidden="true"></i>
- {{$nav.login.1}}</a></li>
+ {{$nav.login.1}}
+ </a>
+ </li>
{{/if}}
</ul>
</li>{{* End of userinfo dropdown menu *}}
{{$userinfo.name}}{{if $nav.remote}} ({{$nav.remote}}){{/if}}
</li>
{{foreach $nav.usermenu as $usermenu}}
- <li role="menuitem" class="list-group-item"><a role="menuitem" class="{{$usermenu.2}}"
- href="{{$usermenu.0}}" title="{{$usermenu.3}}">{{$usermenu.1}}</a></li>
+ <li role="presentation" class="list-group-item">
+ <a role="menuitem" class="{{$usermenu.2}}"
+ href="{{$usermenu.0}}" title="{{$usermenu.3}}">{{$usermenu.1}}
+ </a>
+ </li>
{{/foreach}}
{{if $nav.notifications || $nav.contacts || $nav.messages || $nav.delegation}}
<li role="presentation" class="divider"></li>
{{/if}}
{{if $nav.notifications}}
- <li role="presentation" class="list-group-item"><a role="menuitem"
+ <li role="presentation" class="list-group-item">
+ <a role="menuitem"
href="{{$nav.notifications.all.0}}" title="{{$nav.notifications.1}}"><i
- class="fa fa-bell fa-fw" aria-hidden="true"></i> {{$nav.notifications.1}}</a>
+ class="fa fa-bell fa-fw" aria-hidden="true"></i> {{$nav.notifications.1}}
+ </a>
</li>
{{/if}}
{{if $nav.contacts}}
- <li role="presentation" class="list-group-item"><a role="menuitem"
+ <li role="presentation" class="list-group-item">
+ <a role="menuitem"
class="nav-link {{$nav.contacts.2}}" href="{{$nav.contacts.0}}"
title="{{$nav.contacts.3}}"><i class="fa fa-users fa-fw" aria-hidden="true"></i>
- {{$nav.contacts.1}}</a></li>
+ {{$nav.contacts.1}}
+ </a>
+ </li>
{{/if}}
{{if $nav.messages}}
- <li role="presentation" class="list-group-item"><a role="menuitem"
+ <li role="presentation" class="list-group-item">
+ <a role="menuitem"
class="nav-link {{$nav.messages.2}} {{$sel.messages}}" href="{{$nav.messages.0}}"
title="{{$nav.messages.3}}"><i class="fa fa-envelope fa-fw" aria-hidden="true"></i>
- {{$nav.messages.1}}</a></li>
+ {{$nav.messages.1}}
+ </a>
+ </li>
{{/if}}
{{if $nav.delegation}}
- <li role="presentation" class="list-group-item"><a role="menuitem"
+ <li role="presentation" class="list-group-item">
+ <a role="menuitem"
class="nav-commlink {{$nav.delegation.2}} {{$sel.delegation}}"
href="{{$nav.delegation.0}}" title="{{$nav.delegation.3}}"><i class="fa fa-flag fa-fw"
- aria-hidden="true"></i> {{$nav.delegation.1}}</a></li>
+ aria-hidden="true"></i> {{$nav.delegation.1}}
+ </a>
+ </li>
{{/if}}
{{if $nav.settings || $nav.admin || $nav.logout}}
<li role="presentation" class="divider"></li>
<li role="presentation" class="list-group-item">
<a role="menuitem" class="nav-link {{$nav.settings.2}}" href="{{$nav.settings.0}}"
title="{{$nav.settings.3}}"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>
- {{$nav.settings.1}}</a>
+ {{$nav.settings.1}}
+ </a>
</li>
{{/if}}
{{if $nav.admin}}
- <li role="presentation" class="list-group-item"><a role="menuitem"
+ <li role="presentation" class="list-group-item">
+ <a role="menuitem"
class="nav-link {{$nav.admin.2}}" href="{{$nav.admin.0}}" title="{{$nav.admin.3}}"><i
class="fa fa-user-secret fa-fw" aria-hidden="true"></i>
- {{$nav.admin.1}}</a></li>
+ {{$nav.admin.1}}
+ </a>
+ </li>
+ {{/if}}
+ {{if $nav.moderation}}
+ <li role="presentation" class="list-group-item">
+ <a role="menuitem"
+ class="nav-link {{$nav.moderation.2}}" href="{{$nav.moderation.0}}" title="{{$nav.moderation.3}}"><i
+ class="fa fa-gavel fa-fw" aria-hidden="true"></i>
+ {{$nav.moderation.1}}
+ </a>
+ </li>
{{/if}}
{{if $nav.logout}}
- <li role="presentation" class="list-group-item"><a role="menuitem"
+ <li role="presentation" class="list-group-item">
+ <a role="menuitem"
class="nav-link {{$nav.logout.2}}" href="{{$nav.logout.0}}" title="{{$nav.logout.3}}"><i
class="fa fa fa-sign-out fa-fw" aria-hidden="true"></i>
- {{$nav.logout.1}}</a></li>
+ {{$nav.logout.1}}
+ </a>
+ </li>
{{else}}
- <li role="presentation" class="list-group-item"><a role="menuitem"
+ <li role="presentation" class="list-group-item">
+ <a role="menuitem"
class="nav-login-link {{$nav.login.2}}" href="{{$nav.login.0}}"
title="{{$nav.login.3}}"><i class="fa fa-power-off fa-fw" aria-hidden="true"></i>
- {{$nav.login.1}}</a></li>
+ {{$nav.login.1}}
+ </a>
+ </li>
{{/if}}
</ul>
</div>
<nav class="navbar navbar-fixed-top">
<div class="container">
<div class="navbar-header pull-left">
+ <button type="button" class="navbar-toggle collapsed pull-left visible-sm visible-xs"
+ data-toggle="offcanvas" data-target="aside" aria-haspopup="true">
+ <span class="sr-only">Toggle navigation</span>
+ <i class="fa fa-ellipsis-v fa-fw fa-lg" aria-hidden="true"></i>
+ </button>
<a class="navbar-brand" href="#">
<div id="navbrand-container">
<div id="logo-img"></div>
</div>
</div>
-{{*The second part of the notifications dropdown menu. It handles the notifications *}}
-{{if $nav.notifications}}
- <ul id="nav-notifications-template" class="media-list" style="display:none;" rel="template">
- <li class="{4} notif-entry">
- <div class="notif-entry-wrapper media">
- <div class="notif-photo-wrapper media-object pull-left" aria-hidden="true"><a href="{6}"
- class="userinfo click-card" tabIndex="-1"><img data-src="{1}"></a></div>
- <a href="{0}" class="notif-desc-wrapper media-body">
- {2}
- <div><time class="notif-when time" data-toggle="tooltip" title="{5}">{3}</time></div>
- </a>
- </div>
- </li>
- </ul>
-{{/if}}
-
{{* This is the mask of the firefox logo. We set the background of #logo-img to the user icon color and apply this mask to it
The result is a friendica logo in the user icon color.*}}
<svg id="friendica-logo-mask" x="0px" y="0px" width="0px" height="0px" viewBox="0 0 250 250">