From 9a91698d83b9a5614edb93e266cfa4a14a7bfeb5 Mon Sep 17 00:00:00 2001
From: AlexKvazos <contact@alexkvazos.com>
Date: Wed, 29 Apr 2015 14:04:38 -0500
Subject: [PATCH] Show connect/disconnect buttons only when they are available

---
 public/templates/index.html       |  1 +
 public/templates/windows/nav.html | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/public/templates/index.html b/public/templates/index.html
index 5f02345..50ff171 100755
--- a/public/templates/index.html
+++ b/public/templates/index.html
@@ -9,6 +9,7 @@
 
   <!-- styles and fonts -->
   <link rel="shortcut icon" href="/favicon.png">
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
   <link href='//fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="//bootswatch.com/cyborg/bootstrap.min.css">
   <link rel="stylesheet" href="/css/style.css">
diff --git a/public/templates/windows/nav.html b/public/templates/windows/nav.html
index 4af8924..c4af9d4 100644
--- a/public/templates/windows/nav.html
+++ b/public/templates/windows/nav.html
@@ -12,13 +12,13 @@
 
   <div class="collapse navbar-collapse navbar-ex1-collapse">
     <ul class="nav navbar-nav">
-      <li><a style="cursor:pointer" data-toggle="modal" data-target="#connectModal">Connect</a></li>
-      <li><a style="cursor:pointer" ng-click="disconnect()">Disconnect</a></li>
-      <li><a href="https://github.com/AlexKvazos/MinecraftChat" target="new">View on GitHub</a></li>
+      <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 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">Not Connected</a></li>
-    <li ng-show="connected"><a style="color:#6AC126">Connected to <i>{{host}}:{{port}}</i> as <b>{{username}}</b></a></li>
+    <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>