From 4ff59ddca52f4a08a555766479a81663780ad377 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Dahlgren?= <bjorn@dahlgren.at>
Date: Sat, 26 Jul 2014 11:28:05 +0200
Subject: [PATCH] Better looking server status view

---
 public/js/tpl/servers/info.html | 41 ++++++++++++++++++++++++++++-----
 public/js/tpl/servers/view.html |  2 +-
 2 files changed, 36 insertions(+), 7 deletions(-)

diff --git a/public/js/tpl/servers/info.html b/public/js/tpl/servers/info.html
index bb187b8..91d86ad 100644
--- a/public/js/tpl/servers/info.html
+++ b/public/js/tpl/servers/info.html
@@ -1,7 +1,36 @@
-<% if (typeof(pid) != "undefined" && pid) { %>
-  Server is running as <%= pid %>
+<form class="form-horizontal" role="form">
+  <div class="form-group">
+    <label class="col-sm-1 control-label">Status</label>
+    <div class="col-sm-11">
+      <p class="form-control-static">
+        <% if (typeof(pid) != "undefined" && pid) { %>
+          <span class="label label-success">Online</span>
+          <a class="btn btn-primary btn-xs" href="#" id="stop">
+            <span class="glyphicon glyphicon-stop"></span>
+            Stop
+          </a>
+        <% } else { %>
+          <span class="label label-default">Offline</span>
+          <a class="btn btn-primary btn-xs" href="#" id="start">
+            <span class="glyphicon glyphicon-play"></span>
+            Start
+          </a>
+        <% } %>
+      </p>
+    </div>
+  </div>
 
-  <a class="btn btn-primary" href="#" id="stop">Stop</a>
-<% } else { %>
-  <a class="btn btn-primary" href="#" id="start">Start</a>
-<% } %>
+  <div class="form-group">
+    <label class="col-sm-1 control-label">Port</label>
+    <div class="col-sm-11">
+      <p class="form-control-static"><%- port %></p>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <label class="col-sm-1 control-label">Mods</label>
+    <div class="col-sm-11">
+      <p class="form-control-static"><%- mods %></p>
+    </div>
+  </div>
+</form>
diff --git a/public/js/tpl/servers/view.html b/public/js/tpl/servers/view.html
index 18f17be..59ea28f 100644
--- a/public/js/tpl/servers/view.html
+++ b/public/js/tpl/servers/view.html
@@ -1,7 +1,7 @@
 <h2><%-title%></h2>
 
 <!-- Nav tabs -->
-<ul class="nav nav-tabs">
+<ul class="nav nav-tabs" style="margin-bottom: 15px;">
   <li class="active"><a href="#tab-info" data-toggle="tab">Info</a></li>
   <li><a href="#tab-mods" data-toggle="tab">Mods</a></li>
   <li><a href="#tab-settings" data-toggle="tab">Settings</a></li>