diff --git a/web/frontend/peerings-new.html b/web/frontend/peerings-new.html index c7edfa0..650b64a 100644 --- a/web/frontend/peerings-new.html +++ b/web/frontend/peerings-new.html @@ -72,6 +72,61 @@ } return true } + + // update exaple config when changing values + function update_from_endpoint() { + let example_config_peer_port = document.getElementById("example-config-peer-port"); + let endpoint_enabled = document.getElementById("peer-endpoint-enabled").checked; + let endpoint = document.getElementById("peer-endpoint").value; + if (endpoint_enabled && endpoint && endpoint.split(":").length >= 2) { + example_config_peer_port.innerHTML = endpoint.split(":").at(-1); + return + } + example_config_peer_port.innerHTML = '2{{config["ASN"][-4:]}}' + } + function update_from_v6ll() { + let example_config_ip = document.getElementById("example-config-ipv6ll"); + let example_config_peer_ip = document.getElementById("example-config-peer-ipv6ll"); + let ip_enabled = document.getElementById("peer-v6ll-enabled").checked; + let ip = document.getElementById("peer-v6ll").value; + if (ip_enabled) { + example_config_ip.style.display = ""; + example_config_peer_ip.innerHTML = ip; + } else { + example_config_ip.style.display = "none"; + } + } + function update_from_v4() { + let example_config_ip = document.getElementById("example-config-ipv4"); + let example_config_peer_ip = document.getElementById("example-config-peer-ipv4"); + let ip_enabled = document.getElementById("peer-v4-enabled").checked; + let ip = document.getElementById("peer-v4").value; + if (ip_enabled) { + example_config_ip.style.display = ""; + example_config_peer_ip.innerHTML = ip; + } else { + example_config_ip.style.display = "none"; + } + } + function update_from_v6() { + let example_config_ip = document.getElementById("example-config-ipv6"); + let example_config_peer_ip = document.getElementById("example-config-peer-ipv6"); + let ip_enabled = document.getElementById("peer-v6-enabled").checked; + let ip = document.getElementById("peer-v6").value; + if (ip_enabled) { + example_config_ip.style.display = ""; + example_config_peer_ip.innerHTML = ip; + } else { + example_config_ip.style.display = "none"; + } + } + + function on_load() { + update_from_v6ll(); + update_from_v4(); + update_from_v6(); + } + document.onload = on_load;
@@ -99,22 +154,22 @@ - + - - + + - - + + - - + + @@ -127,9 +182,9 @@ [Interface]
PrivateKey = <your private key>
ListenPort = 2{{config["ASN"][-4:]}}
- PostUp = ip address add .../32 peer {% if selected_node %}{{config["nodes"][selected_node]["internal-v4"]}} {% else %} ... {% endif %}
- PostUp = ip address add .../128 peer {% if selected_node %}{{config["nodes"][selected_node]["internal-v6"]}} {% else %} ... {% endif %}
- PostUp = ip address add .../128 peer {% if selected_node %}{{config["nodes"][selected_node]["internal-v6ll"]}} {% else %} ... {% endif %}
+ PostUp = ip address add .../32 peer {% if selected_node %}{{config["nodes"][selected_node]["internal-v4"]}} {% else %} ... {% endif %}
+ PostUp = ip address add .../128 peer {% if selected_node %}{{config["nodes"][selected_node]["internal-v6"]}} {% else %} ... {% endif %}
+ PostUp = ip address add .../128 peer {% if selected_node %}{{config["nodes"][selected_node]["internal-v6ll"]}} {% else %} ... {% endif %}
Table = off

[Peer]
@@ -149,5 +204,8 @@
+ {% endblock %} \ No newline at end of file