Add (empty) VPN page

8 files changed, 111 insertions, 5 deletions

diff --git a/src/dashboard.html b/src/dashboard.html
index 037f18f..668dcec 100644
--- a/src/dashboard.html
+++ b/src/dashboard.html
@@ -25,6 +25,10 @@
           <button id="lan-open-submit" type="submit">LAN</button>
         </form>
 
+        <form id="vpn-open-form">
+          <button id="vpn-open-submit" type="submit">VPN</button>
+        </form>
+
         <form id="log-open-form">
           <button id="log-open-submit" type="submit">Diagnoseprotokolle</button>
         </form>
diff --git a/src/dashboard.js b/src/dashboard.js
index c294492..7e409b7 100644
--- a/src/dashboard.js
+++ b/src/dashboard.js
@@ -12,6 +12,10 @@ function lanOpen() {
   window.location = "lan.html";
 }
 
+function vpnOpen() {
+  window.location = "vpn.html";
+}
+
 function logOpen() {
   window.location = "log.html";
 }
@@ -39,6 +43,10 @@ window.addEventListener("DOMContentLoaded", () => {
     e.preventDefault();
     lanOpen();
   });
+  document.querySelector("#vpn-open-form").addEventListener("submit", (e) => {
+    e.preventDefault();
+    vpnOpen();
+  });
   document.querySelector("#log-open-form").addEventListener("submit", (e) => {
     e.preventDefault();
     logOpen();
diff --git a/src/lan.html b/src/lan.html
index f713cb8..19c6fda 100644
--- a/src/lan.html
+++ b/src/lan.html
@@ -26,6 +26,10 @@
           <button id="lan-open-submit" type="submit">LAN</button>
         </form>
 
+        <form id="vpn-open-form">
+          <button id="vpn-open-submit" type="submit">VPN</button>
+        </form>
+
         <form id="log-open-form">
           <button id="log-open-submit" type="submit">Diagnoseprotokolle</button>
         </form>
@@ -141,6 +145,31 @@
               gewöhnlichen Rechnern genutzt werden, wenn die Freigabe einer
               Software für das öffentliche Internet nötig ist.</td>
             </tr>
+
+            <tr>
+              <td>VPN (Trusted)</td>
+              <td>-</td>
+              <td>Kein VLAN</td>
+              <td>50</td>
+              <td>6</td>
+              <td>VPN-Netz für Zugriff auf interne Dienste (z.B. Telefonanlage
+              oder Routerverwaltung). Keine Kommunikation zu anderen
+              Gerätenetzen möglich, aber voller Verwaltungs- und
+              Internetzugriff. IPv6 wird über ULA mit NPT bereitgestellt.
+              Zugriff aus dem Internet ist nicht erlaubt.</td>
+            </tr>
+
+            <tr>
+              <td>VPN (Exposed)</td>
+              <td>-</td>
+              <td>Kein VLAN</td>
+              <td>60</td>
+              <td>7</td>
+              <td>VPN-Netz für Freigaben ins Internet. Keine Kommunikation zu
+              anderen Gerätenetzen möglich, aber voller Internetzugriff. IPv6
+              wird über ULA mit NPT bereitgestellt.  Zugriff aus dem Internet
+              ist erlaubt.</td>
+            </tr>
           </table>
 
           <p>Information: Die privaten IPv4-Adressen folgen der Form
@@ -303,6 +332,7 @@
 
           <span class="row" id="slaac-flags">Flags: On-Link, Autonomous (A)</span>
           <span class="row" id="slaac-ralft">Standardgateway-Gültigkeitsdauer: 1800 Sekunden</span>
+          <span class="row" id="slaac-ula">Privates Präfix (ULA): fd0b:9272:534e::/48</span>
           <span class="row" id="slaac-preflft">Präfix-Verwendungsdauer: 1500 Sekunden</span>
           <span class="row" id="slaac-validlft">Präfix-Gültigkeitsdauer: 1800 Sekunden</span>
           <span class="row" id="slaac-dnslft">DNS-Server-Gültigkeitsdauer: 1800 Sekunden</span>
@@ -311,11 +341,12 @@
           Heimnetz wird nicht unterstützt. Das bedeutet, dass der Router auf
           jedem Netzwerk periodisch sowie auf Anfrage beitretender Geräte das
           jeweilige öffentliche Präfix und weitere Parameter verbreitet (ULA
-          bzw. eindeutige lokale IPv6-Adressen werden nicht unterstützt). Die
-          Geräte wählen die zweite Adresshälfte selbst und stellen sicher, dass
-          diese nicht mit existierenden Adressen anderer Rechner kollidieren.
-          Daher ist dem Router nicht bekannt, welche Adressen existieren,
-          weshalb sie hier nicht aufgelistet werden können. Scans mit anderen
+          bzw. eindeutige lokale IPv6-Adressen werden ebenfalls unterstützt und
+          automatisch konfiguriert). Die Geräte wählen die zweite Adresshälfte
+          selbst und stellen sicher, dass diese nicht mit existierenden
+          Adressen anderer Rechner kollidieren.  Daher ist dem Router nicht
+          bekannt, welche Adressen existieren, weshalb sie hier nicht
+          aufgelistet werden können. Scans mit anderen
           Netzwerk-Dienstprogrammen zusammen mit den Diagnoseprotokollen können
           dieses Problem lösen. Die beste Methode wäre ein DHCPv6-Server, der
           aber aufgrund des höheren Aufwands und der fehlenden Kompatibilität
diff --git a/src/log.html b/src/log.html
index ea01744..5487eef 100644
--- a/src/log.html
+++ b/src/log.html
@@ -26,6 +26,10 @@
           <button id="lan-open-submit" type="submit">LAN</button>
         </form>
 
+        <form id="vpn-open-form">
+          <button id="vpn-open-submit" type="submit">VPN</button>
+        </form>
+
         <form id="log-open-form">
           <button id="log-open-submit" type="submit">Diagnoseprotokolle</button>
         </form>
diff --git a/src/sys.html b/src/sys.html
index e3a18d4..f72a8f5 100644
--- a/src/sys.html
+++ b/src/sys.html
@@ -26,6 +26,10 @@
           <button id="lan-open-submit" type="submit">LAN</button>
         </form>
 
+        <form id="vpn-open-form">
+          <button id="vpn-open-submit" type="submit">VPN</button>
+        </form>
+
         <form id="log-open-form">
           <button id="log-open-submit" type="submit">Diagnoseprotokolle</button>
         </form>
diff --git a/src/vpn.html b/src/vpn.html
new file mode 100644
index 0000000..edd9c26
--- /dev/null
+++ b/src/vpn.html
@@ -0,0 +1,47 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="styles.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>VPN - RSDSL Verwaltungswerkzeug</title>
+    <script type="module" src="/dashboard.js" defer></script>
+    <script type="module" src="/vpn.js" defer></script>
+  </head>
+
+  <body>
+    <div class="container">
+      <h1>VPN</h1>
+
+      <div class="row">
+        <form id="dashboard-form">
+          <button id="dashboard-submit" type="submit">↩ Zurück zur Übersicht</button>
+        </form>
+
+        <form id="wan-open-form">
+          <button id="wan-open-submit" type="submit">Einwahl und Zugansdaten</button>
+        </form>
+
+        <form id="lan-open-form">
+          <button id="lan-open-submit" type="submit">LAN</button>
+        </form>
+
+        <form id="vpn-open-form">
+          <button id="vpn-open-submit" type="submit">VPN</button>
+        </form>
+
+        <form id="log-open-form">
+          <button id="log-open-submit" type="submit">Diagnoseprotokolle</button>
+        </form>
+
+        <form id="sys-open-form">
+          <button id="sys-open-submit" type="submit">System</button>
+        </form>
+
+        <form id="disconnect-form">
+          <button id="disconnect-submit" type="submit">🚪 Abmelden</button>
+        </form>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/src/vpn.js b/src/vpn.js
new file mode 100644
index 0000000..d6a2e4c
--- /dev/null
+++ b/src/vpn.js
@@ -0,0 +1,4 @@
+const { invoke } = window.__TAURI__.tauri;
+
+window.addEventListener("DOMContentLoaded", () => {
+});
diff --git a/src/wan.html b/src/wan.html
index 2978f4c..18d9771 100644
--- a/src/wan.html
+++ b/src/wan.html
@@ -26,6 +26,10 @@
           <button id="lan-open-submit" type="submit">LAN</button>
         </form>
 
+        <form id="vpn-open-form">
+          <button id="vpn-open-submit" type="submit">VPN</button>
+        </form>
+
         <form id="log-open-form">
           <button id="log-open-submit" type="submit">Diagnoseprotokolle</button>
         </form>