From 04f1af3268b195c3f8ae334956975355654eefeb Mon Sep 17 00:00:00 2001
From: Ziver Koc <ziver@koc.se>
Date: Thu, 10 Dec 2015 23:24:47 +0100
Subject: [PATCH] html updates to configuration page

Former-commit-id: 3fd5c512193dd50ef534c505ec31cb77178719b5
---
 web-resource/configure.tmpl | 200 ++++++++++++++++++++++--------------
 web-resource/css/main.css   |   4 +
 2 files changed, 125 insertions(+), 79 deletions(-)
 mode change 100644 => 100755 web-resource/css/main.css

diff --git a/web-resource/configure.tmpl b/web-resource/configure.tmpl
index 1da95f5c..a71f5559 100755
--- a/web-resource/configure.tmpl
+++ b/web-resource/configure.tmpl
@@ -1,87 +1,129 @@
 <h1 class="page-header">Configuration</h1>
 
-<div class="panel panel-default">
-	<div class="panel-heading">Profile Information</div>
-	<div class="panel-body">
-		<form method="POST">
-			<input type="hidden" name="form" value="user">
-			<input type="hidden" name="id" value="{{user.getId()}}">
-			<div class="form-group col-md-4">
-				<label for="username">Username</label>
-				<input type="text" class="form-control" id="username" name="username" value="{{user.username}}">
-			</div>
-			<div class="form-group col-md-8">
-				<label for="address">Address</label>
-				<input type="text" class="form-control" id="address" name="address" value="{{user.address}}">
-			</div>
-			<div class="col-md-12">
-				<button type="submit" class="btn btn-default pull-right">Save</button>
-			</div>
-		</form>
-	</div>
+<div class="col-md-8">
+    <div class="panel panel-default drop-shadow">
+        <div class="panel-heading">Profile Information</div>
+        <div class="panel-body">
+            <form class="form-horizontal" method="POST">
+                <input type="hidden" name="form" value="user">
+                <input type="hidden" name="id" value="{{user.getId()}}">
+                <div class="form-group">
+                    <label for="username" class="col-sm-2 control-label">Username</label>
+                    <div class="col-sm-10">
+                        <input type="text" class="form-control" id="username" name="username" value="{{user.username}}">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label for="address" class="col-sm-2 control-label">Address</label>
+                    <div class="col-sm-10">
+                        <input type="text" class="form-control" id="address" name="address" value="{{user.address}}">
+                    </div>
+                </div>
+                <div class="form-group">
+                    <div class="col-sm-offset-2 col-sm-10">
+                        <button type="submit" class="btn btn-primary">Save</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
 </div>
 
