Firewall settings form and small papercuts

This commit is contained in:
Eduardo Silva
2024-03-01 16:32:14 -03:00
parent 5f8627e3f3
commit 1de3bd132f
8 changed files with 149 additions and 11 deletions

View File

@@ -86,6 +86,7 @@
</table>
<a href="/firewall/manage_firewall_rule/?chain={{ current_chain }}" class='btn btn-primary'>Create Firewall Rule</a>
<a href="/firewall/firewall_settings/?chain={{ current_chain }}" class='btn btn-outline-primary'>Firewall Settings</a>
</div>
</div>
</div>

View File

@@ -14,7 +14,7 @@
<div class="card-header" id="headingGeneral">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseGeneral" aria-expanded="true" aria-controls="collapseGeneral">
General
<i class="fas fa-cogs"></i> General
</button>
</h2>
</div>
@@ -93,7 +93,7 @@
<div class="card-header" id="headingInterface">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseInterface" aria-expanded="false" aria-controls="collapseInterface">
Interface
<i class="fas fa-network-wired"></i> Interface
</button>
</h2>
</div>
@@ -134,7 +134,7 @@
<div class="card-header" id="headingSource">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseSource" aria-expanded="false" aria-controls="collapseSource">
Source
<i class="fas fa-plane-departure"></i> Source
</button>
</h2>
</div>
@@ -193,7 +193,7 @@
<div class="card-header" id="headingDestination">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseDestination" aria-expanded="false" aria-controls="collapseDestination">
Destination
<i class="fas fa-plane-arrival"></i> Destination
</button>
</h2>
</div>
@@ -252,7 +252,7 @@
<div class="card-header" id="headingProtocol">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseProtocol" aria-expanded="false" aria-controls="collapseProtocol">
Protocol
<i class="fas fa-book"></i> Protocol
</button>
</h2>
</div>
@@ -310,7 +310,7 @@
<div class="card-header" id="headingPacketState">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapsePacketState" aria-expanded="false" aria-controls="collapsePacketState">
Packet State
<i class="fas fa-boxes"></i> Packet State
</button>
</h2>
</div>
@@ -350,7 +350,7 @@
<div class="card-header" id="headingAction">
<h2 class="mb-0">
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseAction" aria-expanded="false" aria-controls="collapseAction">
Action
<i class="fas fa-directions"></i> Action
</button>
</h2>
</div>

View File

@@ -0,0 +1,69 @@
{% extends 'base.html' %}
{% block content %}
<div class="row">
<div class="col-md-4">
<form method="post">
{% csrf_token %}
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-12">
<!-- WAN Interface -->
<div class="form-group">
<label for="id_wan_interface">{{ form.wan_interface.label }}</label>
<select class="form-control" id="id_wan_interface" name="wan_interface">
{% for value, display in form.wan_interface.field.choices %}
<option value="{{ value }}" {% if form.wan_interface.value == value %} selected {% endif %}>{{ display }}</option>
{% endfor %}
</select>
</div>
<!-- Default Forward Policy -->
<div class="form-group">
<label for="id_default_forward_policy">{{ form.default_forward_policy.label }}</label>
<select class="form-control" id="id_default_forward_policy" name="default_forward_policy">
{% for value, display in form.default_forward_policy.field.choices %}
<option value="{{ value }}" {% if form.default_forward_policy.value == value %} selected {% endif %}>{{ display }}</option>
{% endfor %}
</select>
</div>
<!-- Allow Peer to Peer -->
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="id_allow_peer_to_peer" name="allow_peer_to_peer" {% if form.allow_peer_to_peer.value %} checked {% endif %}>
<label for="id_allow_peer_to_peer">{{ form.allow_peer_to_peer.label }}</label>
</div>
<!-- Allow Instance to Instance -->
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="id_allow_instance_to_instance" name="allow_instance_to_instance" {% if form.allow_instance_to_instance.value %} checked {% endif %}>
<label for="id_allow_instance_to_instance">{{ form.allow_instance_to_instance.label }}</label>
</div>
</div>
<div class="col-md-6">
</div>
</div>
</div>
<div class="card-footer">
<button type="submit" class="btn btn-primary">Submit</button>
<a class="btn btn-outline-secondary" href="{{ back_url }}">Back</a>
</div>
</div>
</form>
</div>
</div>
{% endblock %}

View File

@@ -67,7 +67,7 @@
</tbody>
</table>
<a href="/firewall/manage_port_forward_rule/" class='btn btn-primary'>Create Port forwarding Rule</a>
<a href="/firewall/firewall_settings/?chain=porforward" class='btn btn-outline-primary'>Firewall Settings</a>
</div>
</div>
</div>