[dozmod] Add UI to create preset network rules

2 files changed, 125 insertions, 0 deletions

diff --git a/modules-available/dozmod/templates/networkrules-edit.html b/modules-available/dozmod/templates/networkrules-edit.html
new file mode 100644
index 00000000..c04e2825
--- /dev/null
+++ b/modules-available/dozmod/templates/networkrules-edit.html
@@ -0,0 +1,43 @@
+<h1>{{lang_networkrules}}</h1>
+
+<div class="panel panel-default">
+	<div class="panel-heading">
+		{{lang_editNetworkrule}}
+	</div>
+	<div class="panel-body">
+		<form method="post" action="?do=dozmod">
+			<input type="hidden" name="token" value="{{token}}">
+			<input type="hidden" name="section" value="networkrules">
+			<input type="hidden" name="ruleid" value="{{ruleid}}">
+
+			<div class="input-group">
+				<label class="input-group-addon" for="rulename">{{lang_name}}</label>
+				<input required type="text" name="rulename" id="rulename" class="form-control" value="{{rulename}}">
+			</div>
+			<div class="input-group">
+				<label class="input-group-addon" for="host">{{lang_host}}</label>
+				<input required type="text" name="host" id="host" class="form-control" value="{{host}}">
+			</div>
+			<div class="input-group">
+				<label class="input-group-addon" for="port">{{lang_port}}</label>
+				<input required type="number" name="port" id="port" class="form-control" value="{{port}}">
+			</div>
+			<div class="input-group">
+				<label class="input-group-addon" for="direction">{{lang_direction}}</label>
+				<select class="form-control" name="direction" id="direction">
+					<option {{inSelected}} value="IN">IN</option>
+					<option {{outSelected}} value="OUT">OUT</option>
+				</select>
+			</div>
+			<div class="text-right" style="margin-top: 20px">
+				<a href="?do=dozmod&amp;section=networkrules" class="btn btn-default">
+					{{lang_cancel}}
+				</a>
+				<button type="submit" class="btn btn-primary" name="action" value="save">
+					<span class="glyphicon glyphicon-floppy-disk"></span>
+					{{lang_save}}
+				</button>
+			</div>
+		</form>
+	</div>
+</div>
\ No newline at end of file
diff --git a/modules-available/dozmod/templates/networkrules.html b/modules-available/dozmod/templates/networkrules.html
new file mode 100644
index 00000000..4344ff4f
--- /dev/null
+++ b/modules-available/dozmod/templates/networkrules.html
@@ -0,0 +1,82 @@
+<h1>{{lang_networkrules}}</h1>
+
+<p>
+	{{lang_networkrulesIntro}}
+</p>
+
+<table class="table">
+	<thead>
+		<tr>
+			<th>{{lang_name}}</th>
+			<th>{{lang_host}}</th>
+			<th>{{lang_port}}</th>
+			<th>{{lang_direction}}</th>
+			{{#hasEditPermissions}}
+			<th class="slx-smallcol">{{lang_edit}}</th>
+			<th class="slx-smallcol">{{lang_delete}}</th>
+			{{/hasEditPermissions}}
+		</tr>
+	</thead>
+	<tbody>
+	{{#networkrules}}
+		<tr>
+			<td>{{rulename}}</td>
+			<td>{{host}}</td>
+			<td>{{port}}</td>
+			<td>{{direction}}</td>
+			{{#hasEditPermissions}}
+			<td align="center">
+				<a href="?do=dozmod&amp;section=networkrules&amp;show=edit&amp;ruleid={{ruleid}}" class="btn btn-xs btn-primary">
+					<span class="glyphicon glyphicon-edit"></span>
+				</a>
+			</td>
+			<td align="center">
+				<button type="button" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#deleteModal" onclick="deleteRule('{{ruleid}}')">
+					<span class="glyphicon glyphicon-trash"></span>
+				</button>
+			</td>
+			{{/hasEditPermissions}}
+		</tr>
+	{{/networkrules}}
+	</tbody>
+</table>
+{{#hasEditPermissions}}
+<div class="text-right">
+	<a href="?do=dozmod&amp;section=networkrules&amp;show=edit" class="btn btn-success">
+		<span class="glyphicon glyphicon-plus"></span>
+		{{lang_addRule}}
+	</a>
+</div>
+{{/hasEditPermissions}}
+
+<!-- Modals -->
+<form method="post" action="?do=dozmod">
+	<input type="hidden" name="token" value="{{token}}">
+	<input type="hidden" name="section" value="networkrules">
+	<div class ="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+		<div class="modal-dialog" role="document">
+			<div class="modal-content">
+				<div class="modal-header">
+					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+					<h4 class="modal-title" id="myModalLabel">{{lang_delete}}</h4>
+				</div>
+				<div class="modal-body">
+					<p>{{lang_ruleDeleteConfirm}}</p>
+				</div>
+				<div class="modal-footer">
+					<input type="hidden" id="delete-rule-id" name="ruleid" value="">
+					<button type="button" class="btn btn-default" data-dismiss="modal">{{lang_cancel}}</button>
+					<button type="submit" name="action" value="delete" class="btn btn-danger"><span class="glyphicon glyphicon-trash"></span> {{lang_delete}}</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</form>
+
+<script type="text/javascript">
+
+	function deleteRule(ruleid) {
+		$("#delete-rule-id").val(ruleid);
+	}
+
+</script>
\ No newline at end of file