Files
pathfinder/public/templates/modules/header.html

53 lines
2.6 KiB
HTML

{{! Render the *.svg logo. So it can be used through the "use" tag}}
{{{logo}}}
<nav id="{{id}}" class="navbar navbar-default pf-head" role="navigation">
<div class="container-fluid">
<div class="navbar-header pull-left">
<a class="navbar-brand pf-head-menu" href="">
<svg class="{{brandLogo}}" width="24px" height="24px">
<use xlink:href="#pf-logo"/>
</svg>
&nbsp;&nbsp;Menu
</a>
<p class="navbar-text {{popoverTriggerClass}} {{userCharacterClass}}" title="switch character" data-easein="flipYIn">
<a href="javascript:void(0);">
<img class="{{userCharacterImageClass}}" src=""/>
<span>{{! will be filled with current user name }}</span>
</a>
</p>
<p style="display: none;" class="navbar-text hidden-xs {{userShipClass}}">
<img class="{{userShipImageClass}}" src=""/>
<span>{{! will be filled with current user ship name }}</span>
</p>
<p class="navbar-text pf-head-active-user">
<i class="fas fa-fighter-jet fa-fw"></i>
<span class="badge txt-color" data-type="inside" data-on="txt-color-greenLight" data-off="txt-color-red" title="pilots on map"></span>
<span class="badge txt-color" data-type="outside" data-on="txt-color-grayLighter" data-off="txt-color-grayLighter" title="pilots beyond map"></span>
<span class="badge txt-color" data-type="inactive" data-on="txt-color-grayLighter" data-off="txt-color-grayLighter" title="pilots not ingame / no location"></span>
</p>
</div>
<div class="navbar-header pull-right">
<p id="pf-head-current-location" class="navbar-text hidden-xs" title="current location">
<a href="javascript:void(0);">
<i class="fas fa-map-marker-alt fa-fw"></i><span></span>
</a>
</p>
<p class="navbar-text txt-color txt-color-red pf-head-program-status" title="connection status">
<i class="fas fa-fw fa-bolt"></i>
<span>offline</span>
</p>
<p class="navbar-text" title="map connection tracking">
<i class="fas fa-fw fa-location-arrow"></i>
<input id="{{mapTrackingId}}" type="checkbox" data-toggle="toggle" value="1" >
</p>
<a class="navbar-brand pf-head-map" href="">
&nbsp;&nbsp;Map&nbsp;<i class="fas fa-fw fa-sitemap"></i>
</a>
</div>
</div>
</nav>