Skip to content
Snippets Groups Projects
Commit 7b50e98b authored by Leonidas Poulopoulos's avatar Leonidas Poulopoulos
Browse files

Changed application UI. Added ports section as accordion for advanced settings

parent 887b82c3
No related branches found
No related tags found
No related merge requests found
...@@ -126,6 +126,15 @@ ...@@ -126,6 +126,15 @@
$('#port_diag').dialog('open'); $('#port_diag').dialog('open');
return false; return false;
}); });
$("#portsacc").accordion({
collapsible: true,
active: false,
});
$("#applybutton").button();
}); });
</script> </script>
...@@ -138,6 +147,10 @@ th { ...@@ -138,6 +147,10 @@ th {
vertical-align: top; vertical-align: top;
} }
.accord_wrapper{
height: 100% !important;
}
.help { .help {
font-style: italic; font-style: italic;
...@@ -170,15 +183,23 @@ th { ...@@ -170,15 +183,23 @@ th {
<input type="hidden" id="id_applier" name="applier" value="{{applier}}"/> <input type="hidden" id="id_applier" name="applier" value="{{applier}}"/>
<tr><th>{{ form.source.label_tag }}</th><td>{{ form.source }}<span class="error">{{ form.source.errors|join:", " }}</span></td></tr> <tr><th>{{ form.source.label_tag }}</th><td>{{ form.source }}<span class="error">{{ form.source.errors|join:", " }}</span></td></tr>
<tr class="help"><td></td><td>{{ form.source.help_text }}</td></tr> <tr class="help"><td></td><td>{{ form.source.help_text }}</td></tr>
<tr><th>{{ form.sourceport.label_tag }}</th><td>{{ form.sourceport }}&nbsp;&nbsp;<button class="new_port">Port</button><span class="error">{{ form.sourceport.errors|join:", " }}</span></td></tr>
<tr class="help"><td></td><td>{{ form.sourceport.help_text }}</td></tr>
<tr><th>{{ form.destination.label_tag }}</th><td>{{ form.destination }}<span class="error">{{ form.destination.errors|join:", " }}</span></td></tr> <tr><th>{{ form.destination.label_tag }}</th><td>{{ form.destination }}<span class="error">{{ form.destination.errors|join:", " }}</span></td></tr>
<tr class="help"><td></td><td>{{ form.destination.help_text }}</td></tr> <tr class="help"><td></td><td>{{ form.destination.help_text }}</td></tr>
</table>
<div id='portsacc' style="width: 500px;">
<h3 style="padding: 0.5em 0.5em 0.5em 0.7em;">Advanced Settings (Ports)</h3>
<div class='accord_wrapper' style="height: 100% !important;">
Select source/destination port(s), or select common port(s) for both source/destination
<table>
<tr><th>{{ form.sourceport.label_tag }}</th><td>{{ form.sourceport }}&nbsp;&nbsp;<button class="new_port">Port</button><span class="error">{{ form.sourceport.errors|join:", " }}</span></td></tr>
<tr class="help"><td></td><td>{{ form.sourceport.help_text }}</td></tr>
<tr><th>{{ form.destinationport.label_tag }}</th><td>{{ form.destinationport }}&nbsp;&nbsp;<button class="new_port">Port</button><span class="error">{{ form.destinationport.errors|join:", " }}</span></td></tr> <tr><th>{{ form.destinationport.label_tag }}</th><td>{{ form.destinationport }}&nbsp;&nbsp;<button class="new_port">Port</button><span class="error">{{ form.destinationport.errors|join:", " }}</span></td></tr>
<tr class="help"><td></td><td>{{ form.destinationport.help_text }}</td></tr> <tr class="help"><td></td><td>{{ form.destinationport.help_text }}</td></tr>
<tr><th>{{ form.port.label_tag }}</th><td>{{ form.port }}&nbsp;&nbsp;<button class="new_port">Port</button><span class="error">{{ form.port.errors|join:", " }}</span></td></tr> <tr><th>{{ form.port.label_tag }}</th><td>{{ form.port }}&nbsp;&nbsp;<button class="new_port">Port</button><span class="error">{{ form.port.errors|join:", " }}</span></td></tr>
<tr class="help"><td></td><td>{{ form.port.help_text }}</td></tr> <tr class="help"><td></td><td>{{ form.port.help_text }}</td></tr>
</div>
</table> </table>
</div>
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>{% trans "Rule Actions" %}</legend> <legend>{% trans "Rule Actions" %}</legend>
...@@ -202,7 +223,7 @@ th { ...@@ -202,7 +223,7 @@ th {
</p> </p>
</fieldset> </fieldset>
<p><input type="submit" value="{% trans "Apply" %}" /></p> <p><input type="submit" id="applybutton" value="{% trans "Apply" %}" /></p>
</form> </form>
</div> </div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment