Stargate retro UI integration

classes/web_server.py

@@ -25,7 +25,29 @@ def do_GET(self): # pylint: disable=invalid-name
         try:
             request_path, get_vars = self.parse_get_vars()
 
-            if request_path == "/get/is_alive":
+            if request_path == '/dial':
+                parsed = urllib.parse.urlparse(self.path)
+                template = self.stargate.cfg.get("ui_dialing_template")
+
+                if template == 'dialing retro v1':
+                    new_path = "/retro/dial.html"
+                else:
+                    new_path = "/index.htm"
+                self.send_response(302)  # Temporary redirect
+                self.send_header("Location", new_path + ("?" + parsed.query if parsed.query else ""))
+                self.end_headers()
+                return
+            elif request_path == '/address_book':
+                template = self.stargate.cfg.get("ui_address_book_template")
+                self.send_response(302)  # Temporary redirect
+                if template == 'address retro v1':
+                    self.send_header("Location", "/retro/address_book.html")
+                else:
+                    self.send_header("Location", "/address_book.htm")
+                self.end_headers()
+                return
+
+            elif request_path == "/get/is_alive":
                 data = { 'is_alive': True }
 
             elif request_path == "/get/address_book":

config/defaults-milkyway/config.json.dist

@@ -369,5 +369,23 @@
     "min_value": 0,
     "max_value": false,
     "units": "Minutes"
+  },
+  "ui_dialing_template": {
+    "value": "default",
+    "desc": "What page design to use for Home/Dialing",
+    "type": "str-enum",
+    "enum_values": [
+      "default",
+      "dialing retro v1"
+    ]
+  },
+  "ui_address_book_template": {
+    "value": "default",
+    "desc": "What page design to use for Address Book",
+    "type": "str-enum",
+    "enum_values": [
+      "default",
+      "address retro v1"
+    ]
   }
 }

web/address_book.htm

@@ -49,7 +49,7 @@
       <div class="collapse navbar-collapse" id="navbarsExampleDefault">
         <ul class="navbar-nav mr-auto">
           <li class="nav-item">
-            <a class="nav-link" href="index.htm">Home</a>
+            <a class="nav-link" href="/stargate/dial">Home</a>
           </li>
           <li class="nav-item">
             <a class="nav-link active" href="#">Address Book</a>

web/config.htm

@@ -52,10 +52,10 @@
       <div class="collapse navbar-collapse" id="navbarsExampleDefault">
         <ul class="navbar-nav mr-auto">
           <li class="nav-item">
-            <a class="nav-link" href="index.htm">Home</a>
+            <a class="nav-link" href="/stargate/dial">Home</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="address_book.htm">Address Book </a>
+            <a class="nav-link" href="/stargate/address_book">Address Book </a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="symbol_overview.htm">Symbols</a>

web/debug.htm

@@ -51,10 +51,10 @@
       <div class="collapse navbar-collapse" id="navbarsExampleDefault">
         <ul class="navbar-nav mr-auto">
           <li class="nav-item">
-            <a class="nav-link" href="index.htm">Home</a>
+            <a class="nav-link" href="/stargate/dial">Home</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="address_book.htm">Address Book</a>
+            <a class="nav-link" href="/stargate/address_book">Address Book</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="symbol_overview.htm">Symbols</a>

web/help.htm

@@ -48,10 +48,10 @@
       <div class="collapse navbar-collapse" id="navbarsExampleDefault">
         <ul class="navbar-nav mr-auto">
           <li class="nav-item">
-            <a class="nav-link" href="index.htm">Home</a>
+            <a class="nav-link" href="/stargate/dial">Home</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="address_book.htm">Address Book</a>
+            <a class="nav-link" href="/stargate/address_book">Address Book</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="symbol_overview.htm">Symbols</a>

web/index.htm

@@ -53,7 +53,7 @@
             <a class="nav-link active" href="#">Home</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="address_book.htm">Address Book</a>
+            <a class="nav-link" href="/stargate/address_book">Address Book</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="symbol_overview.htm">Symbols</a>

web/info.htm

@@ -472,10 +472,10 @@
       <div class="collapse navbar-collapse" id="navbarsExampleDefault">
         <ul class="navbar-nav mr-auto">
           <li class="nav-item">
-            <a class="nav-link" href="index.htm">Home</a>
+            <a class="nav-link" href="/stargate/dial">Home</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="address_book.htm">Address Book</a>
+            <a class="nav-link" href="/stargate/address_book">Address Book</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="symbol_overview.htm">Symbols</a>

web/js/address_book.js

@@ -46,7 +46,7 @@ function load_address_book(){
 
         address = address_raw.join("");
 
-        $("#presets").append('<div class="address-book-row address-book-row-'+value.type+' col-sm " onclick="window.location = \'index.htm?address=' +
+        $("#presets").append('<div class="address-book-row address-book-row-'+value.type+' col-sm " onclick="window.location = \'/stargate/dial?address=' +
           address_string + '\';"><div class="address-book-col-planet-names">' + value.name + '</div><div class="address-book-col-glyphs">' + address + '</div><div class="address-book-is-online">' + is_gate_online + '</div></div>' );
     });
 }