-<div class="panel panel-default">
-	<div class="panel-heading">Local Sensors</div>
-	<div class="panel-body">
-		This is a local list of sensors connected to this node.
-	</div>
-	<table class="table table-hover">
-		<tr>
-			<th>Name</th>
-			<th>Type</th>
-			<th>Configuration</th>
-		</tr>
-		{{#localSensor}}
-		<tr>
-			<td>{{.name}}</td>
-			<td>{{.type}}</td>
-			<td>{{.config}}</td>
-		</tr>
-		{{/localSensor}}
-	</table>
+<div class="col-md-12">
+    <div class="panel panel-default drop-shadow">
+        <div class="panel-heading">Local Sensors</div>
+        <div class="panel-body">
+            <p>This is a local list of sensors connected to this node.</p>
+
+            <table class="table table-hover table-condensed">
+                <thead>
+                    <th>Name</th>
+                    <th>Type</th>
+                    <th>Configuration</th>
+                    <th>
+                        <button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-plus"></span></button>
+                    </th>
+                </thead>
+                {{#localSensor}}
+                <tr>
+                    <td>{{.name}}</td>
+                    <td>{{.type}}</td>
+                    <td>{{.config}}</td>
+                    <td>
+                        <div class="btn-toolbar pull-right">
+                            <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil"></span></button>
+                            <button class="btn btn-danger btn-xs"> <span class="glyphicon glyphicon-trash"></span></button>
+                        </div>
+                    </td>
+                </tr>
+                {{/localSensor}}
+            </table>
+        </div>
+    </div>
 </div>
 
-<div class="panel panel-default">
-	<div class="panel-heading">External Users</div>
-	<div class="panel-body">
-		Add or remove users that you want to synchronized data with.
-	</div>
-	<table class="table table-hover">
-		<tr>
-			<th>Username</th>
-			<th>Address</th>
-			<th>Hostname</th>
-			<th>Port</th>
-		</tr>
-		{{#extUsers}}
-		<tr>
-			<td>{{.username}}</td>
-			<td>{{.address}}</td>
-			<td>{{.hostname}}</td>
-			<td>{{.port}}</td>
-		</tr>
-		{{/extUsers}}
-	</table>
+<div class="col-md-12">
+    <div class="panel panel-default drop-shadow">
+        <div class="panel-heading">External Users</div>
+        <div class="panel-body">
+            <p>Add or remove users that you want to synchronized data with.</p>
+
+            <table class="table table-hover table-condensed">
+                <thead>
+                <th>Username</th>
+                <th>Address</th>
+                <th>Hostname</th>
+                <th>Port</th>
+                <th>
+                    <button class="btn btn-default btn-xs pull-right"><span class="glyphicon glyphicon-plus"></span></button>
+                </th>
+                </thead>
+                {{#extUsers}}
+                <tr>
+                    <td>{{.username}}</td>
+                    <td>{{.address}}</td>
+                    <td>{{.hostname}}</td>
+                    <td>{{.port}}</td>
+                    <td>
+                        <div class="btn-toolbar pull-right">
+                            <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil"></span></button>
+                            <button class="btn btn-danger btn-xs"> <span class="glyphicon glyphicon-trash"></span></button>
+                        </div>
+                    </td>
+                </tr>
+                {{/extUsers}}
+            </table>
+        </div>
+    </div>
 </div>
 
-<div class="panel panel-default">
-	<div class="panel-heading">External Sensors</div>
-	<div class="panel-body">
-		This is a read only list of synchronized sensors from external users.
-	</div>
-	<table class="table table-hover">
-		<tr>
-			<th>Name</th>
-			<th>Type</th>
-			<th>Configuration</th>
-		</tr>
-		{{#extSensor}}
-		<tr>
-			<td>{{.name}}</td>
-			<td>{{.type}}</td>
-			<td>{{.config}}</td>
-		</tr>
-		{{/extSensor}}
-	</table>
-</div>
+<div class="col-md-12">
+    <div class="panel panel-default drop-shadow">
+        <div class="panel-heading">External Sensors</div>
+        <div class="panel-body">
+            <p>This is a read only list of synchronized sensors from external users.</p>
+
+            <table class="table table-hover table-condensed">
+                <thead>
+                <th>Name</th>
+                <th>Type</th>
+                <th>Configuration</th>
+                <th></th>
+                </thead>
+                {{#extSensor}}
+                <tr>
+                    <td>{{.name}}</td>
+                    <td>{{.type}}</td>
+                    <td>{{.config}}</td>
+                    <td>
+                        <div class="btn-toolbar pull-right">
+                            <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-save"></span></button>
+                            <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-remove"></span></button>
+                        </div>
+                    </td>
+                </tr>
+                {{/extSensor}}
+            </table>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/web-resource/css/main.css b/web-resource/css/main.css
old mode 100644
new mode 100755
index ed9bf766..8f982497
--- a/web-resource/css/main.css
+++ b/web-resource/css/main.css
@@ -107,3 +107,7 @@ body {
 .panel{
 	margin-bottom: 70px;
 }
+
+.drop-shadow {
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
+}
\ No newline at end of file