Clean up. More backend code. Better UX and design.

1 files changed, 19 insertions, 7 deletions

diff --git a/views/admin.html b/views/admin.html
index f80c541..ebec09c 100644
--- a/views/admin.html
+++ b/views/admin.html
@@ -5,10 +5,10 @@
 <div class="container">
 	<div class="row">
 {{range .Error}}
-<h4 class="col-md-4 col-md-offset-4 alert alert-danger alert-dismissible" role="alert">
+<p class="col-md-4 col-md-offset-4 alert alert-danger alert-dismissible shadow-z-2" role="alert">
 	<button type="button" class="close" data-dismiss="alert" aria-label="close"><span aria-hidden="true">&times;</span></button>
 	{{.}}
-</h4>
+</p>
 {{end}}
 	</div>
 </div>
@@ -17,18 +17,25 @@
 <div class="container">
 	<div class="row">
 {{range .Success}}
-<h4 class="col-md-4 col-md-offset-4 alert alert-success alert-dismissible" role="alert">
+<p class="col-md-4 col-md-offset-4 alert alert-success alert-dismissible shadow-z-2" role="alert">
 	<button type="button" class="close" data-dismiss="alert" aria-label="close"><span aria-hidden="true">&times;</span></button>
 	{{.}}
-</h4>
+</p>
 {{end}}
 	</div>
 </div>
 {{end}}
 <div class="container">
 	<div class="row">
+		<div class="pull-left">
 		<button id="btn-reload" class="btn btn-primary btn-raised"><span class="glyphicon glyphicon-refresh"></span> Reload</button>
 		<button class="btn btn-primary btn-raised" data-toggle="modal" data-target="#jobs-modal"><span class="glyphicon glyphicon-plus-sign"></span> Add new host</button>
+		</div>
+		<div class="pull-right">
+			<form action="/logout">
+			<button class="btn btn-danger btn-raised" href="/logout"><span class="glyphicon glyphicon-minus-sign"></span> Logout</button>
+			</form>
+		</div>
 		<table class="table table-striped table-hover ">
 			<thead>
 				<th>#</th>
@@ -36,7 +43,7 @@
 				<th>Url</th>
 				<th>Status</th>
 				<!--th>Status Code</th-->
-				<th>Failure Reason</th>
+				<th class="hide">Failure Reason</th>
 				<th>Delete</th>
 			</thead>
 			<tbody>
@@ -47,13 +54,18 @@
 				<td>{{.Url}}</td>
 				<td>{{.Status}}</td>
 				<!--td>{{.StatusCode}}</td-->
-				<td>{{.Reason}}</td>
+				<td class="hide">{{.Reason}}</td>
 				<!--td><span class="glyphicon glyphicon-pencil"></span></td-->
-				<td>&times;</td>
+				<td><a href="#" data-toggle="modal" data-target="delete-modal">&times;</a></td>
 			</tr>
 {{end}}
 			</tbody>
 		</table>
+		<div class="pull-left">
+			<form action="/refresh" method="POST">
+			<button class="btn btn-primary btn-raised"><span class="glyphicon glyphicon-refresh"></span> Update all</button>
+			</form>
+		</div>
 	</div>
 </div>
 {{template "jobs_modal.html"}}