web/js/config.js

@@ -61,7 +61,8 @@ function getParamGroupByPrettyName(paramPrettyName){
       "Software": "Software Update",
       "Stepper": "Stepper",
       "Subspace": "Subspace Network",
-      "Wormhole": "Wormhole Max Time"
+      "Wormhole": "Wormhole Max Time",
+      "Ui": "UI Templates"
   }
 
   compound_groups = {

web/retro/address_book.html

@@ -0,0 +1,241 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="author" content="Andrew Polk">
+    <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"/>
+
+    <title>Address Book | Stargate Command</title>
+
+    <link rel="stylesheet" href="css/crt.css" />
+    <link rel="stylesheet" href="css/address_book.css" />
+
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Genos&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+
+  <body class="crt genos-font">
+    <div class="border">
+      <dvi class="header">
+        <div class="header-1"><span>SYSTEM GLYPHS /</span></div>
+        <div class="header-2"><span>FILE ARCHIVE /</span></div>
+        <div class="header-3"><span>DISPLAY COMPLETE</span></div>
+        <div class="header-border"></div>
+      </dvi>
+
+      <div class="address-counts">
+        <div><span>Standard:</span><span class="standard-count">.</span></div>
+        <div><span>Fan:</span><span class="fan-count">.</span></div>
+      </div>
+
+      <section>
+        <header>
+          <div class="col col-1"></div>
+          <div class="col col-2">1</div>
+          <div class="col">2</div>
+          <div class="col">3</div>
+          <div class="col">4</div>
+          <div class="col">5</div>
+          <div class="col">6</div>
+          <div class="col">7</div>
+          <div class="col col-9">PROFILE</div>
+        </header>
+        <div id="tableBody" class="rows">
+          <div id="tableRow" class="row hidden">
+            <div class="col box">
+              <div class="small-box">E<br />M</div>
+            </div>
+            <div class="col glyph">
+              <img
+                width="100%"
+                height="100%"
+                class="address-book-glyph glyph-1"
+                src="../chevrons/milkyway/027.svg"
+                alt=" "
+              />
+              <span class="glyph-name-1">Virgo</span>
+            </div>
+            <div class="col glyph">
+              <img
+                width="100%"
+                height="100%"
+                class="address-book-glyph glyph-2"
+                src="../chevrons/milkyway/002.svg"
+                alt=" "
+              />
+              <span class="glyph-name-2">Serpens Caput</span>
+            </div>
+            <div class="col glyph">
+              <img
+                width="100%"
+                height="100%"
+                class="address-book-glyph glyph-3"
+                src="../chevrons/milkyway/022.svg"
+                alt=" "
+              />
+              <span class="glyph-name-3">Virgo</span>
+            </div>
+            <div class="col glyph">
+              <img
+                width="100%"
+                height="100%"
+                class="address-book-glyph glyph-4"
+                src="../chevrons/milkyway/032.svg"
+                alt=" "
+              />
+              <span class="glyph-name-4">Virgo</span>
+            </div>
+            <div class="col glyph">
+              <img
+                width="100%"
+                height="100%"
+                class="address-book-glyph glyph-5"
+                src="../chevrons/milkyway/037.svg"
+                alt=" "
+              />
+              <span class="glyph-name-5">Virgo</span>
+            </div>
+            <div class="col glyph">
+              <img
+                width="100%"
+                height="100%"
+                class="address-book-glyph glyph-6"
+                src="../chevrons/milkyway/015.svg"
+                alt=" "
+              />
+              <span class="glyph-name-6">Virgo</span>
+            </div>
+            <div class="col glyph">
+              <img
+                class="address-book-glyph glyph-7"
+                src="../chevrons/milkyway/001.svg"
+                alt=" "
+              />
+              <span class="glyph-name-7">Earth</span>
+            </div>
+            <div class="col info">
+              <div class="info-title">
+                <div class="info-name"></div>
+              </div>
+              <div class="info-body">
+                <div class="info-a"></div>
+                <div class="info-b">
+                  <div class="info-type">
+                    <span class="glyph-color">Gate Type:</span
+                    ><span class="alt-color">Fan</span>
+                  </div>
+                  <div class="status">
+                    <span class="glyph-color">Status:</span
+                    ><span class="alt-color">Online</span>
+                  </div>
+                  <div class="info-coord">
+                    <span class="glyph-color">Coords:</span
+                    ><span class="alt-color">18.06.10.33</span>
+                  </div>
+                  <div class="info-const">
+                    <span class="glyph-color">Case:</span
+                    ><span class="alt-color">325423543</span>
+                  </div>
+                  <div class="info-ref">
+                    <span class="glyph-color">Ref:</span
+                    ><span class="alt-color">325423543</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <div class="table-footer">PRIMARY DATA ADDR ENUMERATOR</div>
+
+      <div class="footer">
+        <div class="footer-left">
+          <div class="footer-buttons">
+            <div>SORTING:</div>
+            <a onclick="sortData('name')">Name</a>
+            <a onclick="sortData('status')">Status</a>
+            <a onclick="sortData('type')">Type</a>
+            <a onclick="sortData('glyph')">Glyph</a>
+            <a></a>
+            <a></a>
+          </div>
+          <div class="footer-text">
+            <div>
+              > Gate log sync complete.<br />
+              > Data cache 99.3% verified.<br />
+              > Awaiting user input...<br />
+              > Updating glyph registry...<br />
+              > Signal lock: stable<br />
+              > Glyph sort mode: AUTO<br />
+              > Display mode: ARCHIVE<br />
+              > Decrypting address string...<br />
+              > Archive integrity: CLEAN<br />
+              > Primary scan buffer ready.<br />
+            </div>
+          </div>
+        </div>
+        <div class="footer-right">
+          <div class="scrolling-sectionY">
+            <div>
+              5b7648ebbbd243ac8db20ede9a8c99d4253e747c277c4a8bb7ada1b5c3d440c3
+              7a32d38f1f9d4b96b118eb1320bb048a02d731af50854718a3e7951141623560
+              35411a2ec1aa49dea63447aa9748bea12d65359853ee4d44862780e570ee77c5
+              da0a32039f5e4f51b7301d6795098d3e6a3d4158c9b24af8a6c338520f7a86d9
+              750dd630705e460f8eab87abb6a6b56c20d1a92234c449c192270a9eaebf4069
+              69f6420fc96b4e91831eb2076d23c6f6715c3d2b611f49d5b700236fcf626f94
+            </div>
+            <div>
+              5b7648ebbbd243ac8db20ede9a8c99d4253e747c277c4a8bb7ada1b5c3d440c3
+              7a32d38f1f9d4b96b118eb1320bb048a02d731af50854718a3e7951141623560
+              35411a2ec1aa49dea63447aa9748bea12d65359853ee4d44862780e570ee77c5
+              da0a32039f5e4f51b7301d6795098d3e6a3d4158c9b24af8a6c338520f7a86d9
+              750dd630705e460f8eab87abb6a6b56c20d1a92234c449c192270a9eaebf4069
+              69f6420fc96b4e91831eb2076d23c6f6715c3d2b611f49d5b700236fcf626f94
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="scrolling-section-wrapper">
+        <div class="scrolling-section">
+          <div>
+            80de2ce1fb3742759aecc1a773d07450212fa26e5d9d4f63b27ccfd2c183b0fe
+            d37b0ea87c514c608ac761efce1e2b1a3a549963404f4c01b0b08e0d89cbb869
+            2b6eb3aaf14b4cf9b9ede16df4df95c48d6137def558411bba36350dee0e3db7
+            3989d6a8cfc2479eae8ee3440f57eb8d90be2c3e04e44a89883551c24c96c789
+            7e6aa73f3d0f4a9d82cc1ef0a4b1cd105f4de9ff19b7461e983fd45a7b9844ad
+            ffcd55830cf74d3489eb20a031a3302de04ccee43e354d5cacffbe827cfff160
+            cdb52a946dfb46408ff0a421fd86ec92d9a46b7b9b2d428ca495863b36270569
+            4252393e87dc47afbe4c93afcd16ad88dbdea380be7849cd84529182ad4bf1ec
+            b313744a84fe43259984ddc4057ea6f70f924606281a4ffa8afb528fe3dc1f3e
+            61de89262d0d48628fe1d5ec9222a24a01922bdd80434448aded8b4f12057eb7
+          </div>
+          <div>
+            80de2ce1fb3742759aecc1a773d07450212fa26e5d9d4f63b27ccfd2c183b0fe
+            d37b0ea87c514c608ac761efce1e2b1a3a549963404f4c01b0b08e0d89cbb869
+            2b6eb3aaf14b4cf9b9ede16df4df95c48d6137def558411bba36350dee0e3db7
+            3989d6a8cfc2479eae8ee3440f57eb8d90be2c3e04e44a89883551c24c96c789
+            7e6aa73f3d0f4a9d82cc1ef0a4b1cd105f4de9ff19b7461e983fd45a7b9844ad
+            ffcd55830cf74d3489eb20a031a3302de04ccee43e354d5cacffbe827cfff160
+            cdb52a946dfb46408ff0a421fd86ec92d9a46b7b9b2d428ca495863b36270569
+            4252393e87dc47afbe4c93afcd16ad88dbdea380be7849cd84529182ad4bf1ec
+            b313744a84fe43259984ddc4057ea6f70f924606281a4ffa8afb528fe3dc1f3e
+            61de89262d0d48628fe1d5ec9222a24a01922bdd80434448aded8b4f12057eb7
+          </div>
+        </div>
+      </div>
+
+      <div class="crt-distortion scanline-animation"></div>
+    </div>
+
+    <script src="js/address_book.js"></script>
+    <script src="js/crt.js"></script>
+    <script src="js/navigation.js"></script>
+  </body>
+</html>