UX on front end.

1 files changed, 26 insertions, 3 deletions

diff --git a/views/index.html b/views/index.html
index 31ef3f2..88f8e2e 100644
--- a/views/index.html
+++ b/views/index.html
@@ -1,8 +1,31 @@
 {{template "header.html"}}
 {{template "navbar.html"}}
-Hello World!
 
-{{range .}}
-Hier steht die Url: {{.Url}}
+<div class="container">
+	<div class="row">
+		<button id="btn-reload" class="btn btn-primary btn-raised"><span class="glyphicon glyphicon-refresh"></span> Reload</button>
+		<table class="table table-striped table-hover ">
+			<thead>
+				<th>#</th>
+				<th>Host</th>
+				<th>Url</th>
+				<th>Status</th>
+				<!--th>Status Code</th-->
+				<th>Failure Reason</th>
+			</thead>
+			<tbody>
+{{range $index, $results := .}}
+		<tr class="{{.Class}}">
+				<td>{{add $index 1}}</td>
+				<td>{{.Host}}</td>
+				<td>{{.Url}}</td>
+				<td>{{.Status}}</td>
+				<!--td>{{.StatusCode}}</td-->
+				<td>{{.Reason}}</td>
+			</tr>
 {{end}}
+			</tbody>
+		</table>
+	</div>
+</div>
 {{template "footer.html"}}