Files
MinecraftChat/public/templates/windows/nav.html
T
AlexKvazos 4a9e1288b1 My Servers Feature
Store your favorite servers to easily select them when connecting
2015-04-29 22:21:20 -05:00

30 lines
1.5 KiB
HTML

<nav class="navbar navbar-default navbar-fixed-top" role="navigation" ng-controller="navController">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">MinecraftChat</a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a style="cursor:pointer" ng-hide="connected" data-toggle="modal" data-target="#connectModal">Connect</a></li>
<li><a style="cursor:pointer;color:#BE1106" ng-show="connected" ng-click="disconnect()">Disconnect</a></li>
<li><a style="cursor:pointer" data-toggle="modal" data-target="#serversModal">My Servers</a></li>
<li><a href="https://github.com/AlexKvazos/MinecraftChat" target="new"><i class="fa fa-github"></i> GitHub</a></li>
</ul>
<ul class="nav navbar-nav pull-right">
<li ng-hide="connected"><a style="color:#9E0F06"><i class="fa fa-fw fa-circle-thin"></i> Not Connected</a></li>
<li ng-show="connected"><a style="color:#6AC126"><i class="fa fa-fw fa-circle"></i> {{host}}:{{port}} - <b>{{username}}</b></a></li>
</ul>
</div>
</nav>
<!-- connect modal -->
<div ng-include="'templates/modals/connect.html'"></div>
<div ng-include="'templates/modals/servers.html'"></div>