Oops, something went wrong: " + resp["responseText"],
- alertType);
- $("#removeModal").modal("toggle");
- },
- });
- });
-}
-
-const downloadBtn = $(".downloadBtn");
-downloadBtn.click(function (e) {
- let item = e.target.id.split("-")[1];
- if (!item) {
- item = e.target.farthestViewportElement.id.split("-")[1];
- }
- const url = "/wireguard/peers/"+item+"/download";
- location.replace(url);
-});
\ No newline at end of file
diff --git a/linguard/web/static/js/modules/settings.mjs b/linguard/web/static/js/modules/settings.mjs
deleted file mode 100644
index e4dbcf1..0000000
--- a/linguard/web/static/js/modules/settings.mjs
+++ /dev/null
@@ -1,17 +0,0 @@
-document.getElementById('web_secret_key').setAttribute('type', "password");
-
-document.getElementById("toggleSecretKey").addEventListener("click", function () {
- const icon = document.getElementById('toggleSecretKeyIcon')
- const field = document.getElementById('web_secret_key');
- const type = field.getAttribute('type') === 'password' ? 'text' : 'password';
- field.setAttribute('type', type);
- if (type === "password") {
- icon.classList.add('fa-eye-slash');
- icon.classList.remove('fa-eye');
- }
- else {
- icon.classList.add('fa-eye');
- icon.classList.remove('fa-eye-slash');
- }
-}, false);
-
diff --git a/linguard/web/static/js/modules/utils.mjs b/linguard/web/static/js/modules/utils.mjs
deleted file mode 100644
index f34041e..0000000
--- a/linguard/web/static/js/modules/utils.mjs
+++ /dev/null
@@ -1,137 +0,0 @@
-(function($) {
- $("[data-toggle=popover]").popover();
- // Add active state to sidebar nav links
- const path = window.location.href; // because the 'href' property of the DOM element is the absolute path
- $("#layoutSidenav_nav .sb-sidenav a.nav-link").each(function() {
- if (this.href === path) {
- $(this).addClass("active");
- }
- });
- // Toggle the side navigation
- $("#sidebarToggle").on("click", function(e) {
- e.preventDefault();
- $("body").toggleClass("sb-sidenav-toggled");
- });
-})(jQuery);
-
-export const AlertType = Object.freeze({
- "DANGER": "danger",
- "WARN": "warning",
- "SUCCESS": "success",
- "INFO": "info",
-});
-
-/**
- * Perform a POST request to a given url and display an alert if the server returns a non-successful HTTP code.
- * This request may include JSON data.
- * @param url URL where the request will be sent.
- * @param alertContainer Id of the HTML element where to place an alert if something goes wrong.
- * @param alertType Type of the boostrap alert to be shown if anything goes wrong (danger, warning, info...).
- * @param loadFeedback Id of the HTML element to be used as visual feedback (a loading circle or bar, for example).
- * @param jsonData [Optional] JSON data to post.
- */
-export function postJSON(url, alertContainer, alertType = AlertType.DANGER, loadFeedback, jsonData = null) {
- const loadItem = $("#"+loadFeedback);
- $.ajax({
- type: "post",
- url: url,
- data: jsonData,
- dataType: 'json',
- contentType: 'application/json',
- beforeSend : function () {
- loadItem.show();
- },
- success: function () {
- location.reload();
- },
- error: function(resp) {
- prependAlert(alertContainer, "Oops, something went wrong: " + resp["responseText"],
- alertType);
- },
- complete: function () {
- loadItem.hide();
- },
- });
-}
-
-let previousAlert;
-
-/**
- * Prepend a bootstrap alert to a given HTML object.
- * @param prependTo Id of the HTML object to prepend the alert.
- * @param text Text of the alert.
- * @param alertType Type of the alert: danger, warning, info...
- * @param delay Amount of time (millis) before automatically closing the alert. Use 0 to avoid auto close.
- * @param unique
- * @param onEnd
- */
-export function prependAlert(prependTo, text, alertType = AlertType.DANGER, delay=7000, unique = false, onEnd) {
- const salt = getRndInteger();
- const alertId = "alert-"+salt;
- const closeId = "close-"+salt;
-
- let iconClass = "fas fa-exclamation-circle";
- switch (alertType) {
- case AlertType.WARN:
- iconClass = "fas fa-exclamation-triangle"
- break;
- case AlertType.SUCCESS:
- iconClass = "fas fa-check-circle"
- break;
- case AlertType.INFO:
- iconClass = "fas fa-info-circle"
- break;
- default:
- break;
- }
- let icon = ''
-
- const alert = "" + icon + text +"\n" +
- " \n" +
- "
"
- const container = $("#"+prependTo);
- if (unique && previousAlert !== undefined && previousAlert.type !== AlertType.DANGER) {
- fadeHTMLElement(previousAlert.id, 0, 200, 500, onEnd);
- }
-
- previousAlert = {"id": alertId, "type": alertType};
- $(alert).prependTo(container).hide().slideDown();
- $("#"+closeId).click(function (e) {
- fadeHTMLElement(alertId, 0, 200, 500, onEnd);
- });
- if (delay > 0) {
- fadeHTMLElement(alertId, delay, 500, 500, onEnd);
- }
-}
-
-/**
- * Generate a random integer between min and max (both included).
- * @param min
- * @param max
- * @returns {number}
- */
-function getRndInteger(min=0, max=9999999) {
- return Math.floor(Math.random() * (max - min + 1) ) + min;
-}
-
-/**
- * Fade out an html element and remove it.
- * @param id Id of the element.
- * @param delay Time (millis) before fade out.
- * @param fadeDuration Duration (millis) of the fade effect.
- * @param slideDuration Duration (millis) of the slide effect.
- * @param onEnd Function to be called once the alert is gone and removed.
- */
-function fadeHTMLElement(id, delay, fadeDuration = 500, slideDuration = 500, onEnd = null) {
- setTimeout(function() {
- $("#"+id).fadeTo(fadeDuration, 0).slideUp(slideDuration, function(){
- $(this).remove();
- if (typeof(onEnd) === "function") {
- onEnd();
- }
- });
- }, delay);
-}
diff --git a/linguard/web/static/js/modules/wireguard-iface.mjs b/linguard/web/static/js/modules/wireguard-iface.mjs
deleted file mode 100644
index f85110a..0000000
--- a/linguard/web/static/js/modules/wireguard-iface.mjs
+++ /dev/null
@@ -1,92 +0,0 @@
-import {postJSON, prependAlert} from "./utils.mjs";
-
-const ifaceName = $("#name");
-const gwIface = $("#gateway");
-const onUp = $("#on_up")
-const onDown = $("#on_down")
-const alertContainer = "alerts";
-
-let oldName = ifaceName.val();
-let oldGw = gwIface.val();
-
-function replaceOnUpDownComands(oldVal, newVal) {
- let value = onUp.val();
- value = value.replaceAll(oldVal, newVal);
- onUp.val(value);
-
- value = onDown.val();
- value = value.replaceAll(oldVal, newVal);
- onDown.val(value);
-}
-
-ifaceName.focusout(function () {
- const newName = ifaceName.val();
- if (!newName) return;
- replaceOnUpDownComands(oldName, newName);
- oldName = newName;
-});
-
-gwIface.change(function () {
- const newGw = gwIface.val();
- if (!newGw) return;
- replaceOnUpDownComands(oldGw, newGw);
- oldGw = newGw;
-});
-
-document.getElementById('private_key').setAttribute('type', "password");
-
-document.getElementById("togglePrivateKey").addEventListener("click", function () {
- const icon = document.getElementById('togglePrivateKeyIcon')
- const field = document.getElementById('private_key');
- const type = field.getAttribute('type') === 'password' ? 'text' : 'password';
- field.setAttribute('type', type);
- if (type === "password") {
- icon.classList.add('fa-eye-slash');
- icon.classList.remove('fa-eye');
- }
- else {
- icon.classList.add('fa-eye');
- icon.classList.remove('fa-eye-slash');
- }
-}, false);
-
-const removeIfaceBtn = $(".removeIfaceBtn");
-removeItem(removeIfaceBtn, "interface", function () {
- location.replace(document.referrer);
-});
-
-const removePeerBtn = $(".removePeerBtn");
-removeItem(removePeerBtn, "peer", function () {
- location.reload();
-});
-
-function removeItem(removeBtn, itemType, onSuccess) {
- removeBtn.click(function (e) {
- const item = e.target.id.split("-")[1];
- const url = "/wireguard/"+itemType+"s/"+item;
- const alertType = "danger";
- $.ajax({
- type: "delete",
- url: url,
- success: onSuccess,
- error: function(resp) {
- prependAlert(alertContainer, "Oops, something went wrong: " + resp["responseText"],
- alertType);
- $("#removeModal").modal("toggle");
- },
- });
- });
-}
-
-const startOrStopIfaceBtn = $(".startOrStopIfaceBtn");
-startOrStopIfaceBtn.click(function (e) {
- const button = e.target;
- const iface = button.value;
- const action = button.innerText;
-
- const url = `/wireguard/interfaces/${iface}/${action}`;
- const alertType = "danger";
- const loadFeedback = "wgIface-" + iface + "-loading"
-
- postJSON(url, alertContainer, alertType, loadFeedback);
-});
\ No newline at end of file
diff --git a/linguard/web/static/js/modules/wireguard-peer.mjs b/linguard/web/static/js/modules/wireguard-peer.mjs
deleted file mode 100644
index 495d214..0000000
--- a/linguard/web/static/js/modules/wireguard-peer.mjs
+++ /dev/null
@@ -1,36 +0,0 @@
-import {prependAlert} from "./utils.mjs";
-
-const alertContainer = "alerts";
-
-document.getElementById('private_key').setAttribute('type', "password");
-
-document.getElementById("togglePrivateKey").addEventListener("click", function () {
- const icon = document.getElementById('togglePrivateKeyIcon')
- const field = document.getElementById('private_key');
- const type = field.getAttribute('type') === 'password' ? 'text' : 'password';
- field.setAttribute('type', type);
- if (type === "password") {
- icon.classList.add('fa-eye-slash');
- icon.classList.remove('fa-eye');
- }
- else {
- icon.classList.add('fa-eye');
- icon.classList.remove('fa-eye-slash');
- }
-}, false);
-
-document.getElementById("removePeer").addEventListener("click", function () {
- const alertType = "danger";
- $.ajax({
- type: "delete",
- url: location.href,
- success: function (resp) {
- location.replace("/wireguard");
- },
- error: function(resp) {
- prependAlert(alertContainer, "Oops, something went wrong: " + resp["responseText"],
- alertType);
- $("#removeModal").modal("toggle");
- },
- });
-});
\ No newline at end of file
diff --git a/linguard/web/static/js/modules/wireguard.mjs b/linguard/web/static/js/modules/wireguard.mjs
deleted file mode 100644
index f135c7c..0000000
--- a/linguard/web/static/js/modules/wireguard.mjs
+++ /dev/null
@@ -1,87 +0,0 @@
-import {postJSON, prependAlert} from "./utils.mjs";
-
-const startOrStopIfaceBtn = $(".startOrStopIfaceBtn");
-startOrStopIfaceBtn.click(function (e) {
- const button = e.target;
- const iface = button.value;
- const action = button.innerText;
-
- const url = `/wireguard/interfaces/${iface}/${action}`;
- const alertContainer = "wgIfacesHeader";
- const alertType = "danger";
- const loadFeedback = "wgIface-" + iface + "-loading"
-
- postJSON(url, alertContainer, alertType, loadFeedback);
-});
-
-const restartIfaceBtn = $(".restartIfaceBtn");
-restartIfaceBtn.click(function (e) {
- const iface = e.target.value;
- const action = "restart";
-
- const url = `/wireguard/interfaces/${iface}/${action}`;
- const alertContainer = "wgIfacesHeader";
- const alertType = "danger";
- const loadFeedback = "wgIface-" + iface + "-loading"
-
- postJSON(url, alertContainer, alertType, loadFeedback);
-});
-
-const startAllBtn = $("#startAllBtn");
-startAllBtn.click(function (e) {
- const action = "start";
- const url = `/wireguard/${action}`;
- const alertContainer = "wgIfacesHeader";
- const alertType = "danger";
- const loadFeedback = "wgIfacesLoading";
-
- postJSON(url, alertContainer, alertType, loadFeedback);
-});
-
-const stopAllBtn = $("#stopAllBtn");
-stopAllBtn.click(function (e) {
- const action = "stop";
- const url = `/wireguard/${action}`;
- const alertContainer = "wgIfacesHeader";
- const alertType = "danger";
- const loadFeedback = "wgIfacesLoading";
-
- postJSON(url, alertContainer, alertType, loadFeedback);
-});
-
-const removeIfaceBtn = $(".removeIfaceBtn");
-removeItem(removeIfaceBtn, "interface");
-
-const removePeerBtn = $(".removePeerBtn");
-removeItem(removePeerBtn, "peer");
-
-function removeItem(removeBtn, itemType) {
- removeBtn.click(function (e) {
- const item = e.target.id.split("-")[1];
- const url = "/wireguard/"+itemType+"s/"+item+"";
- const alertContainer = "wgIfacesHeader";
- const alertType = "danger";
- $.ajax({
- type: "delete",
- url: url,
- success: function () {
- location.reload();
- },
- error: function(resp) {
- prependAlert(alertContainer, "Oops, something went wrong: " + resp["responseText"],
- alertType);
- $("#removeModal").modal("toggle");
- },
- });
- });
-}
-
-const downloadBtn = $(".downloadBtn");
-downloadBtn.click(function (e) {
- let item = e.target.id.split("-")[1];
- if (!item) {
- item = e.target.farthestViewportElement.id.split("-")[1];
- }
- const url = "/wireguard/peers/"+item+"/download";
- location.replace(url);
-});
\ No newline at end of file
diff --git a/linguard/web/templates/base.html b/linguard/web/templates/base.html
deleted file mode 100644
index e34dc23..0000000
--- a/linguard/web/templates/base.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
-
- {% block additional_metas %}
- {% endblock %}
-
-
- {{ app_name }} | {{ title }}
-
-
-
-
- {% block additional_styles %}
- {% endblock %}
-
-
- {% block additional_prioritary_scripts %}
- {% endblock %}
-
-
- {% block body_content %}
- {% endblock %}
-
- {% block footer %}
- {% endblock %}
-
- {% block scripts %}
- {% endblock %}
-
-
diff --git a/linguard/web/templates/error/error-base.html b/linguard/web/templates/error/error-base.html
deleted file mode 100644
index 32d916b..0000000
--- a/linguard/web/templates/error/error-base.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{% extends 'main.html' %}
-
-{% set footer_id = "layoutError_footer" %}
-
-{% block body_content %}
-
-
- {% block content %}
- {% endblock %}
-
- {% include "footer.html" %}
-
-{% endblock %}
\ No newline at end of file
diff --git a/linguard/web/templates/error/error-main.html b/linguard/web/templates/error/error-main.html
deleted file mode 100644
index 7f9b85b..0000000
--- a/linguard/web/templates/error/error-main.html
+++ /dev/null
@@ -1,23 +0,0 @@
-{% extends 'error/error-base.html' %}
-
-{% block content %}
-
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/linguard/web/templates/footer.html b/linguard/web/templates/footer.html
deleted file mode 100644
index b02b19f..0000000
--- a/linguard/web/templates/footer.html
+++ /dev/null
@@ -1,26 +0,0 @@
-
\ No newline at end of file
diff --git a/linguard/web/templates/main.html b/linguard/web/templates/main.html
deleted file mode 100644
index 3020bc6..0000000
--- a/linguard/web/templates/main.html
+++ /dev/null
@@ -1,20 +0,0 @@
-{% extends 'base.html' %}
-
-{% block additional_metas %}
-{% endblock %}
-
-{% block title %}
- {{ app_name }} | {{ title }}
-{% endblock %}
-
-{% block additional_styles %}
-{% endblock %}
-
-{% block additional_prioritary_scripts %}
-{% endblock %}
-
-{% block body_content %}
-{% endblock %}
-
-{% block scripts %}
-{% endblock %}
\ No newline at end of file
diff --git a/linguard/web/templates/web/about.html b/linguard/web/templates/web/about.html
deleted file mode 100644
index 9a7bfa4..0000000
--- a/linguard/web/templates/web/about.html
+++ /dev/null
@@ -1,61 +0,0 @@
-{% extends "web/web-main.html" %}
-
-{% block content %}
-
-
-
-
- {% if success %}
-
- Done! {{ success_details }}
-
-
- {% if warning %}
-
- {{ warning_details }}
-
-
- {% endif %}
- {% elif error %}
-
- Unexpected error: {{ error_details }}
-
-
- {% endif %}
-
-
-
-
-
-
{{ title }}
-
-
-
-
-
-
-
-
-
-
-
-
- | Name |
- Description |
- IPv4 |
- Listen port |
- Peers |
- Status |
- Actions |
-
-
-
- {% for iface in interfaces.values() %}
-
- |
- {{ iface.name }}
- |
- {% if iface.description %}
- {{ iface.description }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
- {{ iface.ipv4_address }} |
- {{ iface.listen_port}} |
- {{ iface.peers | length}} |
- {{ iface.status}} |
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Do you really want to remove {{ iface.name }}?
- This cannot be undone.
-
-
-
-
- |
-
- {% endfor %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- | Name |
- Interface |
- Description |
- IPv4 |
- Primary DNS |
- Secondary DNS |
- Actions |
-
-
-
- {% for iface in interfaces.values() %}
- {% for peer in iface.peers.values() %}
-
- |
- {{ peer.name }}
- |
- {{ iface.name }} |
- {% if peer.description %}
- {{ peer.description }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
- {% if peer.ipv4_address %}
- {{ peer.ipv4_address }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
- {{ peer.dns1}} |
- {% if peer.dns2 %}
- {{ peer.dns2 }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Do you really want to remove {{ peer.name }}?
- This cannot be undone.
-
-
-
-
- |
-
- {% endfor %}
- {% endfor %}
-
-
-
-
-
-
-
-
-
-
- {% include "footer.html" %}
-
-
-
{{ title }}
-
-
-
-
- {% for iface in interfaces.values() %}
- {% set iface_status = iface.status %}
-
-
-
-
{{ iface.name }}
-
-
-
-
- | Status |
- {% if iface_status == "up" %}
- {% set status_color = "bg-success" %}
- {% elif iface_status == "down" %}
- {% set status_color = "bg-danger" %}
- {% else %}
- {% set status_color = "bg-warning" %}
- {% endif %}
- {{ iface_status }} |
-
-
- | IPv4 |
- {{ iface.ipv4 | safe }} |
-
-
- | IPv6 |
- {{ iface.ipv6 | safe }} |
-
-
- | MAC |
- {{ iface.mac | safe}} |
-
-
- | Flags |
- {{ iface.flags | safe }} |
-
-
-
-
-
- {% if iface.editable == True %}
-
- {% endif %}
-
-
- {% endfor %}
-
-
-
-
-
-
-
-
-
-
-
-
- | Destination |
- Gateway |
- Device |
- Protocol |
- Scope |
- Metric |
- Flags |
-
-
-
- {% for route in routes %}
-
- | {{ route.dst }} |
- {% if route.gateway %}
- {{ route.gateway }} |
- {% else %}
- default |
- {% endif %}
- {{ route.dev }} |
- {% if route.protocol %}
- {{ route.protocol }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
- {% if route.scope %}
- {{ route.scope }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
- {% if route.metric %}
- {{ route.metric }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
- {{ route.flags | safe }} |
-
- {% endfor %}
-
-
-
-
-
-
-
-
-
- Back
-
-
{{ title }}
-
- - Logged in {{ login_ago }}.
-
-
-
- {% if success %}
-
- Done! {{ success_details }}
-
-
- {% if warning %}
-
- {{ warning_details }}
-
-
- {% endif %}
- {% elif error %}
-
- Unexpected error: {{ error_details }}
-
-
- {% endif %}
-
-
-
-
-
-
-
-
-
-
- {% if success %}
-
- Done! {{ success_details }}
-
-
- {% if warning %}
-
- {{ warning_details }}
-
-
- {% endif %}
- {% elif error %}
-
- Unexpected error: {{ error_details }}
-
-
- {% endif %}
-
-
-
-
-
-
-
-
-
-
-
-
-
- {% if error %}
-
- Unexpected error: {{ error_details }}
-
-
- {% endif %}
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/linguard/web/templates/web/signup.html b/linguard/web/templates/web/signup.html
deleted file mode 100644
index 4320bb6..0000000
--- a/linguard/web/templates/web/signup.html
+++ /dev/null
@@ -1,63 +0,0 @@
-{% extends "main.html" %}
-
-{% set footer_id = "layoutAuthentication_footer" %}
-
-{% block body_content %}
-
-
-
- {% include "footer.html" %}
-
-
- {% block side_nav %}
- {% endblock %}
-
- {% block content %}
- {% endblock %}
-
-
-
- {% if error %}
-
- Unexpected error: {{ error_details }}
-
-
- {% endif %}
-
-
-
- {% if error %}
-
- Unexpected error: {{ error_details }}
-
-
- {% endif %}
-
-
-
- {% if iface_status == "up" %}
-
up
- {% else %}
- down
- {% endif %}
- {{ title }}
-
-
- {% if success %}
-
- Done! {{ success_details }}
-
-
- {% if warning %}
-
- {{ warning_details }}
-
-
- {% endif %}
- {% elif error %}
-
- Unexpected error: {{ error_details }}
-
-
- {% endif %}
-
-
-
-
-
- {% if iface_status == "up" %}
- {% set button_action = "Stop" %}
- {% set btn_class = "danger" %}
- {% elif iface_status == "down" %}
- {% set button_action = "Start" %}
- {% set btn_class = "success" %}
- {% endif %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- | Name |
- Description |
- IPv4 |
- Primary DNS |
- Secondary DNS |
- NAT |
- Last handshake |
- Actions |
-
-
-
- {% for peer in iface.peers.values() %}
-
- | {{ peer.name }} |
- {% if peer.description %}
- {{ peer.description }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
- {% if peer.ipv4_address %}
- {{ peer.ipv4_address }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
- {{ peer.dns1}} |
- {% if peer.dns2 %}
- {{ peer.dns2 }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
- {% if peer.nat %}
- Yes |
- {% else %}
- No |
- {% endif %}
- {% if peer.name in session_traffic and session_traffic[peer.name].last_handshake %}
- {{ session_traffic[peer.name].last_handshake.strftime("%H:%M:%S, %d/%m/%Y") }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Do you really want to remove {{ peer.name }}?
- This cannot be undone.
-
-
-
-
- |
-
- {% endfor %}
-
-
-
-
-
-
-
-
-
-
-
-
-
- {% if traffic_config.enabled %}
-
-
-
-
-
- {% else %}
-
- Data collection is not enabled! Enable it in
settings.
-
- {% endif %}
-
-
-
-
-
-
-
-
-
-
- Do you really want to remove {{ iface.name }}?
- This cannot be undone.
-
-
-
-
-
-
-
{{ title }}
-
- {% if handshake_ago %}
- - Last handshake was {{ handshake_ago }}.
- {% else %}
- - No handshake has been performed in this session.
- {% endif %}
-
-
- {% if success %}
-
- Done! {{ success_details }}
-
-
- {% if warning %}
-
- {{ warning_details }}
-
-
- {% endif %}
- {% elif error %}
-
- Unexpected error: {{ error_details }}
-
-
- {% endif %}
-
-
-
-
-
-
-
-
-
- {% if traffic_config.enabled %}
-
-
-
-
-
- {% else %}
-
- Data collection is not enabled! Enable it in
settings.
-
- {% endif %}
-
-
-
-
-
-
-
-
-
-
- Do you really want to remove {{ form.name.data }}?
- This cannot be undone.
-
-
-
-
-
-
-
{{ title }}
-
-
-
-
- {% if interfaces | length < 1 %}
-
- There are no interfaces available yet, why don't you
add one?
-
- {% else %}
- {% for iface in interfaces.values() %}
- {% set iface_status = iface.status %}
-
-
-
-
{{ iface.name }}
-
-
-
-
- | Status |
- {% if iface_status == "up" %}
- {% set status_color = "bg-success" %}
- {% elif iface_status == "down" %}
- {% set status_color = "bg-danger" %}
- {% else %}
- {% set status_color = "bg-warning" %}
- {% endif %}
- {{ iface_status }} |
-
-
- | Description |
- {% if iface.description %}
- {{ iface.description }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
-
-
- | IPv4 |
- {% if iface.ipv4_address %}
- {{ iface.ipv4_address }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
-
-
- | Listen port |
- {% if iface.listen_port %}
- {{ iface.listen_port }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
-
-
- | Peers |
- {{ iface.peers | length }} |
-
-
-
-
- {% if iface_status == "up" %}
-
- {% elif iface_status == "down" %}
-
- {% endif %}
-
-
-
-
-
-
- {% endfor %}
- {% endif %}
-
- {% if interfaces | length > 0 %}
-
-
-
- {% endif %}
-
-
-
-
-
-
-
-
-
-
-
- | Name |
- Interface |
- Description |
- IPv4 |
- Primary DNS |
- Secondary DNS |
- Actions |
-
-
-
- {% for iface in interfaces.values() %}
- {% for peer in iface.peers.values() %}
-
- |
- {{ peer.name }}
- |
- {{ iface.name }} |
- {% if peer.description %}
- {{ peer.description }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
- {% if peer.ipv4_address %}
- {{ peer.ipv4_address }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
- {{ peer.dns1}} |
- {% if peer.dns2 %}
- {{ peer.dns2 }} |
- {% else %}
- {{ EMPTY_FIELD | safe }} |
- {% endif %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Do you really want to remove {{ peer.name }}?
- This cannot be undone.
-
-
-
-
- |
-
- {% endfor %}
- {% endfor %}
-
-
-
-
-
-
-
-
`-`` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1 {\n @extend %heading;\n @include font-size($h1-font-size);\n}\n\nh2 {\n @extend %heading;\n @include font-size($h2-font-size);\n}\n\nh3 {\n @extend %heading;\n @include font-size($h3-font-size);\n}\n\nh4 {\n @extend %heading;\n @include font-size($h4-font-size);\n}\n\nh5 {\n @extend %heading;\n @include font-size($h5-font-size);\n}\n\nh6 {\n @extend %heading;\n @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `
`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-bs-original-title] { // 1\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n text-decoration-skip-ink: none; // 4\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n\n &:hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n direction: ltr #{\"/* rtl:ignore */\"};\n unicode-bidi: bidi-override;\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: $code-color;\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `
` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n font-weight: $table-th-font-weight; // 1\n text-align: inherit; // 2\n text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n display: inline-block; // 1\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // 1\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n text-transform: none;\n}\n// Set the cursor for non-` |