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;