1 files changed, 75 insertions, 0 deletions
diff --git a/modules-available/usblockoff/templates/usb-configuration-table.html b/modules-available/usblockoff/templates/usb-configuration-table.html
index eb3a8839..3ceebce5 100644
--- a/modules-available/usblockoff/templates/usb-configuration-table.html
+++ b/modules-available/usblockoff/templates/usb-configuration-table.html
@@ -6,6 +6,7 @@
 			</div>
 		</div>
 	</div>
+<!--
 	<div class="row">
 		<div class="col-md-12">
 			<table id="configurationTable" class="table table-condensed table-hover stupidtable">
@@ -43,9 +44,83 @@
 				</a>
 			</div>
 		</div>
+	</div> -->
+</div>
+
+
+<ul class="nav nav-tabs">
+	<li class="active"><a data-toggle="tab" href="#configTableMenu">{{lang_editConfig}}</a></li>
+	<li><a data-toggle="tab" href="#assignMenu">{{lang_assingMenu}}</a></li>
+</ul>
+
+<div class="tab-content">
+	<div id="configTableMenu" class="tab-pane fade in active">
+		<div class="panel panel-default">
+			<div class="panel-heading">{{lang_configurationTable}}</div>
+			<div class="panel-body">
+				<div class="list-group">
+
+					<div class="row">
+						<div class="col-md-12">
+							<table id="configurationTable" class="table table-condensed table-hover stupidtable">
+								<thead>
+								<tr>
+									<th data-sort="string">{{lang_serverName}}</th>
+									<th>{{lang_ruleInfoTODO}}</th>
+									<th>{{lang_edit}}</th>
+									<th>{{lang_delete}}</th>
+								</tr>
+								</thead>
+								<tbody>
+								{{#config_list}}
+								<tr>
+									<td data-sort-value="{{config_name}}">{{config_name}}</td>
+									<td>TODO: Show Rule information here</td>
+									<td>
+										<a class="btn btn-xs btn-info" href="?do=usblockoff&amp;show=edit-config&amp;configid={{config_id}}">
+											<span class="glyphicon glyphicon-edit"></span>
+										</a>
+									</td>
+									<td>
+										<a class="btn btn-xs btn-danger" onclick="deleteConfig(event, {{config_id}});">
+											<span class="glyphicon glyphicon-trash"></span>
+										</a>
+									</td>
+								</tr>
+								{{/config_list}}
+								</tbody>
+							</table>
+							<div class="buttonbar text-right">
+								<a class="btn btn-success" href="?do=usblockoff&amp;show=edit-config&amp;configid=new-default">
+									<span class="glyphicon glyphicon-plus"></span>
+									{{lang_configuration}}
+								</a>
+							</div>
+						</div>
+					</div>
+
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="assignMenu" class="tab-pane fade">
+		<div class="panel panel-default">
+			<div class="panel-heading">{{lang_configurationTable}}</div>
+			<div class="panel-body">
+				<div class="list-group">
+
+					<h3>Work in progress ...</h3>
+					<p>Todo: Implement this.</p>
+					<p>Or not.</p>
+					<p>¯\_(ツ)_/¯</p>
+
+				</div>
+			</div>
+		</div>
 	</div>
 </div>
 
+
 <script>
 	function deleteConfig(event, id) {
 		event.preventDefault();