2015-03-06 07:42:25 +00:00
{% extends "base.html" %}
{% load i18n %}
2019-01-24 12:02:19 +00:00
{% load staticfiles %}
2015-03-06 11:59:27 +00:00
{% block title %}{% trans "Network" %} - {{ pool }}{% endblock %}
2015-03-06 07:42:25 +00:00
{% block content %}
2019-07-31 08:03:48 +00:00
<!-- Page Heading -->
< div class = "row" >
< div class = "col-lg-12" >
< h1 class = "page-header" > {% trans "Network:" %} {{ pool }}< / h1 >
< ol class = "breadcrumb" >
< li class = "active" >
< i class = "fa fa-dashboard" > < / i > < a href = "{% url 'overview' compute.id %}" > {% trans "Overview" %}< / a >
< / li >
< li >
< i class = "fa fa-server" > < / i > < a href = "{% url 'instances' compute.id %}" > {% trans "Instances" %}< / a >
< / li >
< li >
< i class = "fa fa-hdd-o" > < / i > < a href = "{% url 'storages' compute.id %}" > {% trans "Storages" %}< / a >
< / li >
< li >
< i class = "fa fa-sitemap" > < / i > < a href = "{% url 'networks' compute.id %}" > {% trans "Networks" %}< / a >
< / li >
< li >
< i class = "fa fa-wifi" > < / i > < a href = "{% url 'interfaces' compute.id %}" > {% trans "Interfaces" %}< / a >
< / li >
< li >
< i class = "fa fa-filter" > < / i > < a href = "{% url 'nwfilters' compute.id %}" > {% trans "NWFilters" %}< / a >
< / li >
< li >
< i class = "fa fa-key" > < / i > < a href = "{% url 'secrets' compute.id %}" > {% trans "Secrets" %}< / a >
< / li >
< / ol >
< / div >
< / div >
<!-- /.row -->
2015-03-06 07:42:25 +00:00
2019-07-31 08:03:48 +00:00
{% include 'errors_block.html' %}
{% include 'messages_block.html' %}
2015-03-06 07:42:25 +00:00
2019-07-31 08:03:48 +00:00
< div class = "row" >
< div class = "col-xs-6 col-sm-4" >
2019-11-07 11:07:57 +00:00
< p > {% trans "Network Name" %}:< / p >
2019-07-31 08:03:48 +00:00
< p > {% trans "Device" %}:< / p >
2019-11-07 11:07:57 +00:00
< p > {% trans "MAC" %}:< / p >
2019-07-31 08:03:48 +00:00
< p > {% trans "State" %}:< / p >
< p > {% trans "Autostart" %}:< / p >
< / div >
< div class = "col-xs-6 col-sm-6" >
< p > {{ pool }}< / p >
< p > {{ device }}< / p >
2019-11-07 11:07:57 +00:00
< p > {{ net_mac }}< / p >
2019-07-31 08:03:48 +00:00
< p >
< form action = "" method = "post" role = "form" > {% csrf_token %}
{% ifequal state 0 %}
< input type = "submit" class = "btn btn-xs btn-default" name = "start" value = "{% trans " Start " % } " >
< input type = "submit" class = "btn btn-xs btn-default" name = "delete" value = "{% trans " Delete " % } " onclick = "return confirm('{% trans " Are you sure ? " % } ' ) " >
{% else %}
< input type = "submit" class = "btn btn-xs btn-default" name = "stop" value = "{% trans " Stop " % } " onclick = "return confirm('{% trans " Are you sure ? " % } ' ) " >
{% endifequal %}
< / form >
< / p >
< p >
< form action = "" method = "post" role = "form" > {% csrf_token %}
{% ifequal autostart 0 %}
< input type = "submit" class = "btn btn-xs btn-default" name = "set_autostart" value = "{% trans " Enable " % } " >
{% else %}
< input type = "submit" class = "btn btn-xs btn-default" name = "unset_autostart" onclick = "return confirm('{% trans " Are you sure ? " % } ' ) " value = "{% trans " Disable " % } " >
{% endifequal %}
< / form >
< / p >
< / div >
< / div >
2019-11-07 07:33:36 +00:00
2019-07-31 08:03:48 +00:00
< div class = "row" >
< h3 class = "page-header" > < / h3 >
< / div >
< div class = "panel-group" id = "accordion" >
< div class = "panel panel-default" >
< div class = "panel-heading" >
< a data-toggle = "collapse" data-parent = "#accordion" href = "#collapseOne" >
{% trans 'XML' %}
< / a >
2019-01-24 12:02:19 +00:00
< / div >
2019-07-31 08:03:48 +00:00
< div id = "collapseOne" class = "panel-collapse collapse" >
< div class = "panel-body" >
< form class = "form-inline" method = "post" role = "form" > {% csrf_token %}
< div class = "col-xs-12" id = "xmlheight" >
< input type = "hidden" name = "edit_xml" / >
< textarea id = "edit_editor" > {{ xml }}< / textarea >
< / div >
< button type = "submit" class = "btn btn-primary pull-right" name = "edit_network" >
{% trans "Edit" %}
< / button >
< / form >
2019-01-22 13:53:10 +00:00
< / div >
2019-01-24 12:02:19 +00:00
< / div >
2019-07-31 08:03:48 +00:00
< / div >
< / div >
2019-11-07 07:33:36 +00:00
< div class = "row" >
2019-07-31 08:03:48 +00:00
< h3 class = "page-header" > {% trans "IPv4 Configuration" %}< / h3 >
< / div >
< div class = "row" >
< div class = "col-xs-6 col-sm-4" >
2019-11-07 07:33:36 +00:00
< p > {% trans "IPv4 Forwarding" %}:< / p >
< p > {% trans "Network" %}:< / p >
2019-11-07 11:07:57 +00:00
< p > {% trans "DHCP" %}:< / p >
2019-07-31 08:03:48 +00:00
{% if ipv4_dhcp_range_start and ipv4_dhcp_range_end %}
2019-11-07 07:33:36 +00:00
< p > {% trans "Start" %}:< / p >
< p > {% trans "End" %}:< / p >
2019-07-31 08:03:48 +00:00
{% endif %}
2019-01-24 12:02:19 +00:00
< / div >
2019-07-31 08:03:48 +00:00
< div class = "col-xs-6 col-sm-4" >
< p >
2019-11-07 07:33:36 +00:00
{% ifequal net_forward.0 'nat' %}
2019-07-31 08:03:48 +00:00
{% trans "NAT" %}
{% endifequal %}
2019-11-07 07:33:36 +00:00
{% ifequal net_forward.0 'route' %}
2019-07-31 08:03:48 +00:00
{% trans "ROUTE" %}
{% endifequal %}
2019-11-07 07:33:36 +00:00
{% ifequal net_forward.0 'bridge' %}
2019-07-31 08:03:48 +00:00
{% trans "BRIDGE" %}
{% endifequal %}
2019-11-07 07:33:36 +00:00
{% if not net_forward.0 %}
2019-07-31 08:03:48 +00:00
{% trans "ISOLATE" %}
{% endif %}
< / p >
2019-11-07 11:07:57 +00:00
< p > {{ ipv4_network|default:"-" }}< / p >
2019-07-31 08:03:48 +00:00
< p >
{% if ipv4_dhcp_range_start and ipv4_dhcp_range_end %}
< span class = "text-success" > {% trans "ON" %}< / span >
{% else %}
< span class = "text-danger" > {% trans "OFF" %}< / span >
{% endif %}
< / p >
{% if ipv4_dhcp_range_start and ipv4_dhcp_range_end %}
< form method = "post" role = "form" > {% csrf_token %}
{% if state %}
< p > {{ ipv4_dhcp_range_start }}< / p >
< p > {{ ipv4_dhcp_range_end }}< / p >
{% else %}
< p > < input name = "range_start" value = "{{ ipv4_dhcp_range_start }}" / > < / p >
< p > < input name = "range_end" value = "{{ ipv4_dhcp_range_end }}" / > < / p >
2019-11-07 07:33:36 +00:00
< input hidden name = "family" value = "ipv4" / >
2019-07-31 08:03:48 +00:00
< div class = "col-xs-10 col-sm-8" >
< input type = "submit" class = "btn btn-primary btn-block" value = "Apply"
name="modify_dhcp_range"
title="Edit DHCP Range" onclick="return confirm('{% trans "Are you sure?" %}')"/>
< / div >
2015-03-06 07:42:25 +00:00
{% endif %}
2019-07-31 08:03:48 +00:00
< / form >
2019-01-24 12:02:19 +00:00
{% endif %}
2019-07-31 08:03:48 +00:00
< / div >
< / div >
2019-11-07 07:33:36 +00:00
{% if ipv4_dhcp_range_start and ipv4_dhcp_range_end %}
2019-07-31 08:03:48 +00:00
{% if state %}
2019-11-07 07:33:36 +00:00
{% include 'modify_ipv4_fixed_address.html' %}
2019-07-31 08:03:48 +00:00
{% endif %}
< div class = "row" >
2019-11-07 07:33:36 +00:00
< h3 class = "page-header" > {% trans "IPv4 Fixed Address" %}< / h3 >
2019-07-31 08:03:48 +00:00
< / div >
2019-11-07 07:33:36 +00:00
{% endif %}
{% if ipv4_fixed_address %}
2019-07-31 08:03:48 +00:00
< div class = "row" >
< div class = "col-xs-12" >
< div class = "panel-group" id = "accordion" >
< div class = "panel panel-default" >
< div class = "panel-heading" >
< a data-toggle = "collapse" data-parent = "#accordion" href = "#collapseTwo" >
{% trans 'Show' %}
< / a >
< / div >
< div id = "collapseTwo" class = "panel-collapse collapse" >
< div class = "panel-body" >
2019-01-22 13:53:10 +00:00
2019-07-31 08:03:48 +00:00
< div class = "input-append form-inline pull-right" >
< div class = "form-group" >
< input type = "text" class = "form-control" id = "filter_input" >
2015-03-06 07:42:25 +00:00
< / div >
2019-07-31 08:03:48 +00:00
< input type = "button" class = "btn btn-default" id = "filter_button" value = "Filter" >
< button type = "button" class = "btn btn-default" id = "filter_clear" > {% trans 'Clear' %}< / button >
2015-03-06 07:42:25 +00:00
< / div >
2019-11-07 07:33:36 +00:00
< table id = "ipv4_table" class = "table table-hover" >
2019-07-31 08:03:48 +00:00
< thead >
< tr >
< th style = "text-align: center" > {% trans "MAC" %}< / th >
< th style = "text-align: center" > {% trans "Address" %}< / th >
< th style = "text-align: center" > {% trans "Name" %}< / th >
< th style = "text-align: center" > {% trans "Action" %}< / th >
< / tr >
< / thead >
< tbody style = "text-align: center" >
2019-11-07 07:33:36 +00:00
{% for fix4 in ipv4_fixed_address %}
2019-07-31 08:03:48 +00:00
< tr >
< form method = "post" role = "form" > {% csrf_token %}
2019-11-07 07:33:36 +00:00
< td > < input class = "form-control" value = "{{ fix4.mac }}" name = "mac" readonly / > < / td >
< td > < input class = "form-control" value = "{{ fix4.ip }}" name = "address" / > < / td >
< td > < input class = "form-control" value = "{{ fix4.name }}" name = "name" / > < / td >
2019-07-31 08:03:48 +00:00
< td >
2019-11-07 07:33:36 +00:00
< input hidden name = "family" value = "ipv4" / >
< button type = "submit" class = "btn btn-sm btn-primary"
name="modify_fixed_address"
title="Edit entry" onclick="return confirm('{% trans "Are you sure?" %}')">
< i class = "glyphicon glyphicon-save" > < / i >
< / button >
< button type = "submit" class = "btn btn-sm btn-danger"
name="delete_fixed_address"
title="Delete entry" onclick="return confirm('{% trans "Are you sure?" %}')">
< i class = "glyphicon glyphicon-trash" > < / i >
< / button >
< / td >
< / form >
< / tr >
{% endfor %}
< / tbody >
< / table >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
{% endif %}
< div class = "row" >
< h3 class = "page-header" > {% trans "IPv6 Configuration" %}< / h3 >
< / div >
< div class = "row" >
< div class = "col-xs-6 col-sm-4" >
< p > {% trans "IPv6 Forwarding" %}:< / p >
< p > {% trans "Network" %}:< / p >
2019-11-07 11:07:57 +00:00
< p > {% trans "DHCP" %}:< / p >
2019-11-07 07:33:36 +00:00
{% if ipv6_dhcp_range_start and ipv6_dhcp_range_end %}
< p > {% trans "Start" %}:< / p >
< p > {% trans "End" %}:< / p >
{% endif %}
< / div >
< div class = "col-xs-6 col-sm-4" >
< p >
{% if not net_forward.0 %}
{% trans "ISOLATE" %}
{% else %}
{% trans "ROUTE" %}
{% endif %}
< / p >
2019-11-07 11:07:57 +00:00
< p > {{ ipv6_network|default:"-" }}< / p >
2019-11-07 07:33:36 +00:00
< p >
{% if ipv6_dhcp_range_start and ipv6_dhcp_range_end %}
< span class = "text-success" > {% trans "ON" %}< / span >
{% else %}
< span class = "text-danger" > {% trans "OFF" %}< / span >
{% endif %}
< / p >
{% if ipv6_dhcp_range_start and ipv6_dhcp_range_end %}
< form method = "post" role = "form" > {% csrf_token %}
{% if state %}
< p > {{ ipv6_dhcp_range_start }}< / p >
< p > {{ ipv6_dhcp_range_end }}< / p >
{% else %}
< p > < input name = "range_start" value = "{{ ipv6_dhcp_range_start }}" / > < / p >
< p > < input name = "range_end" value = "{{ ipv6_dhcp_range_end }}" / > < / p >
< input hidden name = "family" value = "ipv6" / >
< div class = "col-xs-10 col-sm-8" >
< input type = "submit" class = "btn btn-primary btn-block" value = "Apply"
name="modify_dhcp_range"
title="Edit DHCP Range" onclick="return confirm('{% trans "Are you sure?" %}')"/>
< / div >
{% endif %}
< / form >
{% endif %}
< / div >
< / div >
{% if ipv6_dhcp_range_start and ipv6_dhcp_range_end %}
{% if state %}
{% include 'modify_ipv6_fixed_address.html' %}
{% endif %}
< div class = "row" >
< h3 class = "page-header" > {% trans "IPv6 Fixed Address" %}< / h3 >
< / div >
{% endif %}
{% if ipv6_fixed_address %}
< div class = "row" >
< div class = "col-xs-12" >
< div class = "panel-group" id = "accordion" >
< div class = "panel panel-default" >
< div class = "panel-heading" >
< a data-toggle = "collapse" data-parent = "#accordion" href = "#collapseIPv6" >
{% trans 'Show' %}
< / a >
< / div >
< div id = "collapseIPv6" class = "panel-collapse collapse" >
< div class = "panel-body" >
< div class = "input-append form-inline pull-right" >
< div class = "form-group" >
< input type = "text" class = "form-control" id = "filter_input_ipv6" >
< / div >
< input type = "button" class = "btn btn-default" id = "filter_button_ipv6" value = "Filter" >
< button type = "button" class = "btn btn-default" id = "filter_clear_ipv6" > {% trans 'Clear' %}< / button >
< / div >
< table id = "ipv6_table" class = "table table-hover" >
< thead >
< tr >
< th style = "text-align: center" > {% trans "ID" %}< / th >
< th style = "text-align: center" > {% trans "Address" %}< / th >
< th style = "text-align: center" > {% trans "Name" %}< / th >
< th style = "text-align: center" > {% trans "Action" %}< / th >
< / tr >
< / thead >
< tbody style = "text-align: center" >
{% for fix6 in ipv6_fixed_address %}
< tr >
< form method = "post" role = "form" > {% csrf_token %}
< td > < input class = "form-control" value = "{{ fix6.id }}" name = "id" readonly / > < / td >
< td > < input class = "form-control" value = "{{ fix6.ip }}" name = "address" / > < / td >
< td > < input class = "form-control" value = "{{ fix6.name }}" name = "name" / > < / td >
< td >
< input hidden name = "family" value = "ipv6" / >
2019-07-31 08:03:48 +00:00
< button type = "submit" class = "btn btn-sm btn-primary"
name="modify_fixed_address"
title="Edit entry" onclick="return confirm('{% trans "Are you sure?" %}')">
< i class = "glyphicon glyphicon-save" > < / i >
< / button >
< button type = "submit" class = "btn btn-sm btn-danger"
name="delete_fixed_address"
title="Delete entry" onclick="return confirm('{% trans "Are you sure?" %}')">
< i class = "glyphicon glyphicon-trash" > < / i >
< / button >
< / td >
< / form >
< / tr >
{% endfor %}
< / tbody >
< / table >
2015-03-06 07:42:25 +00:00
< / div >
< / div >
< / div >
2019-01-24 12:02:19 +00:00
< / div >
2019-07-31 08:03:48 +00:00
< / div >
< / div >
{% endif %}
2015-03-06 07:42:25 +00:00
{% endblock %}
{% block script %}
2015-04-06 07:51:50 +00:00
< script >
$.expr[':'].Contains = $.expr.createPseudo(function (arg) {
return function (elem) {
return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
};
});
$(document).ready(function () {
// add event button labeled "filter"
$('#filter_button').click(function (event) {
// get value
2019-11-07 07:33:36 +00:00
let filter_val = $('#filter_input').val();
2015-04-06 07:51:50 +00:00
if (filter_val == '') {
// show all
2019-11-07 07:33:36 +00:00
$('#ipv4_table tbody tr').show();
2015-04-06 07:51:50 +00:00
} else {
// hide non-matching items
2019-11-07 07:33:36 +00:00
let row_not_contains4 = $('#ipv4_table tbody tr input:not([value*=\'' + filter_val + '\'])');
row_not_contains4.closest('tr').hide();
// show only matches
let row_contains4 = $('#ipv4_table tbody tr input[value*=\'' + filter_val + '\']');
row_contains4.closest('tr').show();
2015-04-06 07:51:50 +00:00
}
2015-03-06 07:42:25 +00:00
});
2015-04-06 07:51:50 +00:00
// add event button labeled "clear"
$('#filter_clear').click(function (event) {
$('#filter_input').val('');
$('#filter_button').click();
});
2015-03-06 07:42:25 +00:00
2015-04-06 07:51:50 +00:00
// trigger filter when enter key pressed
$('#filter_input').keyup(function (event) {
if (event.keyCode == 13) {
2015-03-06 07:42:25 +00:00
$('#filter_button').click();
2015-04-06 07:51:50 +00:00
}
2015-03-06 07:42:25 +00:00
});
2019-11-07 07:33:36 +00:00
// add event button labeled "filter"
$('#filter_button_ipv6').click(function (event) {
// get value
let filter_val = $('#filter_input_ipv6').val();
if (filter_val == '') {
// show all
$('#ipv6_table tbody tr').show();
} else {
// hide non-matching items
let row_not_contains6 = $('#ipv6_table tbody tr input:not([value*=\'' + filter_val + '\'])');
row_not_contains6.closest('tr').hide();
// show only matches
let row_contains6 = $('#ipv6_table tbody tr input[value*=\'' + filter_val + '\']');
row_contains6.closest('tr').show();
}
});
// add event button labeled "clear"
$('#filter_clear_ipv6').click(function (event) {
$('#filter_input_ipv6').val('');
$('#filter_button_ipv6').click();
});
// trigger filter when enter key pressed
$('#filter_input_ipv6').keyup(function (event) {
if (event.keyCode == 13) {
$('#filter_button_ipv6').click();
}
});
2015-04-06 07:51:50 +00:00
});
< / script >
2019-01-24 12:02:19 +00:00
< script src = "{% static " js / ace . js " % } " > < / script >
< script >
var editor = ace.edit("edit_editor");
editor.getSession().setMode("ace/mode/xml");
var edit_input = $('input[name="edit_xml"]');
editor.getSession().on("change", function () {
edit_input.val(editor.getSession().getValue());
});
< / script >
2015-03-06 07:42:25 +00:00
{% endblock %}
