You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
240 lines
10 KiB
Smarty
240 lines
10 KiB
Smarty
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" id="mobile-menu">
|
|
<span component="notifications/icon" class="notification-icon fa fa-fw fa-bell-o" data-content="0"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
|
|
<a href="<!-- IF brand:logo:url -->{brand:logo:url}<!-- ELSE -->{relative_path}/<!-- ENDIF brand:logo:url -->">
|
|
<img alt="{brand:logo:alt}" class="{brand:logo:display} forum-logo" src="{brand:logo}" />
|
|
</a>
|
|
<!-- IF config.showSiteTitle -->
|
|
<a href="<!-- IF title:url -->{title:url}<!-- ELSE -->{relative_path}/<!-- ENDIF title:url -->">
|
|
<h1 class="navbar-brand forum-title">{title}</h1>
|
|
</a>
|
|
<!-- ENDIF config.showSiteTitle -->
|
|
|
|
<div component="navbar/title" class="visible-xs hidden">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="nav-dropdown" class="hidden-xs">
|
|
<!-- IF !maintenanceHeader -->
|
|
<!-- IF config.loggedIn -->
|
|
|
|
<ul id="logged-in-menu" class="nav navbar-nav navbar-right">
|
|
<li class="notifications dropdown text-center hidden-xs" component="notifications">
|
|
<a href="{relative_path}/notifications" title="[[global:header.notifications]]" class="dropdown-toggle" data-toggle="dropdown" id="notif_dropdown" data-ajaxify="false" role="button">
|
|
<i component="notifications/icon" class="fa fa-fw fa-bell-o" data-content="0"></i>
|
|
</a>
|
|
<ul class="dropdown-menu" aria-labelledby="notif_dropdown">
|
|
<li>
|
|
<ul component="notifications/list" class="notification-list">
|
|
<li>
|
|
<a href="#"><i class="fa fa-refresh fa-spin"></i> [[global:notifications.loading]]</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="notif-dropdown-link"><a href="#" class="mark-all-read">[[notifications:mark_all_read]]</a></li>
|
|
<li class="notif-dropdown-link"><a href="{relative_path}/notifications">[[notifications:see_all]]</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- IF !config.disableChat -->
|
|
<li class="chats dropdown">
|
|
<a class="dropdown-toggle" data-toggle="dropdown" href="{relative_path}/user/{user.userslug}/chats" title="[[global:header.chats]]" id="chat_dropdown" component="chat/dropdown" data-ajaxify="false" role="button">
|
|
<i component="chat/icon" class="fa fa-comment-o fa-fw"></i> <span class="visible-xs-inline">[[global:header.chats]]</span>
|
|
</a>
|
|
<ul class="dropdown-menu" aria-labelledby="chat_dropdown">
|
|
<li>
|
|
<ul component="chat/list" class="chat-list chats-list">
|
|
<li>
|
|
<i class="fa fa-refresh fa-spin"></i> [[global:chats.loading]]
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="notif-dropdown-link"><a href="#" class="mark-all-read" component="chats/mark-all-read">[[modules:chat.mark_all_read]]</a></li>
|
|
<li class="notif-dropdown-link"><a href="{relative_path}/user/{user.userslug}/chats">[[modules:chat.see_all]]</a></li>
|
|
</ul>
|
|
</li>
|
|
<!-- ENDIF !config.disableChat -->
|
|
|
|
<li id="user_label" class="dropdown">
|
|
<label for="user-control-list-check" class="dropdown-toggle" data-toggle="dropdown" id="user_dropdown" title="[[global:header.profile]]" role="button">
|
|
<img component="header/userpicture" src="{user.picture}" alt="{user.username}"<!-- IF !user.picture --> style="display: none;"<!-- ENDIF !user.picture --> />
|
|
<div component="header/usericon" class="user-icon" style="background-color: {user.icon:bgColor};<!-- IF user.picture --> display: none;<!-- ENDIF user.picture -->">{user.icon:text}</div>
|
|
<span id="user-header-name" class="visible-xs-inline">{user.username}</span>
|
|
</label>
|
|
<input type="checkbox" class="hidden" id="user-control-list-check" aria-hidden="true">
|
|
<ul id="user-control-list" component="header/usercontrol" class="dropdown-menu" aria-labelledby="user_dropdown">
|
|
<li>
|
|
<a component="header/profilelink" href="{relative_path}/user/{user.userslug}">
|
|
<i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i> <span component="header/username">{user.username}</span>
|
|
</a>
|
|
</li>
|
|
<li role="presentation" class="divider"></li>
|
|
<li>
|
|
<a href="#" class="user-status" data-status="online">
|
|
<i class="fa fa-fw fa-circle status online"></i><span> [[global:online]]</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="user-status" data-status="away">
|
|
<i class="fa fa-fw fa-circle status away"></i><span> [[global:away]]</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="user-status" data-status="dnd">
|
|
<i class="fa fa-fw fa-circle status dnd"></i><span> [[global:dnd]]</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="user-status" data-status="offline">
|
|
<i class="fa fa-fw fa-circle status offline"></i><span> [[global:invisible]]</span>
|
|
</a>
|
|
</li>
|
|
<li role="presentation" class="divider"></li>
|
|
<li>
|
|
<a component="header/profilelink/edit" href="{relative_path}/user/{user.userslug}/edit">
|
|
<i class="fa fa-fw fa-edit"></i> <span>[[user:edit-profile]]</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a component="header/profilelink/settings" href="{relative_path}/user/{user.userslug}/settings">
|
|
<i class="fa fa-fw fa-gear"></i> <span>[[user:settings]]</span>
|
|
</a>
|
|
</li>
|
|
<!-- IF showModMenu -->
|
|
<li role="presentation" class="divider"></li>
|
|
<li class="dropdown-header">[[pages:moderator-tools]]</li>
|
|
<li>
|
|
<a href="{relative_path}/flags">
|
|
<i class="fa fa-fw fa-flag"></i> <span>[[pages:flagged-content]]</span>
|
|
</a>
|
|
</li>
|
|
<!-- IF isAdmin -->
|
|
<li>
|
|
<a href="{relative_path}/ip-blacklist">
|
|
<i class="fa fa-fw fa-ban"></i> <span>[[pages:ip-blacklist]]</span>
|
|
</a>
|
|
</li>
|
|
<!-- ENDIF isAdmin -->
|
|
<!-- ENDIF showModMenu -->
|
|
<li role="presentation" class="divider"></li>
|
|
<li component="user/logout">
|
|
<form method="post" action="{relative_path}/logout">
|
|
<input type="hidden" name="_csrf" value="{config.csrf_token}">
|
|
<input type="hidden" name="noscript" value="true">
|
|
<button type="submit" class="btn btn-link">
|
|
<i class="fa fa-fw fa-sign-out"></i><span> [[global:logout]]</span>
|
|
</button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
</ul>
|
|
<!-- ELSE -->
|
|
<ul id="logged-out-menu" class="nav navbar-nav navbar-right">
|
|
<!-- IF allowRegistration -->
|
|
<li>
|
|
<a href="{relative_path}/register">
|
|
<i class="fa fa-pencil visible-xs-inline"></i>
|
|
<span>[[global:register]]</span>
|
|
</a>
|
|
</li>
|
|
<!-- ENDIF allowRegistration -->
|
|
<li>
|
|
<a href="{relative_path}/login">
|
|
<i class="fa fa-sign-in visible-xs-inline"></i>
|
|
<span>[[global:login]]</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- ENDIF config.loggedIn -->
|
|
<!-- IF config.searchEnabled -->
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li>
|
|
<form id="search-form" class="navbar-form navbar-right hidden-xs" role="search" method="GET">
|
|
<button id="search-button" type="button" class="btn btn-link"><i class="fa fa-search fa-fw" title="[[global:header.search]]"></i></button>
|
|
<div class="hidden" id="search-fields">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" placeholder="[[global:search]]" name="query" value="">
|
|
<a href="#"><i class="fa fa-gears fa-fw advanced-search-link"></i></a>
|
|
</div>
|
|
<button type="submit" class="btn btn-default hide">[[global:search]]</button>
|
|
</div>
|
|
</form>
|
|
</li>
|
|
<li class="visible-xs" id="search-menu">
|
|
<a href="{relative_path}/search">
|
|
<i class="fa fa-search fa-fw"></i> [[global:search]]
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- ENDIF config.searchEnabled -->
|
|
|
|
<ul class="nav navbar-nav navbar-right hidden-xs">
|
|
<li>
|
|
<a href="#" id="reconnect" class="hide" title="Connection to {title} has been lost, attempting to reconnect...">
|
|
<i class="fa fa-check"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="nav navbar-nav navbar-right pagination-block visible-lg visible-md">
|
|
<li class="dropdown">
|
|
<a><i class="fa fa-angle-double-up pointer fa-fw pagetop"></i></a>
|
|
<a><i class="fa fa-angle-up pointer fa-fw pageup"></i></a>
|
|
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
<span class="pagination-text"></span>
|
|
</a>
|
|
|
|
<a><i class="fa fa-angle-down pointer fa-fw pagedown"></i></a>
|
|
<a><i class="fa fa-angle-double-down pointer fa-fw pagebottom"></i></a>
|
|
|
|
<div class="progress-container">
|
|
<div class="progress-bar"></div>
|
|
</div>
|
|
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li>
|
|
<input type="text" class="form-control" id="indexInput" placeholder="[[global:pagination.enter_index]]">
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul id="main-nav" class="nav navbar-nav">
|
|
<!-- BEGIN navigation -->
|
|
<!-- IF function.displayMenuItem, @index -->
|
|
<li class="{navigation.class}">
|
|
<a class="navigation-link" href="{navigation.route}" title="{navigation.title}" <!-- IF navigation.id -->id="{navigation.id}"<!-- ENDIF navigation.id --><!-- IF navigation.properties.targetBlank --> target="_blank"<!-- ENDIF navigation.properties.targetBlank -->>
|
|
<!-- IF navigation.iconClass -->
|
|
<i class="fa fa-fw {navigation.iconClass}"></i>
|
|
<!-- ENDIF navigation.iconClass -->
|
|
|
|
<!-- IF navigation.text -->
|
|
<span class="{navigation.textClass}">{navigation.text}</span>
|
|
<!-- ENDIF navigation.text -->
|
|
</a>
|
|
</li>
|
|
<!-- ENDIF function.displayMenuItem -->
|
|
<!-- END navigation -->
|
|
</ul>
|
|
|
|
<!-- ELSE -->
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li>
|
|
<a href="{relative_path}/login">
|
|
<i class="fa fa-sign-in visible-xs-inline"></i>
|
|
<span>[[global:login]]</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- ENDIF !maintenanceHeader -->
|
|
</div>
|