Update README.md

Bugfixing

README.md

@@ -1,4 +1,4 @@
-# Important note: DCS Olympus is in alpha state. No official release has been produced yet. The first public version is planned for Q2 2023.
+# Important note: DCS Olympus is in alpha state. No official release has been produced yet. The first public version is planned for Q4 2023.
 
 # DCS Olympus
 *A real-time web interface to spawn and control units in DCS World*

client/TODO.txt

@@ -1,7 +0,0 @@
-RTB
-tanker
-scenario dropdown
-explosion
-wrong name for ground units
-improve map zIndex
-human symbol if user

client/app.js

@@ -4,10 +4,12 @@ var cookieParser = require('cookie-parser');
 var logger = require('morgan');
 var fs = require('fs');
 
-var atcRouter   = require('./routes/api/atc');
+var atcRouter       = require('./routes/api/atc');
-var indexRouter = require('./routes/index');
+var airbasesRouter  = require('./routes/api/airbases');
-var uikitRouter = require('./routes/uikit');
+var indexRouter     = require('./routes/index');
-var usersRouter = require('./routes/users');
+var uikitRouter     = require('./routes/uikit');
+var usersRouter     = require('./routes/users');
+var resourcesRouter = require('./routes/resources');
 
 var app = express();
 
@@ -19,22 +21,22 @@ app.use(express.static(path.join(__dirname, 'public')));
 
 app.use('/', indexRouter);
 app.use('/api/atc', atcRouter);
+app.use('/api/airbases', airbasesRouter);
 app.use('/users', usersRouter);
 app.use('/uikit', uikitRouter);
+app.use('/resources', resourcesRouter);
 
 app.set('view engine', 'ejs');
 
 let rawdata = fs.readFileSync('../olympus.json');
 let config = JSON.parse(rawdata);
-app.get('/config', (req, res) => res.send(config));
+if (config["server"] != undefined)
+    app.get('/config', (req, res) => res.send(config["server"]));
 
 module.exports = app;
 
 const DemoDataGenerator = require('./demo.js');
-var demoDataGenerator = new DemoDataGenerator(10);
+var demoDataGenerator = new DemoDataGenerator(app);
-app.get('/demo/units', (req, res) => demoDataGenerator.units(req, res));
+
-app.get('/demo/logs', (req, res) => demoDataGenerator.logs(req, res));
+
-app.get('/demo/bullseyes', (req, res) => demoDataGenerator.bullseyes(req, res));
-app.get('/demo/airbases', (req, res) => demoDataGenerator.airbases(req, res));
-app.get('/demo/mission', (req, res) => demoDataGenerator.mission(req, res));
 

client/copy.bat

@@ -0,0 +1,3 @@
+copy .\\node_modules\\leaflet\\dist\\leaflet.css .\\public\\stylesheets\\leaflet\\leaflet.css 
+copy .\\node_modules\\leaflet.nauticscale\\dist\\leaflet.nauticscale.js .\\public\\javascripts\\leaflet.nauticscale.js
+copy .\\node_modules\\leaflet-path-drag\\dist\\L.Path.Drag.js .\\public\\javascripts\\L.Path.Drag.js

client/debug.bat

@@ -1,2 +1,2 @@
 start cmd /k "npm run start"
-start cmd /k "watchify .\src\index.ts --debug -p [ tsify --noImplicitAny ] -o .\public\javascripts\bundle.js"
+start cmd /k "watchify .\src\index.ts --debug -o .\public\javascripts\bundle.js -t [ babelify --global true --presets [ @babel/preset-env ] --extensions '.js'] -p [ tsify --noImplicitAny ]

client/package.json

@@ -2,30 +2,43 @@
   "name": "DCSOlympus",
   "node-main": "./bin/www",
   "main": "http://localhost:3000",
-  "version": "0.1.1-alpha",
+  "version": "v0.4.2-alpha",
   "private": true,
   "scripts": {
-    "copy": "copy .\\node_modules\\leaflet\\dist\\leaflet.css .\\public\\stylesheets\\leaflet.css",
+    "copy": "copy.bat",
     "start": "npm run copy & concurrently --kill-others \"npm run watch\" \"nodemon ./bin/www\"",
-    "watch": "watchify .\\src\\index.ts --debug -p [ tsify --noImplicitAny ] -o .\\public\\javascripts\\bundle.js"
+    "watch": "watchify .\\src\\index.ts --debug -o .\\public\\javascripts\\bundle.js -t [ babelify --global true --presets [ @babel/preset-env ] --extensions '.js'] -p [ tsify --noImplicitAny ]"
   },
   "dependencies": {
-    "@types/geojson": "^7946.0.10",
-    "@types/leaflet": "^1.9.0",
     "cookie-parser": "~1.4.4",
     "debug": "~2.6.9",
     "ejs": "^3.1.8",
     "express": "~4.16.1",
-    "leaflet": "^1.9.3",
-    "milsymbol": "^2.0.0",
     "morgan": "~1.9.1",
-    "save": "^2.9.0"
+    "save": "^2.9.0",
+    "express-basic-auth": "^1.2.1"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.21.4",
+    "@tanem/svg-injector": "^10.1.55",
+    "@turf/turf": "^6.5.0",
+    "@types/formatcoords": "^1.1.0",
+    "@types/geojson": "^7946.0.10",
     "@types/gtag.js": "^0.0.12",
+    "@types/leaflet": "^1.9.0",
+    "@types/node": "^18.16.1",
     "@types/sortablejs": "^1.15.0",
+    "@types/svg-injector": "^0.0.29",
+    "babelify": "^10.0.0",
     "browserify": "^17.0.0",
     "concurrently": "^7.6.0",
+    "cp": "^0.2.0",
+    "esmify": "^2.1.1",
+    "formatcoords": "^1.1.3",
+    "leaflet": "^1.9.3",
+    "leaflet-control-mini-map": "^0.4.0",
+    "leaflet-path-drag": "*",
+    "leaflet.nauticscale": "^1.1.0",
     "nodemon": "^2.0.20",
     "sortablejs": "^1.15.0",
     "tsify": "^5.0.4",

client/prepare.bat

@@ -0,0 +1,2 @@
+copy .\\node_modules\\leaflet\\dist\\leaflet.css .\\public\\stylesheets\\leaflet\\leaflet.css 
+copy .\\node_modules\\leaflet.nauticscale\\dist\\leaflet.nauticscale.js .\\public\\javascripts\\leaflet.nauticscale.js

client/public/images/buttons/edit.svg

@@ -1,3 +0,0 @@
-<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.4766 9.25718L11.3099 8.44468C11.4401 8.31772 11.6667 8.40659 11.6667 8.58941V12.2812C11.6667 12.9541 11.1068 13.5 10.4167 13.5H1.25C0.559896 13.5 0 12.9541 0 12.2812V3.3437C0 2.67085 0.559896 2.12495 1.25 2.12495H8.3724C8.55729 2.12495 8.65104 2.34331 8.52083 2.4728L7.6875 3.2853C7.64844 3.32339 7.59635 3.3437 7.53906 3.3437H1.25V12.2812H10.4167V9.39937C10.4167 9.34605 10.4375 9.29526 10.4766 9.25718ZM14.5547 4.13335L7.71615 10.8009L5.36198 11.0548C4.67969 11.1285 4.09896 10.5673 4.17448 9.89702L4.4349 7.60171L11.2734 0.934131C11.8698 0.352686 12.8333 0.352686 13.4271 0.934131L14.5521 2.03101C15.1484 2.61245 15.1484 3.55444 14.5547 4.13335ZM11.9818 4.91792L10.4688 3.44272L5.63021 8.16284L5.4401 9.82085L7.14063 9.6355L11.9818 4.91792ZM13.6693 2.89429L12.5443 1.79741C12.4375 1.69331 12.263 1.69331 12.1589 1.79741L11.3542 2.58198L12.8672 4.05718L13.6719 3.27261C13.776 3.16597 13.776 2.99839 13.6693 2.89429Z" fill="white"/>
-</svg>

client/public/images/buttons/reorder.svg

@@ -1,21 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="96.000000pt" height="96.000000pt" viewBox="0 0 96.000000 96.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,96.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M411 846 c-77 -78 -70 -86 69 -86 139 0 146 8 69 86 -29 30 -60 54
--69 54 -9 0 -40 -24 -69 -54z"/>
-<path d="M132 668 c-16 -16 -15 -43 2 -57 9 -8 110 -11 351 -9 309 3 339 4
-349 21 8 12 8 22 0 35 -10 16 -40 17 -350 20 -256 2 -343 -1 -352 -10z"/>
-<path d="M132 508 c-16 -16 -15 -43 2 -57 9 -8 110 -11 351 -9 309 3 339 4
-349 21 8 12 8 22 0 35 -10 16 -40 17 -350 20 -256 2 -343 -1 -352 -10z"/>
-<path d="M132 348 c-16 -16 -15 -43 2 -57 9 -8 110 -11 351 -9 309 3 339 4
-349 21 8 12 8 22 0 35 -10 16 -40 17 -350 20 -256 2 -343 -1 -352 -10z"/>
-<path d="M363 184 c-7 -18 92 -124 117 -124 25 0 124 106 117 124 -9 24 -225
-24 -234 0z"/>
-</g>
-</svg>

client/public/images/icons/bullseye-solid.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M448 256A192 192 0 1 0 64 256a192 192 0 1 0 384 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 80a80 80 0 1 0 0-160 80 80 0 1 0 0 160zm0-224a144 144 0 1 1 0 288 144 144 0 1 1 0-288zM224 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>

client/public/images/icons/square-check-regular.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M211.8 339.8C200.9 350.7 183.1 350.7 172.2 339.8L108.2 275.8C97.27 264.9 97.27 247.1 108.2 236.2C119.1 225.3 136.9 225.3 147.8 236.2L192 280.4L300.2 172.2C311.1 161.3 328.9 161.3 339.8 172.2C350.7 183.1 350.7 200.9 339.8 211.8L211.8 339.8zM0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96zM48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80H64C55.16 80 48 87.16 48 96z"/></svg>

client/public/images/pin.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M112 316.94v156.69l22.02 33.02c4.75 7.12 15.22 7.12 19.97 0L176 473.63V316.94c-10.39 1.92-21.06 3.06-32 3.06s-21.61-1.14-32-3.06zM144 0C64.47 0 0 64.47 0 144s64.47 144 144 144 144-64.47 144-144S223.53 0 144 0zm0 76c-37.5 0-68 30.5-68 68 0 6.62-5.38 12-12 12s-12-5.38-12-12c0-50.73 41.28-92 92-92 6.62 0 12 5.38 12 12s-5.38 12-12 12z"/></svg>

client/public/images/reference-system-test.svg

@@ -1,370 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
-   sodipodi:docname="reference-system-test.svg"
-   id="svg8"
-   version="1.1"
-   viewBox="0 0 232.62689 109.65005"
-   height="109.65005mm"
-   width="232.62689mm">
-  <defs
-     id="defs2">
-    <marker
-       inkscape:stockid="TriangleOutM"
-       orient="auto"
-       refY="0.0"
-       refX="0.0"
-       id="marker3764"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3762"
-         d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
-         style="fill-rule:evenodd;stroke:#00fff1;stroke-width:1pt;stroke-opacity:1;fill:#00fffb;fill-opacity:1"
-         transform="scale(0.4)" />
-    </marker>
-    <marker
-       inkscape:stockid="TriangleOutM"
-       orient="auto"
-       refY="0.0"
-       refX="0.0"
-       id="marker3754"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3752"
-         d="M 5.77,0.0 L -2.88,5.0 L -2.88,-5.0 L 5.77,0.0 z "
-         style="fill-rule:evenodd;stroke:#00fff1;stroke-width:1pt;stroke-opacity:1;fill:#00fffb;fill-opacity:1"
-         transform="scale(0.4)" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Send"
-       orient="auto"
-       refY="0.0"
-       refX="0.0"
-       id="marker3658"
-       style="overflow:visible;"
-       inkscape:isstock="true">
-      <path
-         id="path3656"
-         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#00fff1;stroke-opacity:1;fill:#00fffb;fill-opacity:1"
-         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
-         transform="scale(0.3) rotate(180) translate(-2.3,0)" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Send"
-       orient="auto"
-       refY="0.0"
-       refX="0.0"
-       id="marker3648"
-       style="overflow:visible;"
-       inkscape:isstock="true">
-      <path
-         id="path3646"
-         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#00fff1;stroke-opacity:1;fill:#00fffb;fill-opacity:1"
-         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
-         transform="scale(0.3) rotate(180) translate(-2.3,0)" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Mend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Mend">
-      <path
-         transform="scale(-0.6)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1088" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Lend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Lend">
-      <path
-         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1082" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow1Lend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow1Lend">
-      <path
-         transform="matrix(-0.8,0,0,-0.8,-10,0)"
-         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
-         d="M 0,0 5,-5 -12.5,0 5,5 Z"
-         id="path1064" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Mend"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="Arrow2Mend-7"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path1088-1"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="scale(-0.6)" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Mend-7-8"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Mend">
-      <path
-         transform="scale(-0.6)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1088-1-6" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Mend"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="Arrow2Mend-7-8-0"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path1088-1-6-8"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="scale(-0.6)" />
-    </marker>
-  </defs>
-  <sodipodi:namedview
-     inkscape:window-maximized="1"
-     inkscape:window-y="-8"
-     inkscape:window-x="1912"
-     inkscape:window-height="1017"
-     inkscape:window-width="1920"
-     fit-margin-bottom="0"
-     fit-margin-right="0"
-     fit-margin-left="0"
-     fit-margin-top="0"
-     showgrid="false"
-     inkscape:document-rotation="0"
-     inkscape:current-layer="layer1"
-     inkscape:document-units="mm"
-     inkscape:cy="180.46845"
-     inkscape:cx="179.92513"
-     inkscape:zoom="0.70710678"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     borderopacity="1.0"
-     bordercolor="#666666"
-     pagecolor="#ffffff"
-     id="base" />
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     transform="translate(-9.0472264,-0.3638854)"
-     id="layer1"
-     inkscape:groupmode="layer"
-     inkscape:label="Layer 1">
-    <g
-       transform="matrix(2.7166059,0,0,2.7166059,6.5450533,19.640703)"
-       id="g839"
-       style="fill:none">
-      <path
-         d="m 8.6152043,0.96068491 c -0.070984,-0.1658027 -0.2358263,-0.272592 -0.4178212,-0.272592 -0.1818565,0 -0.346698,0.106789 -0.4178225,0.272592 L 6.5262355,3.8523252 C 6.4294515,4.0771272 6.3784085,4.3160075 6.3784085,4.560499 V 6.7242759 L 2.2854009,9.0848093 V 8.5565855 c 0,-0.3737975 -0.304161,-0.6745171 -0.682098,-0.6745171 -0.378076,0 -0.68223699,0.3007196 -0.68223699,0.6745171 v 1.5736425 0.899265 0.674379 c 0,0.373797 0.30416099,0.674518 0.68223699,0.674518 0.377937,0 0.682098,-0.300721 0.682098,-0.674518 v -0.224747 h 4.0930076 v 0.918844 L 4.7156289,13.83966 c -0.09944,0.08425 -0.156335,0.207925 -0.156335,0.337121 v 0.449631 c 0,0.24736 0.204588,0.449631 0.454779,0.449631 h 2.7286708 v -1.798527 c 0,-0.247222 0.2045879,-0.449495 0.4546394,-0.449495 0.2501899,0 0.4547778,0.202273 0.4547778,0.449495 v 1.798527 h 2.7286701 c 0.250191,0 0.454779,-0.202271 0.454779,-0.449631 v -0.449631 c 0,-0.129196 -0.05676,-0.252876 -0.156195,-0.337121 l -1.662919,-1.441691 v -0.918844 h 4.093006 v 0.224747 c 0,0.373797 0.304162,0.674518 0.682098,0.674518 0.378076,0 0.682238,-0.300721 0.682238,-0.674518 V 11.029493 10.130228 8.5565855 c 0,-0.3737975 -0.304162,-0.6745171 -0.682238,-0.6745171 -0.377936,0 -0.682098,0.3007196 -0.682098,0.6745171 V 9.0848093 L 10.016496,6.7242759 V 4.560499 c 0,-0.2444915 -0.051184,-0.4833718 -0.1478275,-0.7081738 z"
-         fill="#202831"
-         id="path2"
-         style="fill:#000000;fill-opacity:1;stroke-width:1.38669" />
-    </g>
-    <g
-       style="fill:none"
-       id="g839-2"
-       transform="matrix(2.7166059,0,0,2.7166059,59.782498,69.058264)">
-      <path
-         style="fill:#000000;fill-opacity:1;stroke-width:1.38669"
-         id="path2-3"
-         fill="#202831"
-         d="m 8.6152043,0.96068491 c -0.070984,-0.1658027 -0.2358263,-0.272592 -0.4178212,-0.272592 -0.1818565,0 -0.346698,0.106789 -0.4178225,0.272592 L 6.5262355,3.8523252 C 6.4294515,4.0771272 6.3784085,4.3160075 6.3784085,4.560499 V 6.7242759 L 2.2854009,9.0848093 V 8.5565855 c 0,-0.3737975 -0.304161,-0.6745171 -0.682098,-0.6745171 -0.378076,0 -0.68223699,0.3007196 -0.68223699,0.6745171 v 1.5736425 0.899265 0.674379 c 0,0.373797 0.30416099,0.674518 0.68223699,0.674518 0.377937,0 0.682098,-0.300721 0.682098,-0.674518 v -0.224747 h 4.0930076 v 0.918844 L 4.7156289,13.83966 c -0.09944,0.08425 -0.156335,0.207925 -0.156335,0.337121 v 0.449631 c 0,0.24736 0.204588,0.449631 0.454779,0.449631 h 2.7286708 v -1.798527 c 0,-0.247222 0.2045879,-0.449495 0.4546394,-0.449495 0.2501899,0 0.4547778,0.202273 0.4547778,0.449495 v 1.798527 h 2.7286701 c 0.250191,0 0.454779,-0.202271 0.454779,-0.449631 v -0.449631 c 0,-0.129196 -0.05676,-0.252876 -0.156195,-0.337121 l -1.662919,-1.441691 v -0.918844 h 4.093006 v 0.224747 c 0,0.373797 0.304162,0.674518 0.682098,0.674518 0.378076,0 0.682238,-0.300721 0.682238,-0.674518 V 11.029493 10.130228 8.5565855 c 0,-0.3737975 -0.304162,-0.6745171 -0.682238,-0.6745171 -0.377936,0 -0.682098,0.3007196 -0.682098,0.6745171 V 9.0848093 L 10.016496,6.7242759 V 4.560499 c 0,-0.2444915 -0.051184,-0.4833718 -0.1478275,-0.7081738 z" />
-    </g>
-    <circle
-       r="0"
-       style="fill:#000000;fill-opacity:1;stroke-width:0.225344;stroke-linecap:round"
-       id="path865-3"
-       cx="29.19866"
-       cy="80.130951" />
-    <g
-       transform="translate(140.21868,-45.703089)"
-       id="g1019">
-      <circle
-         style="fill:#000000;fill-opacity:1;stroke-width:0.0680267;stroke-linecap:round"
-         id="path859"
-         cx="29.259609"
-         cy="85.105995"
-         r="4.9218788" />
-      <rect
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round"
-         id="rect861"
-         width="39.215027"
-         height="1.5119048"
-         x="9.5438986"
-         y="84.477676"
-         ry="0.42838952" />
-      <circle
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round"
-         id="path865"
-         cx="10.866816"
-         cy="85.139137"
-         r="1.5119048" />
-      <circle
-         r="1.5119048"
-         cy="85.139137"
-         cx="48.097469"
-         id="path865-5"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round" />
-      <rect
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round"
-         id="rect888"
-         width="1.0394346"
-         height="5.1971726"
-         x="28.726191"
-         y="73.232887"
-         ry="0.42838952" />
-      <rect
-         ry="0.35266024"
-         y="82.231239"
-         x="19.213385"
-         height="1.2446353"
-         width="19.704351"
-         id="rect861-3"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.0786176;stroke-linecap:round" />
-      <circle
-         style="fill:#000000;fill-opacity:1;stroke-width:0.212007;stroke-linecap:round"
-         id="path865-5-8"
-         cx="29.175037"
-         cy="80.674294"
-         r="2.6222098" />
-    </g>
-    <g
-       id="g1019-5"
-       transform="translate(192.06475,5.3360099)">
-      <circle
-         r="4.9218788"
-         cy="85.105995"
-         cx="29.259609"
-         id="path859-5"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.0680267;stroke-linecap:round" />
-      <rect
-         ry="0.42838952"
-         y="84.477676"
-         x="9.5438986"
-         height="1.5119048"
-         width="39.215027"
-         id="rect861-1"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round" />
-      <circle
-         r="1.5119048"
-         cy="85.139137"
-         cx="10.866816"
-         id="path865-6"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round" />
-      <circle
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round"
-         id="path865-5-6"
-         cx="48.097469"
-         cy="85.139137"
-         r="1.5119048" />
-      <rect
-         ry="0.42838952"
-         y="73.232887"
-         x="28.726191"
-         height="5.1971726"
-         width="1.0394346"
-         id="rect888-2"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.122238;stroke-linecap:round" />
-      <rect
-         style="fill:#000000;fill-opacity:1;stroke-width:0.0786176;stroke-linecap:round"
-         id="rect861-3-0"
-         width="19.704351"
-         height="1.2446353"
-         x="19.213385"
-         y="82.231239"
-         ry="0.35266024" />
-      <circle
-         r="2.6222098"
-         cy="80.674294"
-         cx="29.175037"
-         id="path865-5-8-9"
-         style="fill:#000000;fill-opacity:1;stroke-width:0.212007;stroke-linecap:round" />
-    </g>
-    <path
-       style="fill:none;fill-opacity:1;stroke:#00fff1;stroke-width:3;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker3754)"
-       d="m 28.820683,45.262649 46.641256,42.10261"
-       id="path1059-0"
-       sodipodi:nodetypes="cc" />
-    <path
-       sodipodi:nodetypes="cc"
-       id="path1059-0-0"
-       d="M 169.40181,40.337642 V 90.041518"
-       style="fill:#00fffb;fill-opacity:1;stroke:#00fff1;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker-end:url(#marker3764)" />
-    <text
-       xml:space="preserve"
-       style="font-size:16.5205px;line-height:1.25;font-family:sans-serif;fill:#00fffb;fill-opacity:1;stroke:#00fff1;stroke-width:0.619518;stroke-opacity:1"
-       x="148.62083"
-       y="97.970039"
-       id="text2102-4"><tspan
-         sodipodi:role="line"
-         id="tspan2100-0"
-         x="148.62083"
-         y="97.970039"
-         style="font-size:16.5205px;fill:#00fffb;fill-opacity:1;stroke:#00fff1;stroke-width:0.619518;stroke-opacity:1">+</tspan></text>
-    <path
-       sodipodi:open="true"
-       d="m 30.431293,14.137878 a 29.450657,29.450657 0 0 1 27.20886,18.180379 29.450657,29.450657 0 0 1 -6.3841,32.095037"
-       sodipodi:arc-type="arc"
-       sodipodi:end="0.78539816"
-       sodipodi:start="4.712389"
-       sodipodi:ry="29.450657"
-       sodipodi:rx="29.450657"
-       sodipodi:cy="43.588535"
-       sodipodi:cx="30.431293"
-       sodipodi:type="arc"
-       id="path3121"
-       style="fill:none;fill-opacity:1;stroke:#00fff1;stroke-width:3;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    <path
-       style="fill:none;fill-opacity:1;stroke:#00fff1;stroke-width:3;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="M 28.820683,1.8638854 V 45.262649"
-       id="path1059-0-0-2"
-       sodipodi:nodetypes="cc" />
-  </g>
-</svg>

client/public/images/reference-system.svg

@@ -1,218 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
-   sodipodi:docname="reference-system.svg"
-   id="svg8"
-   version="1.1"
-   viewBox="0 0 13.229166 13.229167"
-   height="50"
-   width="50">
-  <defs
-     id="defs2">
-    <marker
-       inkscape:stockid="TriangleOutM"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="marker3764"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3762"
-         d="M 5.77,0 -2.88,5 V -5 Z"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:1pt;stroke-opacity:1"
-         transform="scale(0.4)" />
-    </marker>
-    <marker
-       inkscape:stockid="TriangleOutM"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="marker3754"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3752"
-         d="M 5.77,0 -2.88,5 V -5 Z"
-         style="fill:#00fff1;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:1pt;stroke-opacity:1"
-         transform="scale(0.4)" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Send"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="marker3658"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3656"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="matrix(-0.3,0,0,-0.3,0.69,0)" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Send"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="marker3648"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path3646"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="matrix(-0.3,0,0,-0.3,0.69,0)" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Mend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Mend">
-      <path
-         transform="scale(-0.6)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1088" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Lend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Lend">
-      <path
-         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1082" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow1Lend"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow1Lend">
-      <path
-         transform="matrix(-0.8,0,0,-0.8,-10,0)"
-         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
-         d="M 0,0 5,-5 -12.5,0 5,5 Z"
-         id="path1064" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Mend"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="Arrow2Mend-7"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path1088-1"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="scale(-0.6)" />
-    </marker>
-    <marker
-       inkscape:isstock="true"
-       style="overflow:visible"
-       id="Arrow2Mend-7-8"
-       refX="0"
-       refY="0"
-       orient="auto"
-       inkscape:stockid="Arrow2Mend">
-      <path
-         transform="scale(-0.6)"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         id="path1088-1-6" />
-    </marker>
-    <marker
-       inkscape:stockid="Arrow2Mend"
-       orient="auto"
-       refY="0"
-       refX="0"
-       id="Arrow2Mend-7-8-0"
-       style="overflow:visible"
-       inkscape:isstock="true">
-      <path
-         id="path1088-1-6-8"
-         style="fill:#00fffb;fill-opacity:1;fill-rule:evenodd;stroke:#00fff1;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
-         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
-         transform="scale(-0.6)" />
-    </marker>
-  </defs>
-  <sodipodi:namedview
-     units="px"
-     inkscape:window-maximized="1"
-     inkscape:window-y="-8"
-     inkscape:window-x="1912"
-     inkscape:window-height="1017"
-     inkscape:window-width="1920"
-     fit-margin-bottom="0"
-     fit-margin-right="0"
-     fit-margin-left="0"
-     fit-margin-top="0"
-     showgrid="false"
-     inkscape:document-rotation="0"
-     inkscape:current-layer="layer1"
-     inkscape:document-units="mm"
-     inkscape:cy="24.946043"
-     inkscape:cx="23.906148"
-     inkscape:zoom="11.313708"
-     inkscape:pageshadow="2"
-     inkscape:pageopacity="0.0"
-     borderopacity="1.0"
-     bordercolor="#666666"
-     pagecolor="#ffffff"
-     id="base" />
-  <metadata
-     id="metadata5">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     transform="translate(-9.0472264,-21.50998)"
-     id="layer1"
-     inkscape:groupmode="layer"
-     inkscape:label="Layer 1">
-    <g
-       transform="matrix(0.90904788,0,0,0.91946153,8.2333194,20.900691)"
-       id="g839"
-       style="fill:none">
-      <path
-         d="m 8.6152043,0.96068491 c -0.070984,-0.1658027 -0.2358263,-0.272592 -0.4178212,-0.272592 -0.1818565,0 -0.346698,0.106789 -0.4178225,0.272592 L 6.5262355,3.8523252 C 6.4294515,4.0771272 6.3784085,4.3160075 6.3784085,4.560499 V 6.7242759 L 2.2854009,9.0848093 V 8.5565855 c 0,-0.3737975 -0.304161,-0.6745171 -0.682098,-0.6745171 -0.378076,0 -0.68223699,0.3007196 -0.68223699,0.6745171 v 1.5736425 0.899265 0.674379 c 0,0.373797 0.30416099,0.674518 0.68223699,0.674518 0.377937,0 0.682098,-0.300721 0.682098,-0.674518 v -0.224747 h 4.0930076 v 0.918844 L 4.7156289,13.83966 c -0.09944,0.08425 -0.156335,0.207925 -0.156335,0.337121 v 0.449631 c 0,0.24736 0.204588,0.449631 0.454779,0.449631 h 2.7286708 v -1.798527 c 0,-0.247222 0.2045879,-0.449495 0.4546394,-0.449495 0.2501899,0 0.4547778,0.202273 0.4547778,0.449495 v 1.798527 h 2.7286701 c 0.250191,0 0.454779,-0.202271 0.454779,-0.449631 v -0.449631 c 0,-0.129196 -0.05676,-0.252876 -0.156195,-0.337121 l -1.662919,-1.441691 v -0.918844 h 4.093006 v 0.224747 c 0,0.373797 0.304162,0.674518 0.682098,0.674518 0.378076,0 0.682238,-0.300721 0.682238,-0.674518 V 11.029493 10.130228 8.5565855 c 0,-0.3737975 -0.304162,-0.6745171 -0.682238,-0.6745171 -0.377936,0 -0.682098,0.3007196 -0.682098,0.6745171 V 9.0848093 L 10.016496,6.7242759 V 4.560499 c 0,-0.2444915 -0.051184,-0.4833718 -0.1478275,-0.7081738 z"
-         fill="#202831"
-         id="path2"
-         style="fill:#000000;fill-opacity:1;stroke-width:1.38669" />
-    </g>
-    <circle
-       r="0"
-       style="fill:#000000;fill-opacity:1;stroke-width:0.225344;stroke-linecap:round"
-       id="path865-3"
-       cx="29.19866"
-       cy="80.130951" />
-  </g>
-</svg>

client/public/javascripts/leaflet.nauticscale.js

@@ -0,0 +1,38 @@
+L.Control.ScaleNautic = L.Control.Scale.extend({
+	options: {
+		nautic: false
+	},
+
+	_addScales: function(options, className, container) {
+		L.Control.Scale.prototype._addScales.call(this, options, className, container);
+		L.setOptions(options);
+		if (this.options.nautic) {
+			this._nScale = L.DomUtil.create('div', className, container);
+		}
+	},
+
+	_updateScales: function (maxMeters) {
+		L.Control.Scale.prototype._updateScales.call(this, maxMeters);
+		if (this.options.nautic && maxMeters) {
+			this._updateNautic(maxMeters);
+		}
+	},
+
+	_updateNautic: function (maxMeters) {
+		var scale = this._nScale,
+			maxNauticalMiles = maxMeters / 1852, nauticalMiles;
+
+		if(maxMeters >= 1852) {
+			nauticalMiles = L.Control.Scale.prototype._getRoundNum.call(this, maxNauticalMiles);
+		} else {
+			nauticalMiles = maxNauticalMiles > 0.1 ? Math.round(maxNauticalMiles * 10) / 10 : Math.round(maxNauticalMiles * 100) / 100;
+		}
+
+		scale.style.width = Math.round(this.options.maxWidth * (nauticalMiles / maxNauticalMiles)) - 10 + 'px';
+		scale.innerHTML = nauticalMiles + ' nm';
+	}
+});
+
+L.control.scalenautic = function (options) {
+	return new L.Control.ScaleNautic(options);
+};

client/public/stylesheets/aic/aic.css

@@ -130,7 +130,7 @@
 	padding: 10px;
 	position: absolute;
 	width: fit-content;
-	z-index: 1000;
+	z-index: 9999;
 }
 
 .aic-enabled #aic-teleprompt {

client/public/stylesheets/airbase.css

@@ -1,45 +0,0 @@
-:root {
-    --airbase-marker-height: 40px;
-    --airbase-marker-width: 40px;
-}
-
-[data-object|="airbase"] {
-    align-items: center;
-    cursor: pointer;
-    display: flex;
-    justify-content: center;
-    position: relative;
-}
-
-[data-hide-airbase] #map-container [data-object|="airbase"] {
-    display: none;
-}
-
-/******************************
-Marker
-******************************/
-
-[data-object|="airbase"] .airbase {
-    background-color: transparent;
-    background-repeat: no-repeat;
-    background-size: cover;
-    position: absolute;
-    transform-origin: center;
-    z-index: 3;
-}
-
-/*  Airbase  */
-[data-object|="airbase"] .airbase-marker {
-    background-image: var(--airbase-marker-neutral-url);
-    background-size: contain;
-    height: var(--airbase-marker-height);
-    width: var(--airbase-marker-width);
-}
-
-[data-object|="airbase"][data-coalition="red"] .airbase-marker {
-    background-image: var(--airbase-marker-red-url);
-}
-
-[data-object|="airbase"][data-coalition="blue"] .airbase-marker {
-    background-image: var(--airbase-marker-blue-url);
-}

client/public/stylesheets/atc/atc.css

@@ -1,4 +1,8 @@
-
+.ol-strip-board .ol-dialog-header {
+    align-items: center;
+    display:flex;
+    justify-content: space-between;
+}
 
 .ol-strip-board-strips {
     display:flex;
@@ -178,6 +182,7 @@
 
 .ol-strip-board-add-flight .ol-auto-suggest[data-has-suggestions] {
     display:flex;
+    row-gap: 4px;
 }
 
 .ol-strip-board-add-flight .ol-auto-suggest[data-has-suggestions] a {
@@ -193,3 +198,8 @@
     right:10px;
     top:10px;
 }
+
+[data-board-type="tower"] .ol-auto-suggest {
+    top:30px;
+    translate:0;
+}

client/public/stylesheets/contextmenus.css

@@ -1,332 +0,0 @@
-#map-contextmenu {
-    display: flex;
-    flex-direction: column;
-    height: fit-content;
-    position: absolute;
-    row-gap: 5px;
-    width: 230px;
-    z-index: 9999;
-}
-
-#aircraft-spawn-menu {
-    height: fit-content;
-}
-
-#ground-unit-spawn-menu {
-    height: fit-content;
-}
-
-#active-coalition-label {
-    position: absolute;
-    top: -28px;
-    border-radius: 999px;
-    width: fit-content;
-    height: fit-content;
-    padding: 3px 10px;
-    padding-bottom: 3px;
-    font-weight: 600;
-    color: var(--nav-text);
-    font-size: 12px;
-}
-
-#context-menu-switch {
-    margin-right: 10px;
-}
-
-#map-contextmenu>div:nth-child(2){
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    padding-right: 0px;
-}
-
-#map-contextmenu>ul{
-    max-height: 200px;
-    overflow-x: hidden;
-    overflow-y: auto;
-}
-
-#map-contextmenu .ol-panel {
-    width: 100%;
-    border-radius: var(--border-radius-sm);
-}
-
-#map-contextmenu ul {
-    margin: 0px;
-}
-
-#map-contextmenu>div:nth-child(n+3){
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    row-gap: 5px;
-}
-
-#map-contextmenu .ol-select-container{
-    width: 100%;
-    flex:0 0 auto;
-    align-self: stretch;
-}
-
-
-
-#aircraft-spawn-menu .ol-select.is-open .ol-select-options {
-    max-height: 300px;
-}
-
-#aircraft-spawn-menu>button,
-#ground-unit-spawn-menu>button {
-    width: 100%;
-    text-align: center;
-}
-
-#aircraft-spawn-button {
-    background-image: var( --spawn-aircraft-url );
-    background-size: 48px;
-}
-
-#ground-unit-spawn-button {
-    background-image: var( --spawn-groundunit-url );
-    background-size: 48px;
-}
-
-#smoke-spawn-button {
-    background-image: var( --spawn-smoke-url );
-    background-size: 48px;
-}
-
-.unit-spawn-button {
-    border-radius: 0px;
-    border: none;
-    height: 48px;
-    margin-bottom: -10px;
-    margin-top: -10px;
-    width: 48px;
-}
-
-.unit-spawn-button:last-of-type {
-    border-top-right-radius: var(--border-radius-sm);
-    border-bottom-right-radius: var(--border-radius-sm);
-}
-
-[data-active-coalition="blue"].toggle-fill,
-[data-active-coalition="blue"].unit-spawn-button:hover, 
-[data-active-coalition="blue"].unit-spawn-button.is-open, 
-[data-active-coalition="blue"]#active-coalition-label,
-[data-active-coalition="blue"].deploy-unit-button,
-[data-active-coalition="blue"]#spawn-airbase-aircraft-button
-{
-    background-color: var(--primary-blue)
-}
-
-[data-active-coalition="red"].toggle-fill,
-[data-active-coalition="red"].unit-spawn-button:hover, 
-[data-active-coalition="red"].unit-spawn-button.is-open, 
-[data-active-coalition="red"]#active-coalition-label,
-[data-active-coalition="red"].deploy-unit-button,
-[data-active-coalition="red"]#spawn-airbase-aircraft-button
-{
-    background-color: var(--primary-red)
-}
-
-[data-active-coalition="blue"].deploy-unit-button:disabled {
-    background-color: transparent;
-    border: 1px solid var(--primary-blue);
-    cursor: default;
-}
-[data-active-coalition="red"].deploy-unit-button:disabled {
-    background-color: transparent;
-    border: 1px solid var(--primary-red);
-    cursor: default;
-}
-
-[data-active-coalition="blue"]#active-coalition-label::after {
-    content: "Create blue unit";
-}
-[data-active-coalition="red"]#active-coalition-label::after {
-    content: "Create red unit";
-}
-
-#loadout-preview {
-    display: flex;
-    flex-direction: row;
-    align-content: space-between;
-    align-items: center;
-    width: 100%;
-    column-gap: 20px;
-}
-
-#loadout-list {
-    display: flex;
-    flex-direction: column;
-    align-content: center;
-    height: 100%;
-}
-
-#unit-image {
-    width: 100px;
-    filter: invert(100%);
-    margin-top: 10px;
-    margin-bottom: 10px;
-}
-
-#smoke-spawn-menu {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-}
-
-#smoke-spawn-menu>button {
-    width: 100%;
-    text-align: left;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    column-gap: 10px;
-}
-
-#smoke-spawn-menu>button::before {
-    display: block;
-    width: 10px;
-    height: 10px;
-    border-radius: 999px;
-    content: "";
-}
-
-[data-smoke-color="red"]::before{ background-color: red; }
-[data-smoke-color="white"]::before{ background-color: white; }
-[data-smoke-color="blue"]::before{ background-color: blue; }
-[data-smoke-color="green"]::before{ background-color: green; }
-[data-smoke-color="orange"]::before{ background-color: orange; }
-
-/* Unit context menu */
-#unit-contextmenu {
-    display: flex;
-    flex-direction: column;
-    height: fit-content;
-    width: fit-content;
-    position: absolute;
-    row-gap: 5px;
-    z-index: 1000;
-    padding: 15px;
-}
-
-#unit-contextmenu button {
-    border: 1px solid var(--background-offwhite);
-    border-radius: var(--border-radius-sm);
-    padding: 12px;
-    font-weight: normal;
-}
-
-#unit-contextmenu div {
-    display: flex;
-    flex-direction: row;
-    align-content: center;
-}
-
-#unit-contextmenu div:before {
-	display: inline-block;
-	filter: invert(100%);
-	height: 16px;
-	margin-right: 15px;
-	width: 16px;
-}
-
-#center-map::before {
-	content: url( /images/icons/arrows-to-eye-solid.svg );
-}
-
-#refuel::before {
-	content: url( /images/icons/fuel.svg );
-}
-
-#attack::before {
-	content: url( /images/icons/sword.svg );
-}
-
-#follow::before {
-	content: url( /images/icons/follow.svg );
-}
-
-#trail::before {
-	content: url( /images/icons/trail.svg );
-}
-
-#echelon-lh::before {
-	content: url( /images/icons/echelon-lh.svg );
-}
-
-#echelon-rh::before {
-	content: url( /images/icons/echelon-rh.svg );
-}
-
-#line-abreast::before {
-	content: url( /images/icons/line-abreast.svg );
-}
-
-#front::before {
-	content: url( /images/icons/front.svg );
-}
-
-#custom::before {
-	content: url( /images/icons/custom.svg );
-}
-
-#custom-formation-dialog {
-	width: 250px;
-}
-
-#custom-formation-dialog > .ol-dialog-content {
-	margin-top: 10px;
-	margin-bottom: 10px;
-	display: flex;
-	flex-direction: column;
-	flex-wrap: nowrap;
-	row-gap: 10px;
-    align-items: center;
-}
-
-#custom-formation-dialog > .ol-dialog-content > .ol-group {
-    width: 100%;
-	justify-content: space-between;
-}
-
-#reference-system {
-    content: url( /images/reference-system.svg );
-    display: inline-block;
-	filter: invert(100%);
-    width: 50px;
-    transform: translate(-50%, -50%); 
-    position: absolute;
-}
-
-.formation-position-clock {
-    position: relative; 
-    height: 100px;
-    width: 100px; 
-    margin: 15px;
-}
-
-.formation-position-clock > .clock-hand {
-    transform: translate(-50%, -50%); 
-    display: flex; 
-    position: absolute; 
-    align-items: center; 
-    justify-content: center; 
-    height: 20px; 
-    width: 20px;
-}
-
-/* Airbase context menu */
-#airbase-contextmenu {
-    display: flex;
-    flex-direction: column;
-    height: fit-content;
-    position: absolute;
-    row-gap: 5px;
-    width: 180px;
-    z-index: 1000;
-}

client/public/stylesheets/layout.css

@@ -1,245 +0,0 @@
-/* Page style */
-#map-container {
-	height: 100%;
-	min-width: 820px;
-	width: 100%;
-}
-
-#primary-toolbar {
-	align-items: center;
-	display:flex;
-	position: absolute;
-	left: 10px;
-	top: 10px;
-	z-index: 1000;
-}
-
-#olympus-toolbar-summary {
-	background-image: url("/images/icon-round.png");
-	background-position: 25px 20px;
-	background-repeat: no-repeat;
-	background-size: 36px 36px;
-	display: flex;
-	flex-direction: column;
-	text-indent: 44px;
-}
-
-dl.ol-data-grid {
-	align-items: center;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	margin: 0;
-	row-gap: 4px;
-}
-
-dl.ol-data-grid dt {
-	width: 60%;
-}
-
-dl.ol-data-grid dd {
-	width: 40%;
-}
-
-
-dl.ol-data-grid dt.icon {
-	text-indent: 10px;
-}
-
-dl.ol-data-grid dt.icon::before {
-	content: url(/images/icons/speed.svg );
-	display: inline-block;
-	filter: invert(100%);
-	width: 20px;
-	translate: -20px 2px;
-}
-
-
-dl.ol-data-grid dt.icon-speed::before {
-	content: url(/images/icons/speed.svg );
-}
-
-
-dl.ol-data-grid dt.icon-altitude::before {
-	content: url(/images/icons/altitude.svg );
-}
-
-dl.ol-data-grid dd {
-	display: flex;
-	justify-content: flex-end;
-	margin-left: auto;
-}
-
-.br-info::after {
-	content: attr(data-bearing) '\00B0  / ' attr(data-distance) attr(data-distance-units);
-}
-
-.br-info[data-message]::after {
-	content: attr(data-message);
-}
-
-.coordinates::after {
-	content: attr(data-dd) "\00b0 " attr(data-mm) "'" attr(data-ss) "." attr(data-sss) '"' attr(data-label);
-}
-
-.ol-button-box {
-	column-gap: 6px;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	margin: 5px 0;
-	row-gap: 5px;
-}
-
-.ol-button-box button {
-	background-repeat: no-repeat;
-	;
-	border: 1px solid var(--accent-light-blue);
-	color: var(--accent-light-blue);
-}
-
-.ol-dialog {
-	align-self: center;
-	background-color: var(--background-slate-blue);
-	color: white;
-	justify-self: center;
-	position: absolute;
-	z-index: 1000;
-}
-
-.ol-panel.ol-dialog {
-	padding: 20px;
-}
-
-.ol-dialog-close {
-	cursor: pointer;
-	font-size: 16px;
-	font-weight: var(--font-weight-bolder);
-	position: absolute;
-	right: 20px;
-	top: 10px;
-}
-
-.ol-dialog-close::before {
-	content: "\d7";
-}
-
-.ol-dialog-header {
-	border-bottom: 1px solid var(--background-grey);
-	padding-bottom: 10px;
-}
-
-.ol-dialog-content {
-	margin:4px 0;
-}
-
-.ol-dialog-footer {
-	border-top: 1px solid var(--background-grey);
-	padding-top: 15px;
-	display: flex;
-	row-gap: 10px;
-}
-
-.ol-dialog.scrollable .ol-dialog-content {
-	overflow-y: auto;
-}
-
-.ol-checkbox label {
-	align-items: center;
-	cursor: pointer;
-	display: flex;
-	flex-wrap: nowrap;
-	white-space: nowrap;
-}
-
-.ol-checkbox input[type="checkbox"] {
-	appearance: none;
-	background-color: transparent;
-	border: none;
-	margin: 0;
-}
-
-.ol-checkbox input[type="checkbox"]::before {
-	align-self: center;
-	background-image: url("/images/icons/square-regular.svg");
-	background-repeat: no-repeat;
-	content: "";
-	filter: invert(100%);
-	display: flex;
-	height: 16px;
-	margin-right: 10px;
-	width: 16px;
-}
-
-.ol-checkbox input[type="checkbox"]:checked::before {
-	background-image: url("/images/icons/square-check-solid.svg");
-}
-
-.ol-text-input input {
-	height: 40px;
-	border-radius: 5px;
-	color: var(--background-offwhite);
-	background-color: var(--background-grey);
-    border: 1px solid var(--background-grey);
-    border-radius: var(--border-radius-sm);
-	text-align: center;
-	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-}
-
-input[type=number] { 
-    -moz-appearance: textfield;
-    appearance: textfield;
-    margin: 0; 
-}
-
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button { 
-      -webkit-appearance: none; 
-      margin: 0; 
-}
-
-[class|="ol-button"] {
-	align-items: center;
-	background-repeat: no-repeat;
-	display: flex;
-	font-weight: normal;
-	padding: 8px 10px;
-	white-space: nowrap;
-}
-
-[class|="ol-button"]::before {
-	margin-right: 8px;
-}
-
-.ol-button-close {
-	background: transparent;
-	border: 1px solid white;
-}
-
-.ol-button-close::before {
-	content: "\d7";
-}
-
-.ol-button-apply {
-	background: transparent;
-	border: 1px solid white;
-}
-
-.ol-button-apply::before {
-	content: "\2713";
-}
-
-.ol-button-settings {
-	background-color: var(--background-slate-blue);
-}
-
-.ol-button-settings::before {
-	background-image: url("/images/icons/gears-solid.svg");
-	background-position: 0 50%;
-	background-size: 24px 24px;
-	content: "";
-	display: flex;
-	filter: invert(100%);
-	height: 24px;
-	width: 24px;
-}

client/public/stylesheets/layout/layout.css

@@ -0,0 +1,117 @@
+/* Page style */
+#map-container {
+	height: 100%;
+	min-width: 820px;
+	width: 100%;
+}
+
+#toolbar-container {
+	align-items: center;
+	display: flex;
+	left: 10px;
+	position: absolute;
+	top: 10px;
+	z-index: 9999;
+	column-gap: 10px;
+}
+
+#primary-toolbar {
+	align-items: center;
+	display: flex;
+}
+
+#command-mode-toolbar {
+	align-items: center;
+	display: flex;
+}
+
+#app-icon>.ol-select-options {
+	width: fit-content;
+}
+
+#toolbar-summary {
+	background-image: url("/images/icon-round.png");
+	background-position: 20px 22px;
+	background-repeat: no-repeat;
+	background-size: 45px 45px;
+	display: flex;
+	flex-direction: column;
+	padding: 20px;
+	text-indent: 60px;
+}
+
+#toolbar-summary {
+	white-space: nowrap;
+}
+
+#connection-status-panel {
+	bottom: 20px;
+	font-size: 12px;
+	position: absolute;
+	right: 10px;
+	width: 180px;
+	z-index: 9999;
+}
+
+#server-status-panel {
+	bottom: 20px;
+	font-size: 12px;
+	position: absolute;
+	right: 200px;
+	width: 300px;
+	z-index: 9999;
+}
+
+#mouse-info-panel {
+	bottom: 60px;
+	display: flex;
+	flex-direction: column;
+	height: fit-content;
+	position: absolute;
+	right: 10px;
+	row-gap: 10px;
+	width: 180px;
+	z-index: 9999;
+}
+
+#unit-control-panel {
+	height: fit-content;
+	left: 10px;
+	position: absolute;
+	top: 80px;
+	width: 320px;
+	z-index: 9999;
+}
+
+#unit-info-panel {
+	bottom: 20px;
+	font-size: 12px;
+	left: 10px;
+	position: absolute;
+	width: fit-content;
+	z-index: 9999;
+	padding: 24px 30px;
+}
+
+#info-popup {
+    position: absolute;
+    width: fit-content;
+    height: fit-content;
+    top: 100px;
+    left: 50%;
+    translate: -50% 0%;
+    z-index: 9999;
+	display: flex;
+	align-items: center;
+}
+
+#log-panel {
+	position: absolute;
+	right: 0px;
+	top: 220px;
+	width: 310px;
+	height: fit-content;
+	z-index: 9990;
+	overflow: hidden;
+	padding: 10px;
+}

client/public/stylesheets/markers/airbase.css

@@ -0,0 +1,20 @@
+.airbase-icon {
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    position: relative;
+}
+
+.airbase-icon[data-coalition="red"] svg * {
+    stroke: var(--unit-background-red);
+}
+
+.airbase-icon[data-coalition="blue"] svg * {
+    stroke: var(--unit-background-blue);
+}
+
+.airbase-icon[data-coalition="neutral"] svg * {
+    stroke: var(--unit-background-neutral);
+}
+

client/public/stylesheets/markers/bullseye.css

@@ -0,0 +1,22 @@
+.bullseye-icon {
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    position: relative;
+}
+
+.bullseye-icon[data-coalition="red"] svg * {
+    stroke: var(--unit-background-red);
+    fill: var(--unit-background-red);
+}
+
+.bullseye-icon[data-coalition="blue"] svg * {
+    stroke: var(--unit-background-blue);
+    fill: var(--unit-background-blue);
+}
+
+.bullseye-icon[data-coalition="neutral"] svg * {
+    stroke: var(--unit-background-neutral);
+    fill: var(--unit-background-neutral);
+}

client/public/stylesheets/markers/units.css

@@ -0,0 +1,318 @@
+/*** Unit marker elements ***/
+[data-object|="unit"] {
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    position: relative;
+    width: 100%;
+}
+
+.unit-vvi {
+    align-self: center;
+    background: var(--secondary-gunmetal-grey);
+    display: flex;
+    justify-self: center;
+    padding-bottom: calc((var(--unit-width) / 2) + var(--unit-stroke-width));
+    position: absolute;
+    transform-origin: bottom;
+    translate: 0 -50%;
+    width: var(--unit-vvi-width);
+}
+
+.unit-hotgroup {
+    align-content: center;
+    background-color: var(--background-steel);
+    border-radius: var(--border-radius-xs);
+    display: none;
+    height: 15px;
+    justify-content: center;
+    position: absolute;
+    transform: rotate(-45deg);
+    translate: 0 -200%;
+    width: 15px;
+}
+
+.unit-hotgroup-id {
+    background-color: transparent;
+    color: white;
+    font-size: 9px;
+    font-weight: bolder;
+    transform: rotate(45deg);
+    translate: -1px 1px;
+}
+
+.unit-icon {
+    height: var(--unit-height);
+    position: absolute;
+    transform-origin: center;
+    width: var(--unit-width);
+}
+
+[data-is-selected] .unit-icon::before {
+    background-color: var(--unit-spotlight-fill);
+    border-radius: 50%;
+    content: "";
+    height: 100%;
+    position: absolute;
+    width: 100%;
+    z-index: -1;
+}
+
+/*** Basic colours ***/
+[data-coalition="blue"] .unit-icon svg>*:first-child {
+    fill: var(--unit-background-blue);
+}
+
+[data-coalition="red"] .unit-icon svg>*:first-child {
+    fill: var(--unit-background-red);
+}
+
+[data-coalition="neutral"] .unit-icon svg>*:first-child {
+    fill: var(--unit-background-neutral);
+}
+
+[data-is-selected] .unit-icon svg>*:first-child {
+    fill: white;
+}
+
+[data-is-highlighted] .unit-icon svg>*:first-child {
+    stroke: white;
+}
+
+/*** Cursors ***/
+[data-is-dead],
+[data-object|="unit-missile"],
+[data-object|="unit-bomb"] {
+    cursor: default;
+}
+
+/*** Labels ***/
+[data-object|="unit"] .unit-short-label {
+    color: var(--secondary-gunmetal-grey);
+    font-size: var(--unit-font-size);
+    font-weight: var(--unit-font-weight);
+    line-height: normal;
+    position: absolute;
+}
+
+/*** Fuel indicator ***/
+[data-object|="unit"] .unit-fuel {
+    background: white;
+    border: var(--unit-fuel-border-width) solid var(--secondary-dark-steel);
+    border-radius: var(--border-radius-sm);
+    display: none;
+    height: var(--unit-fuel-height);
+    position: absolute;
+    translate: var(--unit-fuel-x) var(--unit-fuel-y);
+    width: var(--unit-fuel-width);
+}
+
+[data-object|="unit"] .unit-fuel-level {
+    background-color: var(--secondary-light-grey);
+    height: 100%;
+    width: 100%;
+}
+
+/*** Ammo indicator ***/
+[data-object|="unit"] .unit-ammo {
+    column-gap: var(--unit-ammo-spacing);
+    display: none;
+    height: fit-content;
+    position: absolute;
+    translate: var(--unit-ammo-x) var(--unit-ammo-y);
+    width: fit-content;
+}
+
+[data-object|="unit"] .unit-ammo>* {
+    background-color: white;
+    border: var(--unit-ammo-border-width) solid var(--secondary-dark-steel);
+    border-radius: 50%;
+    padding: var(--unit-ammo-radius);
+}
+
+/*** Unit summary ***/
+[data-object|="unit"] .unit-summary {
+    color: white;
+    column-gap: 6px;
+    display: flex;
+    flex-wrap: wrap;
+    font-size: 11px;
+    font-weight: bold;
+    justify-content: right;
+    line-height: 12px;
+    pointer-events: none;
+    position: absolute;
+    row-gap: 1px;
+    text-shadow:
+        -1px -1px 0 #000,
+        1px -1px 0 #000,
+        -1px 1px 0 #000,
+        1px 1px 0 #000;
+    right: 100%;
+    width: fit-content;
+}
+
+[data-hide-labels] [data-object|="unit"] .unit-summary {
+    display: none;
+}
+
+[data-object|="unit"] .unit-summary>* {
+    padding: 1px;
+}
+
+[data-object|="unit"] .unit-summary .unit-callsign {
+    color: white;
+    overflow: hidden;
+    text-align: right;
+    transform-origin: right;
+    white-space: nowrap;
+    width: 80px;
+}
+
+[data-object|="unit"]:hover  .unit-summary .unit-callsign{
+    direction: rtl;
+    overflow: visible;
+}
+
+/*** Common ***/
+[data-object|="unit"]:hover .unit-ammo,
+[data-object|="unit"]:hover .unit-fuel {
+    display: flex;
+}
+
+@keyframes pulse {
+    50% {
+        opacity: 0;
+    }
+}
+
+[data-object|="unit"][data-has-low-fuel] .unit-fuel {
+    animation: pulse 1.5s linear infinite;
+}
+
+[data-object|="unit"][data-is-in-hotgroup] .unit-hotgroup,
+[data-object|="unit"][data-is-selected] .unit-ammo,
+[data-object|="unit"][data-is-selected] .unit-fuel,
+[data-object|="unit"][data-is-selected] .unit-selected-spotlight {
+    display: flex;
+}
+
+[data-object|="unit"][data-has-fox-1] .unit-ammo>div:nth-child(1),
+[data-object|="unit"][data-has-fox-2] .unit-ammo>div:nth-child(2),
+[data-object|="unit"][data-has-fox-3] .unit-ammo>div:nth-child(3),
+[data-object|="unit"][data-has-other-ammo] .unit-ammo>div:nth-child(4) {
+    background-color: var(--secondary-gunmetal-grey);
+}
+
+[data-object|="unit"][data-coalition="blue"][data-is-selected] .unit-short-label {
+    color: var(--secondary-blue-text);
+}
+
+[data-object|="unit"][data-coalition="blue"] .unit-fuel-level,
+[data-object|="unit"][data-coalition="blue"][data-has-fox-1] .unit-ammo>div:nth-child(1),
+[data-object|="unit"][data-coalition="blue"][data-has-fox-2] .unit-ammo>div:nth-child(2),
+[data-object|="unit"][data-coalition="blue"][data-has-fox-3] .unit-ammo>div:nth-child(3),
+[data-object|="unit"][data-coalition="blue"][data-has-other-ammo] .unit-ammo>div:nth-child(4) {
+    background-color: var(--primary-blue);
+}
+
+[data-object|="unit"][data-coalition="blue"] .unit-vvi {
+    background-color: var(--secondary-blue-outline);
+}
+
+[data-object|="unit"][data-coalition="red"][data-is-selected] .unit-short-label {
+    color: var(--secondary-red-text);
+}
+
+[data-object|="unit"][data-coalition="red"] .unit-fuel-level,
+[data-object|="unit"][data-coalition="red"][data-has-fox-1] .unit-ammo>div:nth-child(1),
+[data-object|="unit"][data-coalition="red"][data-has-fox-2] .unit-ammo>div:nth-child(2),
+[data-object|="unit"][data-coalition="red"][data-has-fox-3] .unit-ammo>div:nth-child(3),
+[data-object|="unit"][data-coalition="red"][data-has-other-ammo] .unit-ammo>div:nth-child(4) {
+    background-color: var(--primary-red);
+}
+
+[data-object|="unit"][data-coalition="blue"] .unit-vvi {
+    background-color: var(--secondary-red-outline);
+}
+
+/*** Unit state ***/
+[data-object|="unit"] .unit-state {
+    background-repeat: no-repeat;
+    height: 20px;
+    position: absolute;
+    width: 20px;
+    left: 0px;
+    top: 0px;
+}
+
+[data-object|="unit"][data-state="rtb"] .unit-state {
+    background-image: url("/resources/theme/images/states/rtb.svg");
+}
+
+[data-object|="unit"][data-state="land"] .unit-state {
+    background-image: url("/resources/theme/images/states/rtb.svg");
+}
+
+[data-object|="unit"][data-state="idle"] .unit-state {
+    background-image: url("/resources/theme/images/states/idle.svg");
+}
+
+[data-object*="groundunit"][data-state="idle"] .unit-state {
+    background-image: url("");  /* To avoid clutter, dont show the idle state for non flying units */
+}
+
+[data-object|="unit"][data-state="attack"] .unit-state,
+[data-object|="unit"][data-state="bombing point"] .unit-state,
+[data-object|="unit"][data-state="carpet bombing"] .unit-state,
+[data-object|="unit"][data-state="firing at area"] .unit-state {
+    background-image: url("/resources/theme/images/states/attack.svg");
+}
+
+[data-object|="unit"][data-state="follow"] .unit-state {
+    background-image: url("/resources/theme/images/states/follow.svg");
+}
+
+[data-object|="unit"][data-state="refuel"] .unit-state {
+    background-image: url("/resources/theme/images/states/refuel.svg");
+}
+
+[data-object|="unit"][data-state="human"] .unit-state {
+    background-image: url("/resources/theme/images/states/human.svg");
+}
+
+[data-object|="unit"][data-state="dcs"] .unit-state {
+    background-image: url("/resources/theme/images/states/dcs.svg");
+}
+
+[data-object|="unit"][data-state="no-task"] .unit-state {
+    background-image: url("/resources/theme/images/states/no-task.svg");
+}
+
+/*** Dead unit ***/
+[data-object|="unit"][data-is-dead] .unit-selected-spotlight,
+[data-object|="unit"][data-is-dead] .unit-short-label,
+[data-object|="unit"][data-is-dead] .unit-vvi,
+[data-object|="unit"][data-is-dead] .unit-hotgroup,
+[data-object|="unit"][data-is-dead] .unit-hotgroup-id,
+[data-object|="unit"][data-is-dead] .unit-state,
+[data-object|="unit"][data-is-dead] .unit-fuel,
+[data-object|="unit"][data-is-dead] .unit-ammo,
+[data-object|="unit"][data-is-dead]:hover .unit-fuel,
+[data-object|="unit"][data-is-dead]:hover .unit-ammo {
+    display: none;
+}
+
+[data-object|="unit"][data-is-dead] .unit-summary>* {
+    display: none;
+}
+
+[data-object|="unit"][data-is-dead] .unit-summary .unit-callsign {
+    display: block;
+}
+
+.ol-temporary-marker {
+    opacity: 0.5;
+}

client/public/stylesheets/mouseinfopanel.css

@@ -1,91 +0,0 @@
-#mouse-info-panel {
-	bottom: 60px;
-	display:flex;
-	flex-direction: column;
-	height: fit-content;
-	position: absolute;
-	right: 10px;
-	row-gap: 10px;
-	width: 160px;
-	z-index: 1000;
-}
-
-
-#mouse-info-panel > * {
-	background-color: var( --background-grey );
-	border-radius: var( --border-radius-sm );
-	padding:6px;
-}
-
-
-#mouse-info-panel dl {
-	margin-bottom:4px;
-	row-gap: 8px;
-}
-
-#mouse-info-panel dt {
-	height:20px;
-	width:30%;
-}
-
-#mouse-info-panel dt::after {
-	align-items: center;
-	background-color: white;
-	border-radius: var( --border-radius-sm );
-	color: var( --background-steel );
-	display:flex;
-	font-size:15.6px;
-	font-weight: bolder;
-	height:16px;
-	justify-content: center;
-	line-height: 16px;
-	padding:4px;
-	text-transform: uppercase;
-	width:16px;
-}
-
-#mouse-info-panel dt#ref-unit-position::after {
-	background-image: url( "/images/icons/ruler.svg" );
-	background-position: 50% 50%;
-	background-repeat: no-repeat;
-	background-size:16px 16px;
-	content: "";
-}
-
-#mouse-info-panel dt#ref-measure-position::after {
-	background-image: url( "/images/pin.png" );
-	background-position: 50% 50%;
-	background-repeat: no-repeat;
-	background-size:16px 16px;
-	content: "";
-}
-
-
-#mouse-info-panel dt[data-label]::after {
-	content: attr( data-label );
-}
-
-#mouse-info-panel dt[data-coalition="blue"]::after {
-	background-color: var( --primary-blue );
-}
-
-#mouse-info-panel dt[data-coalition="red"]::after {
-	background-color: var( --primary-red );
-}
-
-
-#mouse-info-panel dt[data-tooltip]:hover::before {
-	background-color: var( --background-grey );
-	border-radius: 5px;
-	content: attr( data-tooltip );
-	display:flex;
-	flex-wrap: nowrap;
-	padding: 5px;
-	position: absolute;
-	translate: calc( -100% - 15px ) 0;
-	white-space: nowrap;
-}
-
-#mouse-info-panel dd {
-	width:70%;
-}

client/public/stylesheets/other/contextmenus.css

@@ -0,0 +1,446 @@
+#map-contextmenu {
+    display: flex;
+    flex-direction: column;
+    height: fit-content;
+    position: absolute;
+    row-gap: 5px;
+    width: 300px;
+    z-index: 9999;
+}
+
+#map-contextmenu>div:nth-child(2) {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding-right: 0px;
+}
+
+#map-contextmenu>div:nth-child(3) {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding-right: 0px;
+}
+
+#map-contextmenu>div:nth-child(n+4) {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    row-gap: 5px;
+}
+
+#aircraft-spawn-menu,
+#helicopter-spawn-menu,
+#groundunit-spawn-menu,
+#navyunit-spawn-menu {
+    height: fit-content;
+}
+
+#active-coalition-label {
+    border-radius: 999px;
+    color: var(--nav-text);
+    font-size: 12px;
+    font-weight: 600;
+    height: fit-content;
+    padding: 3px 10px;
+    padding-bottom: 3px;
+    position: absolute;
+    top: -28px;
+    width: fit-content;
+}
+
+#coalition-switch {
+    margin-right: 10px;
+    height: 25px;
+    width: 50px;
+}
+
+#aircraft-spawn-menu .ol-select.is-open .ol-select-options,
+#helicopter-spawn-menu .ol-select.is-open .ol-select-options {
+    max-height: 300px;
+}
+
+.deploy-unit-button {
+    margin-top: 5px;
+    text-align: center;
+    width: 100%;
+}
+
+.deploy-unit-button[data-points]:not([data-points='']):not([data-points='0']):not([data-points='Infinity'])::after {
+    content: " (" attr(data-points) " points)";
+}
+
+.upper-bar svg>* {
+    fill: white;
+}
+
+.upper-bar svg {
+    width: 22px;
+    margin: 0px 5px;
+}
+
+.upper-bar button:nth-child(2) {
+    margin-left: auto;
+}
+
+[data-coalition="blue"]#active-coalition-label,
+[data-coalition="blue"].deploy-unit-button,
+[data-coalition="blue"]#spawn-airbase-aircraft-button,
+[data-coalition="blue"].create-iads-button {
+    background-color: var(--primary-blue)
+}
+
+[data-coalition="red"]#active-coalition-label,
+[data-coalition="red"].deploy-unit-button,
+[data-coalition="red"]#spawn-airbase-aircraft-button,
+[data-coalition="red"].create-iads-button {
+    background-color: var(--primary-red)
+}
+
+[data-coalition="neutral"]#active-coalition-label,
+[data-coalition="neutral"].deploy-unit-button,
+[data-coalition="neutral"]#spawn-airbase-aircraft-button,
+[data-coalition="neutral"].create-iads-button {
+    background-color: var(--primary-neutral)
+}
+
+[data-coalition="blue"].deploy-unit-button:disabled {
+    background-color: transparent;
+    border: 1px solid var(--primary-blue);
+    cursor: default;
+}
+
+[data-coalition="red"].deploy-unit-button:disabled {
+    background-color: transparent;
+    border: 1px solid var(--primary-red);
+    cursor: default;
+}
+
+[data-coalition="neutral"].deploy-unit-button:disabled {
+    background-color: transparent;
+    border: 1px solid var(--primary-neutral);
+    cursor: default;
+}
+
+[data-coalition="blue"]#active-coalition-label::after {
+    content: "Create blue unit";
+}
+
+[data-coalition="red"]#active-coalition-label::after {
+    content: "Create red unit";
+}
+
+[data-coalition="neutral"]#active-coalition-label::after {
+    content: "Create neutral unit";
+}
+
+#aircraft-loadout-preview,
+#helicopter-loadout-preview {
+    align-content: space-between;
+    align-items: center;
+    column-gap: 20px;
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+}
+
+#aircaft-loadout-list,
+#helicopter-loadout-list  {
+    align-content: center;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+#aircraft-unit-image,
+#helicopter-unit-image  {
+    filter: invert(100%);
+    height: 100px;
+    margin-bottom: 10px;
+    margin-top: 10px;
+    width: 100px;
+}
+
+#smoke-spawn-menu {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+}
+
+#explosion-menu>button,
+#smoke-spawn-menu>button {
+    align-items: center;
+    column-gap: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    text-align: left;
+    width: 100%;
+}
+
+#smoke-spawn-menu>button::before {
+    border-radius: 999px;
+    content: "";
+    display: block;
+    height: 10px;
+    width: 10px;
+}
+
+[data-smoke-color="red"]::before {
+    background-color: red;
+}
+
+[data-smoke-color="white"]::before {
+    background-color: white;
+}
+
+[data-smoke-color="blue"]::before {
+    background-color: blue;
+}
+
+[data-smoke-color="green"]::before {
+    background-color: green;
+}
+
+[data-smoke-color="orange"]::before {
+    background-color: orange;
+}
+
+.ol-context-menu .ol-slider-value {
+	color: var(--accent-light-blue);
+	cursor: pointer;
+	font-size: 14px;
+	font-weight: bold;
+}
+
+.ol-context-menu .ol-slider-container {
+    padding: 0px 10px;
+}
+
+.contextmenu-options-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-left: 10px;
+}
+
+.contextmenu-options-container>*:nth-child(2) {
+    width: 120px;
+}
+
+/* Unit context menu */
+#unit-contextmenu {
+    display: flex;
+    flex-direction: column;
+    height: fit-content;
+    padding: 15px;
+    position: absolute;
+    row-gap: 5px;
+    width: fit-content;
+    z-index: 9999;
+}
+
+#unit-contextmenu button {
+    border: 1px solid var(--background-offwhite);
+    border-radius: var(--border-radius-sm);
+    font-weight: normal;
+    padding: 12px;
+}
+
+#unit-contextmenu div {
+    align-content: center;
+    display: flex;
+    flex-direction: row;
+}
+
+#unit-contextmenu div:before {
+    display: inline-block;
+    filter: invert(100%);
+    height: 16px;
+    margin-right: 15px;
+    width: 16px;
+}
+
+#center-map::before {
+    content: url("/resources/theme/images/icons/arrows-to-eye-solid.svg");
+}
+
+#refuel::before {
+    content: url("/resources/theme/images/icons/fuel.svg");
+}
+
+#attack::before {
+    content: url("/resources/theme/images/icons/sword.svg");
+}
+
+#bomb::before {
+    content: url("/resources/theme/images/icons/crosshairs-solid.svg");
+}
+
+#carpet-bomb::before {
+    content: url("/resources/theme/images/icons/explosion-solid.svg");
+}
+
+#fire-at-area::before {
+    content: url("/resources/theme/images/icons/crosshairs-solid.svg");
+}
+
+#follow::before {
+    content: url("/resources/theme/images/icons/follow.svg");
+}
+
+#trail::before {
+    content: url("/resources/theme/images/icons/trail.svg");
+}
+
+#echelon-lh::before {
+    content: url("/resources/theme/images/icons/echelon-lh.svg");
+}
+
+#echelon-rh::before {
+    content: url("/resources/theme/images/icons/echelon-rh.svg");
+}
+
+#line-abreast-rh::before,
+#line-abreast-lh::before {
+    content: url("/resources/theme/images/icons/line-abreast.svg");
+}
+
+#front::before {
+    content: url("/resources/theme/images/icons/front.svg");
+}
+
+#diamond::before {
+    content: url("/resources/theme/images/icons/diamond.svg");
+}
+
+#custom::before {
+    content: url("/resources/theme/images/icons/custom.svg");
+}
+
+#custom-formation-dialog {
+    width: 250px;
+}
+
+#custom-formation-dialog>.ol-dialog-content {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    margin-bottom: 10px;
+    margin-top: 10px;
+    row-gap: 10px;
+}
+
+#custom-formation-dialog>.ol-dialog-content>.ol-group {
+    justify-content: space-between;
+    width: 100%;
+}
+
+#reference-system {
+    content: url("/images/reference-system.svg");
+    display: inline-block;
+    filter: invert(100%);
+    position: absolute;
+    transform: translate(-50%, -50%);
+    width: 50px;
+}
+
+.formation-position-clock {
+    height: 100px;
+    margin: 15px;
+    position: relative;
+    width: 100px;
+}
+
+.formation-position-clock>.clock-hand {
+    align-items: center;
+    display: flex;
+    height: 20px;
+    justify-content: center;
+    position: absolute;
+    transform: translate(-50%, -50%);
+    width: 20px;
+}
+
+/* Airbase context menu */
+#airbase-contextmenu {
+    display: flex;
+    flex-direction: column;
+    height: fit-content;
+    position: absolute;
+    row-gap: 5px;
+    width: 180px;
+    z-index: 9999;
+}
+
+/* Coalition area context menu */
+#coalition-area-contextmenu {
+    display: flex;
+    flex-direction: column;
+    height: fit-content;
+    position: absolute;
+    row-gap: 5px;
+    width: 300px;
+    z-index: 9999;
+}
+
+#coalition-area-switch {
+    margin-right: 10px;
+    height: 25px;
+    width: 50px;
+}
+
+#coalition-area-contextmenu .ol-checkbox {
+    align-self: flex-start;
+}
+
+#coalition-units-checkbox {
+    padding: 10px 10px;
+}
+
+#iads-menu .ol-select-options>* {
+    padding-top: 8px;
+    padding-bottom: 8px;
+}
+
+#iads-menu .ol-select-options>*:first-child {
+    padding-top: 15px;
+}
+
+#iads-menu .ol-select-options>*:last-child {
+    padding-bottom: 15px;
+}
+
+#iads-menu .ol-select {
+    width: 100%;
+}
+
+#iads-menu {
+    row-gap: 10px;
+}
+
+#coalition-area-contextmenu>div:nth-child(2) {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    padding-right: 0px;
+}
+
+#coalition-area-contextmenu>div:nth-child(n+3) {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    row-gap: 5px;
+}
+
+.create-iads-button {
+    margin-top: 5px;
+    text-align: center;
+    width: 100%;
+}

client/public/stylesheets/other/popup.css

@@ -1,13 +1,3 @@
-#info-popup {
-    position: absolute;
-    width: fit-content;
-    height: fit-content;
-    top: 100px;
-    left: 50%;
-    translate: -50% 0%;
-    z-index: 9999;
-}
-
 .ol-popup > div {
     padding-left: 15px;
     padding-right: 15px;

client/public/stylesheets/panels/connectionstatus.css

@@ -1,12 +1,3 @@
-#connection-status-panel {
-	bottom: 20px;
-	font-size:12px;
-	position: absolute;
-	right: 10px;
-	width: 160px;
-	z-index: 1000;
-}
-
 #connection-status-panel dt::before {
 	content: "No connection";
 }
@@ -15,15 +6,14 @@
 	border-radius: 50%;
 	background: red;
 	content: " ";
-	height:12px;
+	height: 12px;
-	width:12px;
+	width: 12px;
 }
 
-
 #connection-status-panel[data-is-connected] dt::before {
 	content: "Connected";
 }
 
 #connection-status-panel[data-is-connected] dd::after {
-	background:var( --accent-green );
+	background: var(--accent-green);
 }

client/public/stylesheets/panels/logpanel.css

@@ -0,0 +1,28 @@
+#log-panel>div:first-child {
+	width: 100%;
+	height: 38px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+}
+
+#log-panel svg {
+    pointer-events: none;
+}
+
+#log-panel>div:nth-child(2) {
+    display: none;
+	margin-top: 5px;
+	width: 100%;
+	height: calc(100% - 40px);
+	background-color: #00000055;
+}
+
+#log-panel.open {
+	height: 505px;
+}
+
+#log-panel.open>div:nth-child(2) {
+	display: block;
+}

client/public/stylesheets/panels/mouseinfo.css

@@ -0,0 +1,109 @@
+#mouse-info-panel>* {
+	background-color: var(--background-grey);
+	border-radius: var(--border-radius-sm);
+	padding: 6px;
+}
+
+#mouse-info-panel dl {
+	margin-bottom: 4px;
+	row-gap: 5px;
+}
+
+#mouse-info-panel dt {
+	height: fit-content;
+	width: 30%;
+}
+
+#mouse-info-panel dt::after {
+	align-items: center;
+	background-color: white;
+	border-radius: var(--border-radius-sm);
+	color: var(--background-steel);
+	display: flex;
+	font-size: 15.6px;
+	font-weight: bolder;
+	height: 16px;
+	justify-content: center;
+	line-height: 16px;
+	padding: 4px;
+	text-transform: uppercase;
+	width: 16px;
+}
+
+#mouse-info-panel #measuring-tool dt {
+	height: 24px;
+	width: 24px;
+	background-color: var(--background-offwhite);
+	border-radius: var(--border-radius-sm);
+}
+
+#mouse-info-panel #measuring-tool svg {
+	padding: 3px;
+	height: 100%;
+	width: 100%;
+}
+
+#mouse-info-panel #measuring-tool dt svg>* {
+	fill: black;
+	stroke: black;
+}
+
+#mouse-info-panel dt[data-label]::after {
+	content: attr(data-label);
+}
+
+#mouse-info-panel dt[data-coalition="blue"]::after {
+	background-color: var(--primary-blue);
+}
+
+#mouse-info-panel dt[data-coalition="red"]::after {
+	background-color: var(--primary-red);
+}
+
+#mouse-info-panel dt[data-tooltip]:hover::before {
+	background-color: var(--background-grey);
+	border-radius: 5px;
+	content: attr(data-tooltip);
+	display: flex;
+	flex-wrap: nowrap;
+	padding: 5px;
+	position: absolute;
+	translate: calc(-100% - 15px) 0;
+	white-space: nowrap;
+}
+
+#mouse-info-panel dd {
+	width: 70%;
+}
+
+.br-info::after {
+    content: attr(data-bearing) '\00B0  / ' attr(data-distance) " " attr(data-distance-units);
+	font-weight: bold;
+	font-size: 13px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	color: var(--background-offwhite);
+}
+
+.br-info[data-coalition="blue"]::after {
+    color: var(--primary-blue)
+}
+
+.br-info[data-coalition="red"]::after {
+    color: var(--primary-red)
+}
+
+.br-info[data-message]::after {
+    content: attr(data-message);
+}
+
+.coordinates::after {
+    content: attr(data-value);
+	font-weight: bold;
+	font-size: 13px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	color: var(--background-offwhite);
+}

client/public/stylesheets/panels/serverstatus.css

@@ -0,0 +1,43 @@
+#server-status-panel {
+	display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    column-gap: 10px;
+}
+
+#server-status-panel .ol-data-grid {
+    width: 100%;
+}
+
+#server-status-panel .ol-data-grid:first-of-type {
+    border-right: 1px solid gray;
+    padding-right: 10px;
+}
+
+#server-status-panel dd {
+    font-weight: bold;
+}
+
+.fps-low {
+    color: red;
+}
+
+.fps-medium {
+    color: orange;
+}
+
+.fps-high {
+    color: lightgreen;
+}
+
+.load-low {
+    color: lightgreen;
+}
+
+.load-medium {
+    color: orange;
+}
+
+.load-high {
+    color: red;
+}

client/public/stylesheets/panels/unitcontrol.css

@@ -0,0 +1,230 @@
+body.feature-forceShowUnitControlPanel #unit-control-panel {
+	display: block !important;
+}
+
+#unit-control-panel {
+	display: flex;
+	flex-direction: column;
+	row-gap: 10px;
+}
+
+#unit-control-panel h3 {
+	margin-bottom: 8px;
+}
+
+#unit-control-panel #selected-units-container {
+	align-items: left;
+	border-radius: var(--border-radius-md);
+	display: flex;
+	flex-direction: column;
+	max-height: 215px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	row-gap: 4px;
+}
+
+#unit-control-panel #selected-units-container button {
+	align-items: center;
+	border-radius: var(--border-radius-md);
+	display: flex;
+	font-size: 11px;
+	height: 32px;
+	justify-content: space-between;
+	margin-right: 5px;
+	position: relative;
+	width: calc(100% - 5px);
+}
+
+#unit-control-panel #selected-units-container button::after {
+	border-radius: 999px;
+	color: var(--secondary-semitransparent-white);
+	content: attr(data-label);
+	font-size: 10px;
+	padding: 4px 6px;
+	white-space: nowrap;
+	width: fit-content;
+}
+
+#unit-control-panel #selected-units-container button:hover::after {
+	max-width: 100%;
+	text-overflow: unset;
+}
+
+#unit-control-panel #selected-units-container button::before {
+	border-radius: var(--border-radius-sm);
+	content: attr(data-callsign);
+	display: block;
+	overflow: hidden;
+	padding: 4px;
+	padding-left: 0;
+	text-align: left;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: fit-content;
+}
+
+#unit-control-panel h4 {
+	margin-bottom: 8px;
+}
+
+#advanced-settings-dialog {
+	width: 400px;
+}
+
+#advanced-settings-dialog>.ol-dialog-content {
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
+	margin-bottom: 10px;
+	margin-top: 10px;
+	row-gap: 10px;
+}
+
+#advanced-settings-dialog>.ol-dialog-content>div {
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
+	row-gap: 10px;
+}
+
+#advanced-settings-dialog>.ol-dialog-content>div>.ol-group {
+	justify-content: space-between;
+}
+
+#advanced-settings-dialog h4 {
+	white-space: nowrap;
+}
+
+#advanced-settings-dialog hr {
+	margin-bottom: 10px;
+	margin-top: 15px;
+}
+
+#advanced-settings-dialog .ol-text-input input {
+	height: 40px;
+}
+
+#general-settings-grid {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	row-gap: 10px;
+}
+
+#general-settings-grid>div {
+	width: 49%;
+}
+
+#flight-data .ol-slider {
+	margin: 20px 0px;
+}
+
+.ol-slider-container dd {
+	column-gap: 5px;
+}
+
+#flight-data .ol-switch {
+	height: 20px;
+	width: 50px;
+}
+
+#flight-data .ol-switch-fill {
+	background-color: var(--accent-light-blue);
+}
+
+#flight-data .ol-switch-fill::after {
+	background-color: white;
+}
+
+#altitude-type-switch[data-value="true"]>.ol-switch-fill::before {
+	content: "AGL";
+}
+
+#altitude-type-switch[data-value="false"]>.ol-switch-fill::before {
+	content: "ASL";
+}
+
+#speed-type-switch[data-value="true"]>.ol-switch-fill::before {
+	content: "GS";
+}
+
+#speed-type-switch[data-value="false"]>.ol-switch-fill::before {
+	content: "CAS";
+}
+
+#unit-control-panel .ol-slider-value {
+	color: var(--accent-light-blue);
+	cursor: pointer;
+	font-size: 14px;
+	font-weight: bold;
+}
+
+#unit-control-panel .switch-control {
+	align-items: center;
+	display: grid;
+	grid-template-columns: 1.35fr 0.65fr;
+}
+
+#unit-control-panel .switch-control>*:nth-child(2) {
+	justify-self: end;
+}
+
+#unit-control-panel .switch-control>*:nth-child(3) {
+	color: var(--secondary-semitransparent-white);
+}
+
+#unit-control-panel .switch-control h4 {
+	margin: 0px;
+}
+
+#unit-control-panel .switch-control .ol-switch {
+	height: 25px;
+	width: 60px;
+}
+
+#unit-control-panel .switch-control .ol-switch-fill {
+	background-color: var(--accent-light-blue);
+}
+
+#unit-control-panel .switch-control .ol-switch-fill::after {
+	background-color: white;
+}
+
+#unit-control-panel .switch-control .ol-switch[data-value="true"]>.ol-switch-fill::before {
+	content: "YES";
+}
+
+#unit-control-panel .switch-control .ol-switch[data-value="false"]>.ol-switch-fill::before {
+	content: "NO";
+}
+
+#advanced-settings-div {
+	column-gap: 5px;
+	display: flex;
+}
+
+#advanced-settings-div>*:nth-child(2) {
+	margin-left: auto;
+}
+
+#advanced-settings-div button {
+	height: 40px;
+}
+
+/* Element visibility control */
+#unit-control-panel:not([data-show-categories-tooltip]) #categories-tooltip,
+#unit-control-panel:not([data-show-speed-slider]) #speed-slider,
+#unit-control-panel:not([data-show-altitude-slider]) #altitude-slider,
+#unit-control-panel:not([data-show-roe]) #roe,
+#unit-control-panel:not([data-show-threat]) #threat,
+#unit-control-panel:not([data-show-emissions-countermeasures]) #emissions-countermeasures,
+#unit-control-panel:not([data-show-on-off]) #ai-on-off,
+#unit-control-panel:not([data-show-follow-roads]) #follow-roads,
+#unit-control-panel:not([data-show-advanced-settings-button]) #advanced-settings-button,
+#advanced-settings-dialog:not([data-show-settings]) #general-settings,
+#advanced-settings-dialog:not([data-show-tasking]) #tasking,
+#advanced-settings-dialog:not([data-show-tanker]) #tanker-checkbox,
+#advanced-settings-dialog:not([data-show-AWACS]) #AWACS-checkbox,
+#advanced-settings-dialog:not([data-show-TACAN]) #TACAN-options,
+#advanced-settings-dialog:not([data-show-radio]) #radio-options {
+	display: none;
+}

client/public/stylesheets/panels/unitinfo.css

@@ -0,0 +1,124 @@
+#unit-info-panel>* {
+	position: relative;
+	min-height: 100px;
+	bottom: 0px;
+}
+
+#general {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	row-gap: 4px;
+	position: relative;
+}
+
+#unit-label {
+	font-weight: bold;
+}
+
+#unit-control {
+	color: var(--secondary-lighter-grey);
+	font-weight: bold;
+}
+
+#unit-name {
+	margin-bottom: 4px;
+	padding: 0px 0;
+}
+
+#current-task {
+	border-radius: var(--border-radius-md);
+	margin-top: auto;
+	padding: 6px 16px;
+}
+
+#current-task::after {
+	content: attr(data-current-task);
+	display: block;
+}
+
+#loadout {
+	display: flex;
+	overflow: visible;
+	width: 100%;
+	min-width: 125px;
+}
+
+#loadout-container {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+}
+
+#loadout-silhouette {
+	filter: invert(100%);
+	height: 100px;
+	margin-right: 25px;
+	width: 100px;
+}
+
+#loadout-items {
+	align-self: center;
+	display: flex;
+	flex-flow: column nowrap;
+	row-gap: 8px;
+}
+
+#loadout-items>* {
+	align-items: center;
+	column-gap: 8px;
+	display: flex;
+	white-space: nowrap;
+}
+
+#loadout-items>*::before {
+	align-items: center;
+	background-color: var(--secondary-light-grey);
+	border-radius: 999px;
+	content: attr(data-qty);
+	display: flex;
+	font-size: 11px;
+	font-weight: bold;
+	padding: 4px 6px;
+}
+
+#loadout-items>*::after {
+	content: attr(data-item);
+	max-width: 125px;
+	overflow: hidden;
+	position: relative;
+	text-overflow: ellipsis;
+	width: 100%;
+}
+
+#fuel-percentage {
+	align-items: center;
+	display: flex;
+	margin-top: auto;
+}
+
+#fuel-percentage::before {
+	content: url("/resources/theme/images/icons/fuel.svg");
+	display: inline-block;
+	filter: invert(100%);
+	height: 16px;
+	margin-right: 6px;
+	width: 16px;
+}
+
+#fuel-percentage::after {
+	content: attr(data-percentage) "%";
+}
+
+#fuel-display {
+	background-color: var(--background-grey);
+	border-radius: var(--border-radius-md);
+	height: 6px;
+	margin-top: 4px;
+	overflow: hidden;
+}
+
+#fuel-display #fuel-bar {
+	border-radius: var(--border-radius-md);
+	height: 100%;
+}

client/public/stylesheets/unitcontrolpanel.css

@@ -1,116 +0,0 @@
-body.feature-forceShowUnitControlPanel #unit-control-panel {
-	display:block !important;
-}
-
-
-#unit-control-panel {
-	height: fit-content;
-	left: 10px;
-	position: absolute;
-	top: 80px;
-	width: 250px;
-	z-index: 1000;
-}
-
-#unit-control-panel h3 {
-	margin-bottom:8px;
-}
-
-#unit-control-panel #selected-units-container {
-	align-items: left;
-	border-radius: var( --border-radius-md );
-	display:flex;
-	flex-direction: column;
-	max-height: 136px;
-	overflow-y:auto;
-	row-gap: 4px;
-}
-
-#unit-control-panel #selected-units-container button {
-	align-items: center;
-	border-radius: var( --border-radius-lg );
-	display:flex;
-	font-size: 11px;
-	height:30px;
-	padding:8px 0;
-	position: relative;
-	width:90%;
-}
-
-#unit-control-panel #selected-units-container button::before {
-	background-color: var( --primary-grey );
-	border-radius: var( --border-radius-md );
-	content: attr( data-short-label );
-	margin:0 5px;
-	padding:4px 6px;
-	white-space: nowrap;
-	width:fit-content;
-}
-
-
-
-#unit-control-panel #selected-units-container button[data-coalition="blue"]::before {
-	background-color: var( --accent-light-blue );
-}
-
-#unit-control-panel #selected-units-container button[data-coalition="red"]::before {
-	background-color: var( --accent-light-red );
-	color:var(--secondary-red-outline)
-}
-
-#unit-control-panel #selected-units-container button::after {
-	border-radius: var( --border-radius-sm );
-	content: attr( data-callsign );
-	display: block;
-	overflow: hidden;
-	padding:4px;
-	padding-left:0;
-	text-align: left;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	width:fit-content;
-}
-
-
-#unit-control-panel #selected-units-container button:hover::after {
-	overflow: visible;
-	text-overflow:initial;
-}
-
-#unit-control-panel #selected-units-container button:hover::after {
-	background-color: var( --background-grey );
-}
-
-#unit-control-panel #selected-units-container button[data-coalition="blue"]:hover::after {
-	background-color: var( --primary-blue );
-}
-
-#unit-control-panel #selected-units-container button[data-coalition="red"]:hover::after {
-	background-color: var( --primary-red );
-}
-
-#unit-control-panel h4 {
-	margin-bottom:8px;
-}
-
-#unit-control-panel #threat,
-#unit-control-panel #roe {
-	margin-top:12px;
-}
-
-#advanced-settings-dialog {
-	width: 400px;
-}
-
-#advanced-settings-dialog > .ol-dialog-content {
-	margin-top: 10px;
-	margin-bottom: 10px;
-	display: flex;
-	flex-direction: column;
-	flex-wrap: nowrap;
-	row-gap: 10px;
-}
-
-#advanced-settings-dialog > .ol-dialog-content > .ol-group {
-	justify-content: space-between;
-}

client/public/stylesheets/unitinfopanel.css

@@ -1,119 +0,0 @@
-
-#unit-info-panel {
-	bottom: 20px;
-	font-size:12px;
-	position: absolute;
-	left: 10px;
-	width: fit-content;
-	z-index: 1000;
-}
-
-
-#unit-info-panel #unit-name {
-	padding:0px 0;
-	margin-bottom:4px;
-}
-
-#unit-info-panel #current-task {
-	border-radius: var( --border-radius-lg );
-	margin-top:8px;
-	padding:6px 16px;
-}
-
-#unit-info-panel #current-task::after {
-	content: attr( data-current-task );
-	display:block;
-}
-
-
-#loadout {
-	display:flex;
-	overflow: visible;
-}
-
-#loadout-silhouette {
-	align-items: center;
-	display:flex;
-	justify-content: center;
-	width:100px;
-}
-
-#loadout-silhouette::before {
-	background-image: var( --loadout-background-image );
-	background-repeat: no-repeat;
-	background-size:75px 75px;
-	content:"";
-	display:block;
-	filter: invert( 100% );
-	height:75px;
-	translate:-10px 0;
-	width:75px;
-}
-
-#loadout-items {
-	align-self: center;
-	display:flex;
-	flex-flow: column nowrap;
-	row-gap: 8px;
-}
-
-
-#loadout-items > * {
-	align-items: center;
-	column-gap: 8px;
-	display:flex;
-	justify-content: flex-end;
-	white-space: nowrap;
-}
-
-#loadout-items > *::before {
-	align-items: center;
-	background-color: var( --secondary-light-grey );
-	border-radius: var( --border-radius-sm );
-	content: attr( data-qty );
-	display:flex;
-	font-weight: var( --font-weight-bolder );
-	padding:1px 4px;
-}
-
-#loadout-items > *::after {
-	content: attr( data-item );
-	overflow: hidden;
-	position:relative;
-	text-overflow: ellipsis;
-	width:80px;
-}
-
-
-#fuel-percentage {
-	align-items: center;
-	display:flex;
-}
-
-#fuel-percentage::before {
-	content: url( /images/icons/fuel.svg );
-	display:inline-block;
-	filter:invert(100%);
-	height:16px;
-	margin-right:6px;
-	width:16px;
-}
-
-#fuel-percentage::after {
-	content: attr( data-percentage ) "%";
-}
-
-
-#fuel-display {
-	background-color: var( --background-grey );
-	border-radius: var( --border-radius-md );
-	height:6px;
-	margin-top:4px;
-	overflow: hidden;
-}
-
-#fuel-display #fuel-bar {
-	border-radius: var( --border-radius-md );
-	height:100%;
-}
-

client/public/stylesheets/units.css

@@ -1,582 +0,0 @@
-:root {
-        /*  Generic marker settings  */
-        --unit-centre-x: calc( var( --unit-width ) / 2 );
-        --unit-centre-y: calc( var( --unit-height ) / 2 );
-    
-        --unit-hotgroup-height: 10px;
-        --unit-hotgroup-width: var( --unit-hotgroup-height );
-    
-    
-        /*  Air units' marker settings  */
-        --unit-aircraft-label-x: calc( var( --unit-centre-x ) - ( var( --unit-aircraft-width ) / 2 ) + ( var( --unit-stroke-width ) / 2 ) );
-        --unit-aircraft-label-y: calc( var( --unit-centre-y ) - ( var( --unit-aircraft-height ) / 2 ) + ( var( --unit-stroke-width ) / 2 ) );
-}
-
-
-[data-object|="unit"] {
-    align-items: center;
-    cursor:pointer;
-    display:flex;
-    justify-content: center;
-    position:relative;
-}
-
-[data-object|="unit"] .unit-selected-spotlight {
-    background-color: var( --unit-spotlight-fill );
-    border-radius: 50%;
-    display:none;
-    padding: var( --unit-spotlight-radius );
-    position: absolute;
-    z-index:1;
-}
-
-
-[data-object|="unit"] .unit-vvi {
-    align-self: center;
-    background:var( --secondary-gunmetal-grey );
-    display:flex;
-    justify-self: center;
-    transform-origin: bottom;
-    translate:0 -50%;
-    padding-bottom: calc( ( var( --unit-aircraft-width ) / 2 ) + var( --unit-stroke-width ) );
-    position:absolute;
-    width: var( --unit-aircraft-vvi-width );
-    z-index: 3;
-}
-
-
-[data-object|="unit"] .unit-hotgroup {
-    align-content: center;
-    background-color: black;
-    border-radius: var( --border-radius-xs );
-    display:none;
-    height: var( --unit-hotgroup-height );
-    justify-content: center;
-    position:absolute;
-    transform: rotate( -45deg );
-    translate:0 -275%;
-    width: var( --unit-hotgroup-width );
-    z-index: 5;
-}
-
-[data-object|="unit"] .unit-hotgroup-id {
-    background-color: transparent;
-    color:white;
-    font-size: 9px;
-    font-weight: bolder;
-    transform:rotate( 45deg );
-}
-
-[data-object|="unit"] .unit-marker-border {
-    border-radius: var( --border-radius-sm );
-    display:none;
-    height: calc( var( --unit-aircraft-height ) + ( var( --unit-label-border-width ) * 2 ) );
-    position:absolute;
-    width: calc( var( --unit-aircraft-width ) + ( var( --unit-label-border-width ) * 2 ) );
-    z-index:2;
-}
-
-
-/******************************
-    Marker
-******************************/
-
-[data-object|="unit"] .unit-marker {
-    background-color: transparent;
-    background-repeat: no-repeat;
-    background-size: cover;
-    position:absolute;
-    transform-origin: center;
-    z-index:3;
-}
-
-
-
-/*  Air  */
-
-[data-object|="unit-aircraft"] .unit-marker {
-    background-image: var( --unit-aircraft-marker-neutral-url );
-    height: var( --unit-aircraft-marker-height );
-    width: var( --unit-aircraft-marker-width );
-}
-
-[data-object|="unit-aircraft"]:hover .unit-marker {
-    background-image: var( --unit-aircraft-marker-neutral-hover-url );
-}
-
-[data-object|="unit-aircraft"][data-is-selected] .unit-marker {
-    background-image: var( --unit-aircraft-marker-neutral-selected-url );
-}
-
-
-[data-object|="unit-aircraft"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-aircraft-marker-blue-url );
-}
-
-[data-object|="unit-aircraft"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-aircraft-marker-blue-hover-url );
-}
-
-[data-object|="unit-aircraft"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-aircraft-marker-blue-selected-url );
-}
-
-
-[data-object|="unit-aircraft"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-aircraft-marker-red-url );
-}
-
-[data-object|="unit-aircraft"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-aircraft-marker-red-hover-url );
-}
-
-[data-object|="unit-aircraft"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-aircraft-marker-red-selected-url );
-}
-
-
-
-
-/*  Ground vehicles (not SAMs)  */
-
-[data-object|="unit-groundunit"] .unit-marker {
-    background-image: var( --unit-groundunit-marker-neutral-url );
-    height: var( --unit-groundunit-marker-height );
-    width: var( --unit-groundunit-marker-width );
-}
-
-[data-object|="unit-groundunit"]:hover .unit-marker {
-    background-image: var( --unit-groundunit-marker-neutral-hover-url );
-}
-
-[data-object|="unit-groundunit"][data-is-selected] .unit-marker {
-    background-image: var( --unit-groundunit-marker-neutral-selected-url );
-}
-
-
-[data-object|="unit-groundunit"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-groundunit-marker-blue-url );
-}
-
-[data-object|="unit-groundunit"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-groundunit-marker-blue-hover-url );
-}
-
-[data-object|="unit-groundunit"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-groundunit-marker-blue-selected-url );
-}
-
-
-[data-object|="unit-groundunit"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-groundunit-marker-red-url );
-}
-
-[data-object|="unit-groundunit"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-groundunit-marker-red-hover-url );
-}
-
-[data-object|="unit-groundunit"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-groundunit-marker-red-selected-url );
-}
-
-
-/*  SAMs  */
-
-[data-object|="unit-sam"] .unit-selected-spotlight {
-    translate:0 2px;
-}
-
-[data-object|="unit-sam"] .unit-marker {
-    background-image: var( --unit-sam-marker-neutral-url );
-    height: var( --unit-sam-marker-height );
-    width: var( --unit-sam-marker-width );
-}
-
-
-[data-object|="unit-sam"]:hover .unit-marker {
-    background-image: var( --unit-sam-marker-neutral-hover-url );
-}
-
-[data-object|="unit-sam"][data-is-selected] .unit-marker {
-    background-image: var( --unit-sam-marker-neutral-selected-url );
-}
-
-
-[data-object|="unit-sam"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-sam-marker-blue-url );
-}
-
-[data-object|="unit-sam"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-sam-marker-blue-hover-url );
-}
-
-[data-object|="unit-sam"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-sam-marker-blue-selected-url );
-}
-
-
-[data-object|="unit-sam"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-sam-marker-red-url );
-}
-
-[data-object|="unit-sam"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-sam-marker-red-hover-url );
-}
-
-[data-object|="unit-sam"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-sam-marker-red-selected-url );
-}
-
-
-/*  navyunit  */
-
-[data-object|="unit-navyunit"] .unit-selected-spotlight {
-    translate:0 -2px;
-}
-
-[data-object|="unit-navyunit"] .unit-marker {
-    background-image: var( --unit-navyunit-marker-neutral-url );
-    height: var( --unit-navyunit-marker-height );
-    width: var( --unit-navyunit-marker-width );
-}
-
-
-[data-object|="unit-navyunit"]:hover .unit-marker {
-    background-image: var( --unit-navyunit-marker-neutral-hover-url );
-}
-
-[data-object|="unit-navyunit"][data-is-selected] .unit-marker {
-    background-image: var( --unit-navyunit-marker-neutral-selected-url );
-}
-
-
-[data-object|="unit-navyunit"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-navyunit-marker-blue-url );
-}
-
-[data-object|="unit-navyunit"][data-coalition="blue"]:hover .unit-marker {
-    background-image: var( --unit-navyunit-marker-blue-hover-url );
-}
-
-[data-object|="unit-navyunit"][data-coalition="blue"][data-is-selected] .unit-marker {
-    background-image: var( --unit-navyunit-marker-blue-selected-url );
-}
-
-
-[data-object|="unit-navyunit"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-navyunit-marker-red-url );
-}
-
-[data-object|="unit-navyunit"][data-coalition="red"]:hover .unit-marker {
-    background-image: var( --unit-navyunit-marker-red-hover-url );
-}
-
-[data-object|="unit-navyunit"][data-coalition="red"][data-is-selected] .unit-marker {
-    background-image: var( --unit-navyunit-marker-red-selected-url );
-}
-
-
-/*  Building  */
-
-[data-object|="unit-building"] .unit-marker {
-    background-image: var( --unit-building-marker-neutral-url );
-    height: var( --unit-building-marker-height );
-    width: var( --unit-building-marker-width );
-}
-
-
-[data-object|="unit-building"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-building-marker-blue-url );
-}
-
-
-[data-object|="unit-building"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-building-marker-red-url );
-}
-
-
-
-/*  Weapons  */
-
-[data-object|="unit-missile"], [data-object|="unit-bomb"] {
-    cursor: default;
-}
-
-[data-object|="unit-missile"] .unit-marker {
-    background-image: var( --unit-missile-marker-neutral-url );
-    height: var( --unit-missile-marker-height );
-    width: var( --unit-missile-marker-width );
-}
-
-[data-object|="unit-missile"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-missile-marker-blue-url );
-}
-
-[data-object|="unit-missile"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-missile-marker-red-url );
-}
-
-[data-object|="unit-bomb"] .unit-marker {
-    background-image: var( --unit-bomb-marker-neutral-url );
-    height: var( --unit-bomb-marker-height );
-    width: var( --unit-bomb-marker-width );
-}
-
-[data-object|="unit-bomb"][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-bomb-marker-blue-url );
-}
-
-[data-object|="unit-bomb"][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-bomb-marker-red-url );
-}
-
-
-/********************************************
-*  Labels
-********************************************/
-
-[data-object|="unit"] .unit-short-label {
-    color: var( --secondary-gunmetal-grey );
-    font-size: var(--unit-font-size);
-    font-weight: var(--unit-font-weight);
-    line-height: normal;
-    position: absolute;
-    z-index:10;
-}
-
-[data-object|="unit-groundunit"] .unit-short-label {
-    translate: -1px 0;
-}
-
-[data-object|="unit-sam"] .unit-short-label {
-    translate:0 50%;
-}
-
-[data-object|="unit-navyunit"] .unit-short-label {
-    translate:0 -50%;
-}
-
-
-[data-object|="unit"] .unit-fuel {
-    background:white;
-    border: var( --unit-aircraft-fuel-border-width ) solid var( --secondary-dark-steel );
-    border-radius: var( --border-radius-sm );
-    display:none;
-    height: var( --unit-aircraft-fuel-height );
-    position: absolute;
-    translate:var( --unit-aircraft-fuel-x ) var( --unit-aircraft-fuel-y );
-    width: var( --unit-aircraft-fuel-width );
-    z-index: 5;
-}
-
-[data-object|="unit"] .unit-fuel-level {
-    background-color: var( --secondary-light-grey );
-    height:100%;
-    width:100%;
-}
-
-
-[data-object|="unit"] .unit-ammo {
-    column-gap: var( --unit-aircraft-ammo-spacing );
-    display:none;
-    height:fit-content;
-    position:absolute;
-    translate:var( --unit-aircraft-ammo-x ) var( --unit-aircraft-ammo-y );
-    width:fit-content;
-}
-
-[data-object|="unit"] .unit-ammo > * {
-    background-color: white;
-    border: var( --unit-aircraft-ammo-border-width ) solid var( --secondary-dark-steel );
-    border-radius: 50%;
-    padding: var( --unit-aircraft-ammo-radius );
-}
-
-
-[data-object|="unit"] .unit-summary {
-    column-gap: 6px;
-    color:white;
-    display:flex;
-    flex-wrap: wrap;
-    font-size:11px;
-    font-weight: bold;
-    justify-content: right;
-    line-height: 12px;
-    position:absolute;
-    row-gap: 1px;
-    text-shadow:
-        -1px -1px 0 #000,  
-        1px -1px 0 #000,
-        -1px  1px 0 #000,
-        1px  1px 0 #000;
-    translate: -60px 0;
-    width:fit-content;
-    z-index:20;
-}
-
-[data-hide-labels] [data-object|="unit"] .unit-summary {
-    display:none;
-}
-
-[data-object|="unit"] .unit-summary > * {
-    padding:1px;
-}
-
-[data-object|="unit"] .unit-summary .unit-callsign {
-    color:white;
-    overflow: hidden;
-    text-align: right;
-    transform-origin: right;
-    white-space: nowrap;
-    width: 80px;
-}
-
-[data-object|="unit"] .unit-summary .unit-callsign:hover {
-    direction: rtl;
-    overflow:visible;
-}
-
-
-
-[data-object|="unit"][data-pilot|="ai"]:hover .unit-ammo,
-[data-object|="unit"][data-pilot|="ai"]:hover .unit-fuel {
-    display:flex;
-}
-
-[data-object|="unit"][data-is-in-hotgroup] .unit-hotgroup,
-[data-object|="unit"][data-pilot|="ai"][data-is-selected] .unit-ammo,
-[data-object|="unit"][data-pilot|="ai"][data-is-selected] .unit-fuel,
-[data-object|="unit"][data-is-selected] .unit-selected-spotlight {
-    display:flex;
-}
-
-[data-object|="unit"][data-has-fox-1] .unit-ammo-fox-1,
-[data-object|="unit"][data-has-fox-2] .unit-ammo-fox-2,
-[data-object|="unit"][data-has-fox-3] .unit-ammo-fox-3,
-[data-object|="unit"][data-has-other-ammo] .unit-ammo-other {
-    background-color: var( --secondary-gunmetal-grey );
-}
-
-
-
-
-[data-object|="unit"][data-coalition="blue"][data-is-selected] .unit-short-label {
-    color: var( --secondary-blue-text );
-}
-
-[data-object|="unit"][data-coalition="blue"] .unit-fuel-level,
-[data-object|="unit"][data-coalition="blue"][data-has-fox-1] .unit-ammo-fox-1,
-[data-object|="unit"][data-coalition="blue"][data-has-fox-2] .unit-ammo-fox-2,
-[data-object|="unit"][data-coalition="blue"][data-has-fox-3] .unit-ammo-fox-3,
-[data-object|="unit"][data-coalition="blue"][data-has-other-ammo] .unit-ammo-other {
-    background-color: var( --primary-blue );
-}
-
-[data-object|="unit"][data-coalition="blue"] .unit-vvi {
-    background-color: var( --secondary-blue-outline );
-}
-
-
-[data-object|="unit"][data-coalition="red"][data-is-selected] .unit-short-label {
-    color: var( --secondary-red-text );
-}
-
-[data-object|="unit"][data-coalition="red"] .unit-fuel-level,
-[data-object|="unit"][data-coalition="red"][data-has-fox-1] .unit-ammo-fox-1,
-[data-object|="unit"][data-coalition="red"][data-has-fox-2] .unit-ammo-fox-2,
-[data-object|="unit"][data-coalition="red"][data-has-fox-3] .unit-ammo-fox-3,
-[data-object|="unit"][data-coalition="red"][data-has-other-ammo] .unit-ammo-other {
-    background-color: var( --primary-red );
-}
-
-[data-object|="unit"][data-coalition="blue"] .unit-vvi {
-    background-color: var( --secondary-red-outline );
-}
-
-
-
-@keyframes pulse {
-    50% {
-      opacity: 0;
-    }
-}
-
-[data-object|="unit"][data-pilot|="ai"][data-has-low-fuel] .unit-fuel {
-    animation: pulse 1.5s linear infinite;
-}
-
-
-[data-object|="unit"] .unit-state {
-    background-repeat: no-repeat;
-    position:absolute;
-    height:var( --unit-aircraft-state-height );
-    width:var( --unit-aircraft-state-width );
-    z-index: 10;
-}
-
-[data-object|="unit"][data-state="rtb"] .unit-state {
-    background-image: var( --unit-aircraft-state-rtb );
-}
-
-[data-object|="unit"][data-state="land"] .unit-state {
-    background-image: var( --unit-aircraft-state-rtb );
-}
-
-[data-object|="unit"][data-state="idle"] .unit-state {
-    background-image: var( --unit-aircraft-state-idle );
-}
-
-[data-object|="unit"][data-state="attack"] .unit-state {
-    background-image: var( --unit-aircraft-state-attack );
-}
-
-[data-object|="unit"][data-state="follow"] .unit-state {
-    background-image: var( --unit-aircraft-state-follow );
-}
-
-[data-object|="unit"][data-state="refuel"] .unit-state {
-    background-image: var( --unit-aircraft-state-refuel );
-}
-
-/***  DEAD  ***/
-[data-object|="unit-aircraft"][ data-is-dead ] {
-    cursor: default;
-}
-
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-marker {
-    background-image: var( --unit-aircraft-marker-neutral-dead-url );
-    background-position: 50% 50%;
-    background-size: auto 32px;
-}
-
-[data-object|="unit-aircraft"][ data-is-dead ][data-coalition="blue"] .unit-marker {
-    background-image: var( --unit-aircraft-marker-blue-dead-url );
-}
-
-[data-object|="unit-aircraft"][ data-is-dead ][data-coalition="red"] .unit-marker {
-    background-image: var( --unit-aircraft-marker-red-dead-url );
-}
-
-
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-selected-spotlight,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-short-label,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-vvi,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-hotgroup,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-hotgroup-id,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-state,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-fuel,
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-ammo,
-[data-object|="unit-aircraft"][ data-is-dead ]:hover .unit-fuel,
-[data-object|="unit-aircraft"][ data-is-dead ]:hover .unit-ammo {
-    display:none !important;
-}
-
-
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-summary > * {
-    display:none;
-}
-
-[data-object|="unit-aircraft"][ data-is-dead ] .unit-summary .unit-callsign {
-    display:block;
-}
-

client/public/themes/olympus/images/buttons/emissions/attack.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="15"
+   height="15"
+   viewBox="0 0 15 15"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="designated.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     width="30px"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="5.9428571"
+     inkscape:cx="-29.026442"
+     inkscape:cy="16.237981"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 7.5000002,0 c 0.498,0 0.9375,0.4395 0.9375,0.9375 V 1.2598 C 11.1621,1.6699 13.3301,3.8379002 13.7402,6.5625002 h 0.3223 c 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 H 13.7402 C 13.3301,11.1914 11.1621,13.3594 8.4375002,13.7695 v 0.293 c 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 v -0.293 C 3.8086002,13.3594 1.6406,11.1914 1.2305,8.4375002 h -0.293 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 h 0.293 C 1.6406,3.8379002 3.8086002,1.6699 6.5625002,1.2598 V 0.9375 c 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 z m -4.3652,8.4375002 c 0.3515,1.7284998 1.6992,3.0761998 3.4277,3.4276998 V 11.25 c 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 0.498,0 0.9375,0.4395 0.9375,0.9375 v 0.6152 C 10.1367,11.5137 11.4844,10.166 11.8359,8.4375002 H 11.25 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 h 0.5859 c -0.3515,-1.6992 -1.6992,-3.0469 -3.3983998,-3.3984 v 0.5859 c 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 v -0.5859 c -1.7285,0.3515 -3.0762,1.6992 -3.4277,3.3984 h 0.6152 c 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 z m 4.3652,0 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/emissions/defend.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="14.063629"
+   height="14.9414"
+   viewBox="0 0 14.063629 14.9414"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="return.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="3.218149"
+     inkscape:cy="7.1304087"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 7.0324294,0 c 0.1172,0 0.2637,0.0293 0.3809,0.0879 l 5.5077996,2.3437 c 0.6445,0.293 1.1425,0.9082 1.1425,1.67 -0.0292,2.9296 -1.2304,8.2324 -6.2694996,10.664 -0.498,0.2344 -1.0547,0.2344 -1.5527,0 -5.0391,-2.4316 -6.24020004,-7.7344 -6.24020004,-10.664 -0.0293,-0.7618 0.4687,-1.377 1.11320004,-1.67 l 5.5078,-2.3437 C 6.7394294,0.0293 6.8859294,0 7.0324294,0 Z m 0,1.9629 V 13.0371 C 11.075429,11.0742 12.159429,6.7676 12.188629,4.1602 Z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/emissions/free.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="13.126647"
+   height="15.015483"
+   viewBox="0 0 13.126647 15.015483"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="free.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="43.789474"
+     inkscape:cx="4.5330529"
+     inkscape:cy="6.7710337"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 10.796771,3.75 c 0,1.31836 -0.7618,2.46094 -1.8750496,3.13476 v 0.61525 c 0,0.5273 -0.43945,0.9375 -0.9375,0.9375 h -2.8125 c -0.52734,0 -0.9375,-0.4102 -0.9375,-0.9375 V 6.88476 c -1.14258,-0.67382 -1.875,-1.8164 -1.875,-3.13476 0,-2.05078 1.875,-3.75 4.21875,-3.75 2.31445,0 4.2187996,1.69922 4.2187996,3.75 z M 4.9373514,5.15625 c 0.49804,0 0.9375,-0.41016 0.9375,-0.9375 0,-0.49805 -0.43946,-0.9375 -0.9375,-0.9375 -0.52735,0 -0.9375,0.43945 -0.9375,0.9375 0,0.52734 0.41015,0.9375 0.9375,0.9375 z m 4.21872,-0.9375 c 0,-0.49805 -0.43943,-0.9375 -0.93748,-0.9375 -0.52734,0 -0.9375,0.43945 -0.9375,0.9375 0,0.52734 0.41016,0.9375 0.9375,0.9375 0.49805,0 0.93748,-0.41016 0.93748,-0.9375 z M 0.10336144,8.02731 c 0.23438,-0.4687 0.79102,-0.6445 1.25976996,-0.4101 l 5.21484,2.6074 5.1854996,-2.6074 c 0.4688,-0.2344 1.0254,-0.0586 1.2598,0.4101 0.2344,0.4688 0.0586,1.0254 -0.4101,1.2598 l -3.9551196,1.9629 3.9551196,1.9922 c 0.4687,0.2344 0.6445,0.791 0.4101,1.2597 -0.2344,0.4688 -0.791,0.6446 -1.2598,0.4102 l -5.1854996,-2.6074 -5.21484,2.6074 c -0.46874996,0.2344 -1.02538996,0.0586 -1.25976996,-0.4102 -0.234374,-0.4687 -0.058593,-1.0253 0.41016,-1.2597 L 4.4685914,11.25001 0.51352144,9.28711 c -0.468753,-0.2344 -0.644534,-0.791 -0.41016,-1.2598 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/emissions/silent.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="9.3896503"
+   height="9.3896503"
+   viewBox="0 0 9.3896503 9.3896503"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="hold.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="1.1989183"
+     inkscape:cy="4.311899"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 9.103975,1.603975 c 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 l -3.0762,3.0761 -3.1055,-3.0761 c -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 -0.3809,0.3515 -0.3809,0.9668 0,1.3183 l 3.0761,3.0762 -3.0761,3.1055 c -0.3809,0.3515 -0.3809,0.9668 0,1.3183 0.3515,0.3809 0.9668,0.3809 1.3183,0 l 3.1055,-3.0761 3.0762,3.0761 c 0.3515,0.3809 0.9668,0.3809 1.3183,0 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 l -3.0761,-3.1055 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/other/back.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="back.svg"
+   width="32"
+   height="32"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="13.078125"
+     inkscape:cx="19.918757"
+     inkscape:cy="17.663082"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+     d="M 29.911273,24.547406 H 2.1935652 c -0.9582092,0 -1.73235714,0.774146 -1.73235714,1.732357 0,0.958208 0.77414794,1.732356 1.73235714,1.732356 H 29.911273 c 0.958209,0 1.732357,-0.774148 1.732357,-1.732356 0,-0.958211 -0.774148,-1.732357 -1.732357,-1.732357 z m -7.215201,-9.890675 c -0.676702,-0.676702 -1.775666,-0.676702 -2.452368,0 l -2.235822,2.241238 V 5.4914811 c 0,-0.9582093 -0.774146,-1.7323555 -1.732357,-1.7323555 -0.958211,0 -1.732355,0.7741462 -1.732355,1.7323555 V 16.897969 l -2.241238,-2.241238 c -0.676702,-0.676702 -1.775666,-0.676702 -2.4523675,0 -0.6767003,0.676702 -0.6767003,1.775666 0,2.452368 l 5.1970695,5.197069 c 0.676701,0.676702 1.775668,0.676702 2.452368,0 l 5.19707,-5.197069 c 0.676703,-0.676702 0.676703,-1.775666 0,-2.452368 z"
+     id="path2"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:0.0541362"
+     sodipodi:nodetypes="ssssssssccssscssccccs" />
+</svg>

client/public/themes/olympus/images/buttons/other/delete.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg1940"
+   sodipodi:docname="delete.svg"
+   width="32"
+   height="32"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1944" />
+  <sodipodi:namedview
+     id="namedview1942"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="13.078125"
+     inkscape:cx="27.870968"
+     inkscape:cy="20.415771"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1940" />
+  <!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+     d="m 13.120438,4.047182 -1.120204,1.6744053 h 8.548913 L 19.428943,4.047182 C 19.340506,3.9174745 19.193112,3.8349334 19.033925,3.8349334 h -5.524364 c -0.159185,0 -0.306581,0.076645 -0.39502,0.2122486 z m 8.666825,-1.5682824 2.163757,3.2426877 h 0.813623 2.829981 0.471664 c 0.784142,0 1.414993,0.6308515 1.414993,1.4149933 0,0.7841418 -0.630851,1.4149912 -1.414993,1.4149912 H 27.594624 V 26.474805 c 0,2.605944 -2.110695,4.716638 -4.716639,4.716638 H 9.6713954 c -2.6059417,0 -4.7166402,-2.110694 -4.7166402,-4.716638 V 8.5515718 H 4.4830908 c -0.7841402,0 -1.4149907,-0.6308494 -1.4149907,-1.4149912 0,-0.7841418 0.6308505,-1.4149933 1.4149907,-1.4149933 H 4.9547552 7.7847397 8.5983591 L 10.762118,2.4730039 C 11.375281,1.559155 12.407047,1.0049496 13.509561,1.0049496 h 5.524364 c 1.102514,0 2.13428,0.5542053 2.747441,1.4680543 z M 7.7847397,8.5515718 V 26.474805 c 0,1.043557 0.8430989,1.886656 1.8866557,1.886656 H 22.877985 c 1.043557,0 1.886658,-0.843099 1.886658,-1.886656 V 8.5515718 Z m 4.7166383,3.7733162 v 12.263261 c 0,0.51883 -0.424497,0.943327 -0.943327,0.943327 -0.51883,0 -0.943327,-0.424497 -0.943327,-0.943327 V 12.324888 c 0,-0.518832 0.424497,-0.943328 0.943327,-0.943328 0.51883,0 0.943327,0.424496 0.943327,0.943328 z m 4.71664,0 v 12.263261 c 0,0.51883 -0.424499,0.943327 -0.943327,0.943327 -0.518832,0 -0.943328,-0.424497 -0.943328,-0.943327 V 12.324888 c 0,-0.518832 0.424496,-0.943328 0.943328,-0.943328 0.518828,0 0.943327,0.424496 0.943327,0.943328 z m 4.71664,0 v 12.263261 c 0,0.51883 -0.424498,0.943327 -0.943328,0.943327 -0.518829,0 -0.943327,-0.424497 -0.943327,-0.943327 V 12.324888 c 0,-0.518832 0.424498,-0.943328 0.943327,-0.943328 0.51883,0 0.943328,0.424496 0.943328,0.943328 z"
+     id="path1938"
+     style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.0589579;stroke-opacity:1" />
+</svg>

client/public/themes/olympus/images/buttons/other/edit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"/></svg>

client/public/themes/olympus/images/buttons/roe/designated.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="15"
+   height="15"
+   viewBox="0 0 15 15"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="designated.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     width="30px"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="5.9428571"
+     inkscape:cx="-29.026442"
+     inkscape:cy="16.237981"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 7.5000002,0 c 0.498,0 0.9375,0.4395 0.9375,0.9375 V 1.2598 C 11.1621,1.6699 13.3301,3.8379002 13.7402,6.5625002 h 0.3223 c 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 H 13.7402 C 13.3301,11.1914 11.1621,13.3594 8.4375002,13.7695 v 0.293 c 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 v -0.293 C 3.8086002,13.3594 1.6406,11.1914 1.2305,8.4375002 h -0.293 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 h 0.293 C 1.6406,3.8379002 3.8086002,1.6699 6.5625002,1.2598 V 0.9375 c 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 z m -4.3652,8.4375002 c 0.3515,1.7284998 1.6992,3.0761998 3.4277,3.4276998 V 11.25 c 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 0.498,0 0.9375,0.4395 0.9375,0.9375 v 0.6152 C 10.1367,11.5137 11.4844,10.166 11.8359,8.4375002 H 11.25 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 h 0.5859 c -0.3515,-1.6992 -1.6992,-3.0469 -3.3983998,-3.3984 v 0.5859 c 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 v -0.5859 c -1.7285,0.3515 -3.0762,1.6992 -3.4277,3.3984 h 0.6152 c 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 z m 4.3652,0 c -0.5273,0 -0.9375,-0.4102 -0.9375,-0.9375 0,-0.498 0.4102,-0.9375 0.9375,-0.9375 0.498,0 0.9375,0.4395 0.9375,0.9375 0,0.5273 -0.4395,0.9375 -0.9375,0.9375 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/roe/free.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="13.126647"
+   height="15.015483"
+   viewBox="0 0 13.126647 15.015483"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="free.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="43.789474"
+     inkscape:cx="4.5330529"
+     inkscape:cy="6.7710337"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 10.796771,3.75 c 0,1.31836 -0.7618,2.46094 -1.8750496,3.13476 v 0.61525 c 0,0.5273 -0.43945,0.9375 -0.9375,0.9375 h -2.8125 c -0.52734,0 -0.9375,-0.4102 -0.9375,-0.9375 V 6.88476 c -1.14258,-0.67382 -1.875,-1.8164 -1.875,-3.13476 0,-2.05078 1.875,-3.75 4.21875,-3.75 2.31445,0 4.2187996,1.69922 4.2187996,3.75 z M 4.9373514,5.15625 c 0.49804,0 0.9375,-0.41016 0.9375,-0.9375 0,-0.49805 -0.43946,-0.9375 -0.9375,-0.9375 -0.52735,0 -0.9375,0.43945 -0.9375,0.9375 0,0.52734 0.41015,0.9375 0.9375,0.9375 z m 4.21872,-0.9375 c 0,-0.49805 -0.43943,-0.9375 -0.93748,-0.9375 -0.52734,0 -0.9375,0.43945 -0.9375,0.9375 0,0.52734 0.41016,0.9375 0.9375,0.9375 0.49805,0 0.93748,-0.41016 0.93748,-0.9375 z M 0.10336144,8.02731 c 0.23438,-0.4687 0.79102,-0.6445 1.25976996,-0.4101 l 5.21484,2.6074 5.1854996,-2.6074 c 0.4688,-0.2344 1.0254,-0.0586 1.2598,0.4101 0.2344,0.4688 0.0586,1.0254 -0.4101,1.2598 l -3.9551196,1.9629 3.9551196,1.9922 c 0.4687,0.2344 0.6445,0.791 0.4101,1.2597 -0.2344,0.4688 -0.791,0.6446 -1.2598,0.4102 l -5.1854996,-2.6074 -5.21484,2.6074 c -0.46874996,0.2344 -1.02538996,0.0586 -1.25976996,-0.4102 -0.234374,-0.4687 -0.058593,-1.0253 0.41016,-1.2597 L 4.4685914,11.25001 0.51352144,9.28711 c -0.468753,-0.2344 -0.644534,-0.791 -0.41016,-1.2598 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/roe/hold.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="9.3896503"
+   height="9.3896503"
+   viewBox="0 0 9.3896503 9.3896503"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="hold.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="1.1989183"
+     inkscape:cy="4.311899"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 9.103975,1.603975 c 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 l -3.0762,3.0761 -3.1055,-3.0761 c -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 -0.3809,0.3515 -0.3809,0.9668 0,1.3183 l 3.0761,3.0762 -3.0761,3.1055 c -0.3809,0.3515 -0.3809,0.9668 0,1.3183 0.3515,0.3809 0.9668,0.3809 1.3183,0 l 3.1055,-3.0761 3.0762,3.0761 c 0.3515,0.3809 0.9668,0.3809 1.3183,0 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 l -3.0761,-3.1055 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/roe/return.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="14.063629"
+   height="14.9414"
+   viewBox="0 0 14.063629 14.9414"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="return.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="3.218149"
+     inkscape:cy="7.1304087"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 7.0324294,0 c 0.1172,0 0.2637,0.0293 0.3809,0.0879 l 5.5077996,2.3437 c 0.6445,0.293 1.1425,0.9082 1.1425,1.67 -0.0292,2.9296 -1.2304,8.2324 -6.2694996,10.664 -0.498,0.2344 -1.0547,0.2344 -1.5527,0 -5.0391,-2.4316 -6.24020004,-7.7344 -6.24020004,-10.664 -0.0293,-0.7618 0.4687,-1.377 1.11320004,-1.67 l 5.5078,-2.3437 C 6.7394294,0.0293 6.8859294,0 7.0324294,0 Z m 0,1.9629 V 13.0371 C 11.075429,11.0742 12.159429,6.7676 12.188629,4.1602 Z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/spawn/aircraft.svg

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="aircraft.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="18.782524"
+     inkscape:cx="26.114701"
+     inkscape:cy="15.493125"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     d="m 25.924821,12.489287 c 1.68985,0 4.671853,1.44138 4.671853,3.180851 0,1.789275 -2.982003,3.180853 -4.671853,3.180853 h -5.81496 l -4.970125,8.747341 c -0.298273,0.496938 -0.845015,0.795212 -1.391577,0.795212 h -2.783336 c -0.546743,0 -0.944259,-0.496941 -0.795213,-0.994063 l 2.435441,-8.54849 H 7.5355007 L 5.348676,21.733567 C 5.1995608,21.932416 5.0007624,22.031842 4.7522572,22.031842 H 2.6648175 c -0.3976052,0 -0.6958054,-0.298275 -0.6958054,-0.695789 0,-0.04981 0,-0.09943 0,-0.149048 l 1.590426,-5.516867 -1.590426,-5.467065 c 0,-0.04981 0,-0.09943 0,-0.198849 0,-0.3478937 0.2982002,-0.6957888 0.6958054,-0.6957888 h 2.0874397 c 0.2485052,0 0.4473003,0.1490479 0.5964188,0.3478951 L 7.5355007,12.489287 H 12.605051 L 10.16961,3.9904523 C 10.020569,3.4934397 10.41808,2.9467331 10.964823,2.9467331 h 2.783336 c 0.546562,0 1.093304,0.3479124 1.391577,0.8449069 l 4.970125,8.697647 z"
+     fill="#202831"
+     id="path4"
+     style="fill-opacity:1;stroke-width:1.81764" />
+</svg>

client/public/themes/olympus/images/buttons/spawn/explosion.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 32 31.999584"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="explosion.svg"
+   width="32"
+   height="31.999584"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="13.078125"
+     inkscape:cx="18.389486"
+     inkscape:cy="12.157706"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+     d="m 26.759564,2.1225723 c 0.340688,-0.6068538 1.042401,-0.822372 1.611908,-0.4820802 0.569507,0.3402919 0.80341,1.1059486 0.538997,1.7581747 L 21.939094,20.685494 c 0.111864,0.130442 0.218653,0.266561 0.320348,0.402678 l 4.942507,-3.102328 c 0.533912,-0.334619 1.200033,-0.175817 1.571229,0.362979 0.371196,0.538795 0.320348,1.304451 -0.111863,1.786531 l -4.423848,4.934232 h -3.635691 c -0.671205,-2.11548 -2.476338,-3.629779 -4.601819,-3.629779 -2.125482,0 -3.9357,1.514299 -4.601818,3.629779 H 7.345485 L 3.506398,22.109048 C 3.013164,21.729056 2.840278,20.997429 3.104692,20.390574 3.369106,19.783721 3.989462,19.488801 4.564053,19.687305 L 9.50656,21.411449 C 9.659102,21.190258 9.8167362,20.974741 9.9845364,20.770566 L 6.816656,14.883519 c -0.310177,-0.572827 -0.198311,-1.310126 0.25933,-1.741162 0.457639,-0.431036 1.128844,-0.425365 1.581397,0.0055 l 5.20692,4.985277 c 0.07626,-0.02268 0.152542,-0.04537 0.22882,-0.06239 l 0.691544,-8.093192 c 0.06101,-0.6975963 0.584761,-1.2307211 1.215286,-1.2307211 0.630526,0 1.154267,0.5331248 1.215285,1.2307211 l 0.686461,8.047904 z M 4.609817,26.890147 v 0 H 27.39009 v 0 h 1.627161 c 0.900024,0 1.627164,0.81103 1.627164,1.814891 0,1.003862 -0.72714,1.814889 -1.627164,1.814889 H 2.982655 c -0.900024,0 -1.627163,-0.811027 -1.627163,-1.814889 0,-1.003861 0.727139,-1.814891 1.627163,-1.814891 z M 15.999953,1.4816894 c 0.676288,0 1.220371,0.6068538 1.220371,1.3611673 v 2.7223348 c 0,0.7543135 -0.544083,1.3611677 -1.220371,1.3611677 -0.676289,0 -1.220372,-0.6068542 -1.220372,-1.3611677 V 2.8428567 c 0,-0.7543135 0.544083,-1.3611673 1.220372,-1.3611673 z"
+     fill="#ffffff"
+     stroke="#ffffff"
+     id="path2"
+     style="fill-opacity:1;stroke-width:0.0537019" />
+</svg>

client/public/themes/olympus/images/buttons/spawn/helicopter.svg

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="helicopter.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="13.28125"
+     inkscape:cx="11.858824"
+     inkscape:cy="13.101176"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     d="m 6.3544349,4.6930773 c 0,-0.8721964 0.7046585,-1.5768552 1.5768567,-1.5768552 H 26.853493 c 0.872197,0 1.576856,0.7046588 1.576856,1.5768552 0,0.8721978 -0.704659,1.5768478 -1.576856,1.5768478 h -7.884254 v 3.1537018 h 1.576855 c 4.356045,0 7.884255,3.5282031 7.884255,7.8842541 v 3.153697 c 0,0.872195 -0.704659,1.576855 -1.576856,1.576855 h -7.884254 -3.153695 c -0.990466,0 -1.926715,-0.468129 -2.522966,-1.26148 L 9.7742292,16.085817 c -0.1724691,-0.2316 -0.4089908,-0.408991 -0.67509,-0.517398 l -6.72625,-2.690505 C 1.90476,12.690662 1.5499693,12.286593 1.4267781,11.793826 L 0.29342123,7.25053 C 0.16529133,6.7528385 0.54472759,6.2699251 1.0572018,6.2699251 h 1.3551113 c 0.49769,0 0.9658193,0.2315996 1.2614793,0.6307441 L 5.5660161,9.4236269 H 15.815544 V 6.2699251 H 7.9312916 c -0.8721982,0 -1.5768567,-0.70465 -1.5768567,-1.5768478 z M 18.969239,18.884729 h 6.307407 v -1.576848 c 0,-2.611659 -2.118892,-4.73055 -4.730552,-4.73055 h -1.576855 z m 12.151606,5.19375 c 0.615961,0.615957 0.615961,1.616279 0,2.232229 l -0.192176,0.192183 c -1.182641,1.182634 -2.789057,1.84787 -4.459529,1.84787 h -13.8073 c -0.872195,0 -1.576855,-0.704658 -1.576855,-1.576847 0,-0.872197 0.70466,-1.576855 1.576855,-1.576855 h 13.8073 c 0.837698,0 1.640911,-0.330154 2.232231,-0.921474 l 0.192176,-0.192177 c 0.615959,-0.615959 1.61627,-0.615959 2.232229,0 z"
+     id="path1174"
+     style="fill-opacity:1;stroke-width:0.0492765" />
+</svg>

client/public/themes/olympus/images/buttons/spawn/more.svg

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="unit.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="9.391262"
+     inkscape:cx="25.715394"
+     inkscape:cy="24.171405"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
+  <rect
+     id="rect894"
+     width="5.696785"
+     height="22.699497"
+     x="13.203763"
+     y="4.5254831"
+     ry="1.6436043" />
+  <rect
+     id="rect894-7"
+     width="5.696785"
+     height="22.699497"
+     x="12.751214"
+     y="-27.588247"
+     ry="1.6436043"
+     transform="rotate(90)" />
+</svg>

client/public/themes/olympus/images/buttons/spawn/navyunit.svg

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="navyunit.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata14">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="18.782524"
+     inkscape:cx="35.857801"
+     inkscape:cy="16.398222"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     d="m 11.24439,3.5672501 c 0,-0.9200678 0.743331,-1.6634002 1.663401,-1.6634002 h 6.653596 c 0.920068,0 1.663398,0.7433324 1.663398,1.6634002 v 1.6633976 h 2.495098 c 1.377503,0 2.495102,1.1175989 2.495102,2.4951006 v 6.6535967 l 2.307964,0.769323 c 1.200768,0.400255 1.533447,1.949294 0.597785,2.801785 l -5.250104,4.813463 c -0.842097,0.488625 -1.803748,0.784917 -2.645845,0.784917 -1.018831,0 -2.120833,-0.400253 -3.077288,-1.055219 -1.148785,-0.805708 -2.682232,-0.805708 -3.831017,0 -0.88888,0.613379 -1.975286,1.055219 -3.077289,1.055219 -0.842094,0 -1.8037459,-0.296292 -2.6458445,-0.784917 L 3.3432428,17.950453 C 2.4075824,17.092766 2.7402625,15.548923 3.9410271,15.148668 L 6.25419,14.379345 V 7.7257483 c 0,-1.3775017 1.1175986,-2.4951006 2.4951017,-2.4951006 H 11.24439 Z M 9.5809881,13.272145 15.184569,11.406021 c 0.680952,-0.228708 1.419085,-0.228708 2.105238,0 l 5.59838,1.866124 V 8.5574463 H 9.5809881 Z m 7.6152529,10.562584 c 1.169577,0.805711 2.599061,1.356711 4.028544,1.356711 1.398295,0 2.879759,-0.561396 4.023347,-1.356711 v 0 c 0.618575,-0.44184 1.460674,-0.405453 2.037665,0.08836 0.748531,0.618578 1.689389,1.091607 2.630247,1.309929 0.894079,0.207933 1.45028,1.102 1.242353,1.996079 -0.207931,0.894078 -1.102001,1.450276 -1.99608,1.242351 -1.273537,-0.296292 -2.333955,-0.857691 -3.025306,-1.299534 -1.507454,0.81091 -3.196843,1.346319 -4.912226,1.346319 -1.6582,0 -3.150063,-0.514616 -4.17929,-0.982449 -0.301493,-0.140338 -0.576991,-0.275498 -0.810906,-0.400255 -0.233924,0.12477 -0.50422,0.265105 -0.810908,0.400255 -1.02923,0.467833 -2.521091,0.982449 -4.179291,0.982449 -1.7153815,0 -3.404772,-0.535409 -4.9122277,-1.341118 C 5.6356148,27.613758 4.5803957,28.180351 3.306857,28.476646 2.4127783,28.684579 1.5186998,28.128372 1.3107769,27.234294 1.1028445,26.340218 1.6590517,25.44614 2.5531281,25.238215 3.4939891,25.019896 4.4348476,24.546866 5.1833783,23.928289 5.7603695,23.439666 6.6024647,23.403277 7.2210429,23.83993 v 0 c 1.1487833,0.790114 2.6250524,1.35151 4.0233471,1.35151 1.429485,0 2.858967,-0.550998 4.028544,-1.356711 0.576995,-0.410651 1.346314,-0.410651 1.923307,3e-6 z"
+     id="path6267"
+     style="fill-opacity:1;stroke-width:0.0519812" />
+</svg>

client/public/themes/olympus/images/buttons/spawn/smoke.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg15"
+   sodipodi:docname="smoke.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata19">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     inkscape:document-rotation="0"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview17"
+     showgrid="false"
+     inkscape:zoom="18.782524"
+     inkscape:cx="15.572987"
+     inkscape:cy="14.481547"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg15"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
+  <path
+     style="fill-opacity:1;stroke:none;stroke-width:0.0484484;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="m 2.1124942,10.397531 c 0,3.896829 3.0916459,7.058413 6.902283,7.058413 h 5.9100798 c 1.083274,0.975432 2.502076,1.568533 4.059882,1.568533 1.557807,0 2.976608,-0.593101 4.059884,-1.568533 h 1.308559 c 2.967023,0 5.36844,-2.455741 5.36844,-5.489878 0,-3.0341379 -2.401417,-5.4898771 -5.36844,-5.4898771 -0.512881,0 -1.006585,0.073539 -1.476324,0.2107723 -1.025756,-1.9900807 -3.072474,-3.3478452 -5.42596,-3.3478452 -1.5626,0 -2.990989,0.5980041 -4.079057,1.5832415 C 12.183116,3.9322186 10.668447,3.339116 9.0147772,3.339116 c -3.8106371,0 -6.902283,3.1615822 -6.902283,7.058415 z M 30.105081,21.377284 H 13.999759 c -0.637501,0 -1.150382,0.52448 -1.150382,1.176402 0,0.651921 0.512881,1.176402 1.150382,1.176402 h 16.105322 c 0.637505,0 1.150382,-0.524481 1.150382,-1.176402 0,-0.651922 -0.512877,-1.176402 -1.150382,-1.176402 z m -3.067679,4.705608 h -5.36844 c -0.637503,0 -1.150383,0.52448 -1.150383,1.176405 0,0.651921 0.51288,1.176399 1.150383,1.176399 h 5.36844 c 0.637501,0 1.15038,-0.524478 1.15038,-1.176399 0,-0.651925 -0.512879,-1.176405 -1.15038,-1.176405 z m -9.203043,0 H 1.7290339 c -0.6375035,0 -1.15038115,0.52448 -1.15038115,1.176405 0,0.651921 0.51287765,1.176399 1.15038115,1.176399 H 17.834359 c 0.637503,0 1.15038,-0.524478 1.15038,-1.176399 0,-0.651925 -0.512877,-1.176405 -1.15038,-1.176405 z m -6.518823,-3.529206 c 0,-0.651922 -0.512876,-1.176402 -1.150379,-1.176402 H 5.180174 c -0.6375013,0 -1.1503785,0.52448 -1.1503785,1.176402 0,0.651921 0.5128772,1.176402 1.1503785,1.176402 h 4.984983 c 0.637503,0 1.150379,-0.524481 1.150379,-1.176402 z"
+     id="path2-7" />
+  <defs
+     id="defs13">
+    <clipPath
+       id="clip0_277_1705">
+      <rect
+         width="19"
+         height="19"
+         fill="white"
+         transform="translate(6.5 6.5)"
+         id="rect10" />
+    </clipPath>
+  </defs>
+</svg>

client/public/themes/olympus/images/buttons/threat/evade.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="23.317165"
+   height="17.896727"
+   viewBox="0 0 23.317165 17.896727"
+   fill="none"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="evade.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="11.757812"
+     inkscape:cy="9.4020433"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <path 
+     d="m 0.02182384,14.515426 c -0.0453,0.1119 -0.01864,0.2398 0.06662,0.325 0.08526,0.0853 0.21314,0.1119 0.32505,0.0666 l 1.95830996,-0.7833 c 0.15188,-0.0613 0.2891,-0.1505 0.405,-0.2664 l 1.02578,-1.0258 3.03735,0.7993 -0.2504,0.2504 c -0.1772,0.1772 -0.1772,0.4623 0,0.6395 0.1772,0.1772 0.4623,0.1772 0.6394,0 l 0.7461,-0.746 0.4263,-0.4263 0.3197,-0.3198 c 0.1772,-0.1771 0.1772,-0.4622 0,-0.6394 -0.1772,-0.1772 -0.4623,-0.1772 -0.6395,0 l -0.1065,0.1066 -1.9184,-1.9184 0.4356,-0.4356 1.4628,0.0959 c 0.0866,0.0066 0.1718,-0.0253 0.2331,-0.0866 l 0.2132,-0.2130999 c 0.1172,-0.1173 0.1172,-0.3091 0,-0.4263 l -1.2789,-1.2789 -0.8526,0.8526 c -0.1173,0.1172 -0.3091,0.1172 -0.4263,0 -0.1173,-0.1173 -0.1173,-0.3091 0,-0.4263 l 0.8526,-0.8526 -1.2789,-1.2789 c -0.1173,-0.1173 -0.3091,-0.1173 -0.4263,0 l -0.2132,0.2131 c -0.0613,0.0613 -0.0933,0.1465 -0.0866,0.2331 l 0.0959,1.4628 -0.4356,0.4356 -1.91834,-1.9183 0.10657,-0.1066 c 0.17717,-0.1772 0.17717,-0.4623 0,-0.6395 -0.17717,-0.1771 -0.46228,-0.1771 -0.63945,0 l -0.31972,0.3198 -0.4263,0.4263 -0.74602996,0.746 c -0.17717,0.1772 -0.17717,0.4623 0,0.6394 0.17717,0.1772 0.46228,0.1772 0.63944996,0 l 0.25041,-0.2504 0.79936,3.0373999 -1.02578,1.0258 c -0.11590996,0.1159 -0.20516996,0.2531 -0.26644996,0.405 z"
+     fill="#5ca7ff"
+     id="path2" />
+  <path 
+     d="m 9.0916338,5.3111261 c 2.5638002,-2.3307 8.3905002,-6.43275 11.1873002,-4.19528 3.4961,2.79688 4.1953,9.0895799 -2.7968,16.7808799"
+     stroke="#5ca7ff"
+     stroke-linecap="round"
+     stroke-dasharray="2, 2"
+     id="path4"
+	 style="fill:none"	 />
+  <path 
+     d="m 14.783034,12.805026 -0.1001,0.8985 0.9106,-0.2539 0.0806,0.6152 -0.8301,0.0586 0.5444,0.7251 -0.5542,0.2954 -0.3808,-0.7642 -0.3345,0.7593 -0.5762,-0.2905 0.5396,-0.7251 -0.8252,-0.0635 0.0952,-0.6103 0.8911,0.2539 -0.1001,-0.8985 z"
+     fill="#5ca7ff"
+     id="path6" />
+  <path 
+     d="m 13.384534,7.2113261 -0.1001,0.8984 0.9107,-0.2539 0.0805,0.6152 -0.83,0.0586 0.5444,0.7251 -0.5542,0.2954 -0.3809,-0.7641 -0.3344,0.7593 -0.5762,-0.2906 0.5395,-0.7251 -0.8252,-0.0634 0.0953,-0.6104 0.8911,0.2539 -0.1001,-0.8984 z"
+     fill="#5ca7ff"
+     id="path8" />
+  <path 
+     d="m 18.977834,7.2113261 -0.1001,0.8984 0.9106,-0.2539 0.0806,0.6152 -0.8301,0.0586 0.5445,0.7251 -0.5542,0.2954 -0.3809,-0.7641 -0.3345,0.7593 -0.5761,-0.2906 0.5395,-0.7251 -0.8252,-0.0634 0.0952,-0.6104 0.8911,0.2539 -0.1001,-0.8984 z"
+     fill="#5ca7ff"
+     id="path10" />
+</svg>

client/public/themes/olympus/images/buttons/threat/manoeuvre.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="23.317165"
+   height="17.896727"
+   viewBox="0 0 23.317165 17.896727"
+   fill="none"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="manoeuvre.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="11.757812"
+     inkscape:cy="9.4020431"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <path 
+     d="m 0.02182384,14.515426 c -0.0453,0.1119 -0.01864,0.2398 0.06662,0.325 0.08526,0.0853 0.21314,0.1119 0.32505,0.0666 l 1.95830996,-0.7833 c 0.15188,-0.0613 0.2891,-0.1505 0.405,-0.2664 l 1.02578,-1.0258 3.03735,0.7993 -0.2504,0.2504 c -0.1772,0.1772 -0.1772,0.4623 0,0.6395 0.1772,0.1772 0.4623,0.1772 0.6394,0 l 0.7461,-0.746 0.4263,-0.4263 0.3197,-0.3198 c 0.1772,-0.1771 0.1772,-0.4622 0,-0.6394 -0.1772,-0.1772 -0.4623,-0.1772 -0.6395,0 l -0.1065,0.1066 -1.9184,-1.9184 0.4356,-0.4356 1.4628,0.0959 c 0.0866,0.0066 0.1718,-0.0253 0.2331,-0.0866 l 0.2132,-0.2130999 c 0.1172,-0.1173 0.1172,-0.3091 0,-0.4263 l -1.2789,-1.2789 -0.8526,0.8526 c -0.1173,0.1172 -0.3091,0.1172 -0.4263,0 -0.1173,-0.1173 -0.1173,-0.3091 0,-0.4263 l 0.8526,-0.8526 -1.2789,-1.2789 c -0.1173,-0.1173 -0.3091,-0.1173 -0.4263,0 l -0.2132,0.2131 c -0.0613,0.0613 -0.0933,0.1465 -0.0866,0.2331 l 0.0959,1.4628 -0.4356,0.4356 -1.91834,-1.9183 0.10657,-0.1066 c 0.17717,-0.1772 0.17717,-0.4623 0,-0.6395 -0.17717,-0.1771 -0.46228,-0.1771 -0.63945,0 l -0.31972,0.3198 -0.4263,0.4263 -0.74602996,0.746 c -0.17717,0.1772 -0.17717,0.4623 0,0.6394 0.17717,0.1772 0.46228,0.1772 0.63944996,0 l 0.25041,-0.2504 0.79936,3.0373999 -1.02578,1.0258 c -0.11590996,0.1159 -0.20516996,0.2531 -0.26644996,0.405 z"
+     fill="#5ca7ff"
+     id="path2" />
+  <path
+     d="m 9.0916338,5.3111261 c 2.5638002,-2.3307 8.3905002,-6.43275 11.1873002,-4.19528 3.4961,2.79688 4.1953,9.0895799 -2.7968,16.7808799"
+     stroke="#5ca7ff"
+     stroke-linecap="round"
+     stroke-dasharray="2, 2"
+     id="path4"
+     style="fill:none" />
+</svg>

client/public/themes/olympus/images/buttons/threat/none.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="9.3896503"
+   height="9.3896503"
+   viewBox="0 0 9.3896503 9.3896503"
+   fill="none"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="none.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="4.984976"
+     inkscape:cy="4.311899"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path 
+     d="m 9.103975,1.603975 c 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 l -3.0762,3.0761 -3.1055,-3.0761 c -0.3515,-0.3809 -0.9668,-0.3809 -1.3183,0 -0.3809,0.3515 -0.3809,0.9668 0,1.3183 l 3.0761,3.0762 -3.0761,3.1055 c -0.3809,0.3515 -0.3809,0.9668 0,1.3183 0.3515,0.3809 0.9668,0.3809 1.3183,0 l 3.1055,-3.0761 3.0762,3.0761 c 0.3515,0.3809 0.9668,0.3809 1.3183,0 0.3809,-0.3515 0.3809,-0.9668 0,-1.3183 l -3.0761,-3.1055 z"
+     fill="#5ca7ff"
+     id="path2" />
+</svg>

client/public/themes/olympus/images/buttons/threat/passive.svg

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="23.2749"
+   height="12.9971"
+   viewBox="0 0 23.2749 12.9971"
+   fill="none"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="passive.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs18" />
+  <sodipodi:namedview
+     id="namedview16"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="23.771429"
+     inkscape:cx="11.631611"
+     inkscape:cy="6.7518029"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <path 
+     d="M 0.1977,6.4546 C 0.07745,6.5055 0,6.6237 0,6.7542 0,6.8846 0.07745,7.0028 0.1977,7.0538 l 2.09719,0.8987 c 0.16304,0.0694 0.33629,0.106 0.51361,0.106 h 1.5693 l 1.712,2.9349 H 5.7067 c -0.2711,0 -0.4892,0.2181 -0.4892,0.4891 0,0.2711 0.2181,0.4892 0.4892,0.4892 H 6.848 7.5002 7.9893 c 0.2711,0 0.4892,-0.2181 0.4892,-0.4892 0,-0.271 -0.2181,-0.4891 -0.4892,-0.4891 H 7.8263 V 8.0585 h 0.6664 l 1.0456,1.1923 c 0.0611,0.0713 0.1508,0.1121 0.2445,0.1121 h 0.3261 c 0.1794,0 0.3261,-0.1467 0.3261,-0.3261 V 7.0802 H 9.1306 c -0.1793,0 -0.326,-0.1467 -0.326,-0.326 0,-0.1794 0.1467,-0.3261 0.326,-0.3261 H 10.435 V 4.4715 c 0,-0.1794 -0.1467,-0.3261 -0.3261,-0.3261 H 9.7828 c -0.0937,0 -0.1834,0.0407 -0.2445,0.112 L 8.4927,5.4498 H 7.8263 V 2.5149 h 0.163 c 0.2711,0 0.4892,-0.2181 0.4892,-0.4891 0,-0.2711 -0.2181,-0.4892 -0.4892,-0.4892 H 7.5002 6.848 5.7067 c -0.2711,0 -0.4892,0.2181 -0.4892,0.4892 0,0.271 0.2181,0.4891 0.4892,0.4891 H 6.0898 L 4.3778,5.4498 H 2.8085 c -0.17732,0 -0.35057,0.0367 -0.51361,0.106 z"
+     fill="#5ca7ff"
+     id="path2" />
+  <path 
+     d="M 12.8398,6.5498 H 23.2749"
+     stroke="#5ca7ff"
+     stroke-dasharray="2, 2"
+     id="path4" />
+  <path 
+     d="m 16.4116,9 -0.1,0.8984 0.9106,-0.2539 0.0806,0.6152 -0.8301,0.0586 0.5444,0.7251 -0.5542,0.2955 L 16.0821,10.5747 15.7476,11.334 15.1714,11.0434 15.711,10.3183 14.8858,10.2549 14.981,9.6445 15.8721,9.8984 15.772,9 Z"
+     fill="#5ca7ff"
+     id="path6" />
+  <path 
+     d="m 21.4116,10.6582 -0.1,0.8984 0.9106,-0.2539 0.0806,0.6153 -0.8301,0.0585 0.5444,0.7251 -0.5542,0.2955 -0.3808,-0.7642 -0.3345,0.7593 -0.5762,-0.2906 0.5396,-0.7251 -0.8252,-0.0634 0.0952,-0.6104 0.8911,0.2539 -0.1001,-0.8984 z"
+     fill="#5ca7ff"
+     id="path8" />
+  <path 
+     d="m 21.4116,0 -0.1,0.8984 0.9106,-0.2539 0.0806,0.6152 -0.8301,0.0586 0.5444,0.7251 L 21.4629,2.3389 21.0821,1.5747 20.7476,2.334 20.1714,2.0434 20.711,1.3183 19.8858,1.2549 19.981,0.6445 20.8721,0.8984 20.772,0 Z"
+     fill="#5ca7ff"
+     id="path10" />
+  <path 
+     d="m 16.4116,1.6582 -0.1,0.8984 0.9106,-0.2539 0.0806,0.6153 -0.8301,0.0585 0.5444,0.7251 L 16.4629,3.9971 16.0821,3.2329 15.7476,3.9922 15.1714,3.7016 15.711,2.9765 14.8858,2.9131 14.981,2.3027 15.8721,2.5566 15.772,1.6582 Z"
+     fill="#5ca7ff"
+     id="path12" />
+</svg>

client/public/themes/olympus/images/buttons/tools/draw-polygon-solid.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M96 151.4V360.6c9.7 5.6 17.8 13.7 23.4 23.4H328.6c0-.1 .1-.2 .1-.3l-4.5-7.9-32-56 0 0c-1.4 .1-2.8 .1-4.2 .1c-35.3 0-64-28.7-64-64s28.7-64 64-64c1.4 0 2.8 0 4.2 .1l0 0 32-56 4.5-7.9-.1-.3H119.4c-5.6 9.7-13.7 17.8-23.4 23.4zM384.3 352c35.2 .2 63.7 28.7 63.7 64c0 35.3-28.7 64-64 64c-23.7 0-44.4-12.9-55.4-32H119.4c-11.1 19.1-31.7 32-55.4 32c-35.3 0-64-28.7-64-64c0-23.7 12.9-44.4 32-55.4V151.4C12.9 140.4 0 119.7 0 96C0 60.7 28.7 32 64 32c23.7 0 44.4 12.9 55.4 32H328.6c11.1-19.1 31.7-32 55.4-32c35.3 0 64 28.7 64 64c0 35.3-28.5 63.8-63.7 64l-4.5 7.9-32 56-2.3 4c4.2 8.5 6.5 18 6.5 28.1s-2.3 19.6-6.5 28.1l2.3 4 32 56 4.5 7.9z"/></svg>

client/public/themes/olympus/images/buttons/tools/ground.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="ground.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="1.1559539"
+     inkscape:cx="432.97576"
+     inkscape:cy="301.91516"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+     d="m 130.61192,122.94993 c 4.83398,-2.4171 10.52734,-2.4171 15.36132,0 l 85.9375,42.97085 c 8.48633,4.24336 11.92383,14.55637 7.68066,23.04312 -3.00781,6.01593 -9.07714,9.5073 -15.36132,9.5073 v 42.97085 c 0,9.50729 -7.68066,17.18833 -17.1875,17.18833 h -2.63184 l 17.1875,103.13004 266.68729,0 c 9.50683,0 17.1875,7.68105 17.1875,17.18835 0,9.5073 -7.68067,17.18833 -17.1875,17.18833 l -280.97441,0 H 206.72031 69.86485 69.27404 17.98008 c -9.50683,0 -17.1875,-7.68103 -17.1875,-17.18833 0,-9.5073 7.68067,-17.18835 17.1875,-17.18835 h 37.00684 l 17.1875,-103.13004 h -2.63184 c -9.50684,0 -17.1875,-7.68104 -17.1875,-17.18833 V 198.4712 c -6.28418,0 -12.35351,-3.49137 -15.36132,-9.5073 -4.24317,-8.48675 -0.80567,-18.79976 7.68066,-23.04312 z m 39.10155,238.81049 -31.42089,-26.21222 -31.4209,26.21222 z m -62.68066,-103.13004 -2.52441,15.20096 33.78418,28.19961 33.78418,-28.19961 -2.52441,-15.20096 z m -7.46582,44.68969 -6.01561,35.98808 24.59961,-20.51857 z m 58.86718,15.46951 24.59961,20.46487 -6.01561,-35.98809 z M 95.32383,189.87702 c -4.72656,0 -8.59374,3.86738 -8.59374,8.59418 0,4.72679 3.86718,8.59417 8.59374,8.59417 h 85.9375 c 4.72656,0 8.59374,-3.86738 8.59374,-8.59417 0,-4.7268 -3.86718,-8.59418 -8.59374,-8.59418 z"
+     id="path2"
+     style="stroke-width:0.537122"
+     sodipodi:nodetypes="cccscssccsssccccsssccsscsccccccccccccccccccccsssssss" />
+  <path
+     d="m 398.88439,290.60444 -56.18308,-59.35032 c -4.82498,-5.06298 -11.50756,-7.93072 -18.4952,-7.84559 l -20.1384,0.17717 c -4.88076,0.0647 -7.83178,5.39609 -5.3158,9.5508 l 35.56198,58.63664 -43.41565,0.78856 -16.07612,-19.15941 c -2.39827,-2.87404 -5.9964,-4.54245 -9.73595,-4.48875 l -14.13363,0.13667 c -4.09068,0.0573 -7.05613,3.89607 -6.017,7.85435 l 11.10611,42.68377 c 0.92991,3.55548 3.36429,6.5345 6.64574,8.13577 l 48.58659,23.70886 c 1.76422,0.86089 3.69975,1.28114 5.63108,1.26246 l 119.77611,-1.14062 c 20.41896,-0.21499 40.00846,-8.13034 54.85055,-22.163 7.69088,-7.25597 5.74152,-20.00247 -3.78528,-24.65128 l -20.25324,-9.883 c -7.12743,-3.47798 -15.01076,-5.22788 -22.94599,-5.08091 z"
+     id="path1903"
+     sodipodi:nodetypes="ccccccccccccsscccsscc"
+     style="stroke-width:0.392612" />
+</svg>

client/public/themes/olympus/images/buttons/tools/pen-solid.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"/></svg>

client/public/themes/olympus/images/buttons/tools/tower.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="tower.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.40869141"
+     inkscape:cx="532.18638"
+     inkscape:cy="298.51374"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+     d="m 130.61192,122.94993 c 4.83398,-2.4171 10.52734,-2.4171 15.36132,0 l 85.9375,42.97085 c 8.48633,4.24336 11.92383,14.55637 7.68066,23.04312 -3.00781,6.01593 -9.07714,9.5073 -15.36132,9.5073 v 42.97085 c 0,9.50729 -7.68066,17.18833 -17.1875,17.18833 h -2.63184 l 17.1875,103.13004 266.68729,0 c 9.50683,0 17.1875,7.68105 17.1875,17.18835 0,9.5073 -7.68067,17.18833 -17.1875,17.18833 l -280.97441,0 H 206.72031 69.86485 69.27404 17.98008 c -9.50683,0 -17.1875,-7.68103 -17.1875,-17.18833 0,-9.5073 7.68067,-17.18835 17.1875,-17.18835 h 37.00684 l 17.1875,-103.13004 h -2.63184 c -9.50684,0 -17.1875,-7.68104 -17.1875,-17.18833 V 198.4712 c -6.28418,0 -12.35351,-3.49137 -15.36132,-9.5073 -4.24317,-8.48675 -0.80567,-18.79976 7.68066,-23.04312 z m 39.10155,238.81049 -31.42089,-26.21222 -31.4209,26.21222 z m -62.68066,-103.13004 -2.52441,15.20096 33.78418,28.19961 33.78418,-28.19961 -2.52441,-15.20096 z m -7.46582,44.68969 -6.01561,35.98808 24.59961,-20.51857 z m 58.86718,15.46951 24.59961,20.46487 -6.01561,-35.98809 z M 95.32383,189.87702 c -4.72656,0 -8.59374,3.86738 -8.59374,8.59418 0,4.72679 3.86718,8.59417 8.59374,8.59417 h 85.9375 c 4.72656,0 8.59374,-3.86738 8.59374,-8.59417 0,-4.7268 -3.86718,-8.59418 -8.59374,-8.59418 z"
+     id="path2"
+     style="stroke-width:0.537122"
+     sodipodi:nodetypes="cccscssccsssccccsssccsscsccccccccccccccccccccsssssss" />
+  <path
+     d="m 387.14987,87.347348 -58.62532,-21.98825 c -5.0233,-1.86494 -10.58805,-1.59423 -15.37072,0.81215 l -13.80658,6.88825 c -3.33884,1.68446 -3.57948,6.34681 -0.45119,8.36215 l 44.18707,28.425312 -29.6285,15.13009 -17.50638,-7.79064 c -2.61694,-1.17311 -5.65498,-1.11295 -8.21176,0.18048 l -9.68566,4.84283 c -2.79741,1.41374 -3.5494,5.05338 -1.50398,7.42968 l 21.98825,25.65798 c 1.83486,2.13566 4.51196,3.36892 7.30937,3.36892 h 41.41973 c 1.50399,0 2.97789,-0.36095 4.3014,-1.02271 l 82.08748,-41.0287 c 13.98706,-7.00856 24.81575,-19.040442 30.32033,-33.689252 2.85757,-7.58008 -2.76733,-15.7016 -10.88885,-15.7016 h -17.26574 c -6.0761,0 -12.09204,1.44382 -17.50638,4.21116 z"
+     id="path1903"
+     sodipodi:nodetypes="ccccccccccccsscccsscc"
+     style="stroke-width:0.300797" />
+</svg>

client/public/themes/olympus/images/buttons/visibility/airbase.svg

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="21.327999"
+   height="21.327999"
+   fill="none"
+   version="1.1"
+   viewBox="0 0 21.327999 21.327999"
+   id="svg7226"
+   sodipodi:docname="airbase.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs7230" />
+  <sodipodi:namedview
+     id="namedview7228"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="26.15625"
+     inkscape:cx="10.666667"
+     inkscape:cy="10.666667"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7226" />
+  <metadata
+     id="metadata7218">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <path
+     d="m 10.664,18.4362 c 4.2922,0 7.7717,-3.4796 7.7717,-7.7717 0,-4.2921 -3.4796,-7.7717 -7.7717,-7.7717 -4.2921,0 -7.7717,3.4796 -7.7717,7.7717 0,4.2921 3.4796,7.7717 7.7717,7.7717 z m 0,2.8918 c 5.8893,0 10.664,-4.7742 10.664,-10.664 C 21.328,4.7742 16.5538,0 10.664,0 4.7742,0 0,4.7742 0,10.664 0,16.5538 4.7742,21.328 10.664,21.328 Z"
+     clip-rule="evenodd"
+     fill="#ffffff"
+     fill-rule="evenodd"
+     stroke-width="0"
+     style="fill:#000000"
+     id="path7220" />
+  <line
+     x1="7.796"
+     x2="13.187"
+     y1="6.8541994"
+     y2="14.231199"
+     stroke="#247BE2"
+     stroke-linecap="square"
+     style="fill:none;stroke:#000000"
+     id="line7222" />
+  <line
+     x1="14.397999"
+     x2="7.8680005"
+     y1="11.885201"
+     y2="11.450199"
+     stroke="#247BE2"
+     stroke-linecap="square"
+     style="fill:none;stroke:#000000"
+     id="line7224" />
+</svg>

client/public/themes/olympus/images/buttons/visibility/aircraft.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="15.75"
+   height="14"
+   viewBox="0 0 15.75 14"
+   fill="none"
+   version="1.1"
+   id="svg7234"
+   sodipodi:docname="aircraft.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs7238" />
+  <sodipodi:namedview
+     id="namedview7236"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="26.15625"
+     inkscape:cx="7.8757467"
+     inkscape:cy="7.2640382"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7234" />
+  <path
+     stroke-width="0"
+     d="m 13.1797,5.25 c 0.9297,0 2.5703,0.793 2.5703,1.75 0,0.9844 -1.6406,1.75 -2.5703,1.75 H 9.9805 L 7.2461,13.5625 C 7.082,13.8359 6.7812,14 6.4805,14 H 4.9492 C 4.6484,14 4.4297,13.7266 4.5117,13.4531 L 5.8516,8.75 H 3.0625 L 1.85938,10.3359 C 1.77734,10.4453 1.66797,10.5 1.53125,10.5 H 0.38281 C 0.16406,10.5 0,10.3359 0,10.1172 0,10.0898 0,10.0625 0,10.0352 L 0.875,7 0,3.9922 C 0,3.9648 0,3.9375 0,3.8828 0,3.6914 0.16406,3.5 0.38281,3.5 h 1.14844 c 0.13672,0 0.24609,0.082 0.32813,0.1914 L 3.0625,5.25 H 5.8516 L 4.5117,0.57422 C 4.4297,0.30078 4.6484,0 4.9492,0 H 6.4805 C 6.7812,0 7.082,0.19141 7.2461,0.46484 L 9.9805,5.25 Z"
+     fill="#202831"
+     id="path7232" />
+</svg>

client/public/themes/olympus/images/buttons/visibility/dcs.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="svg6"
+   version="1.1"
+   fill="none"
+   viewBox="0 0 12.952619 10.362093"
+   height="10.362093"
+   width="12.952619"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <path
+	 stroke-width="0"
+     fill="black" 
+     id="path3711"
+     d="m 6.4763089,0 c 0.358221,0 0.6476303,0.2894099 0.6476303,0.6476303 v 1.2952618 h 2.428616 c 0.8054918,0 1.4571708,0.6516785 1.4571708,1.4571695 v 5.5048619 c 0,0.805491 -0.651679,1.4571685 -1.4571708,1.4571685 H 3.4000627 c -0.8054909,0 -1.4571694,-0.6516775 -1.4571694,-1.4571685 V 3.4000616 c 0,-0.805491 0.6516785,-1.4571695 1.4571694,-1.4571695 H 5.8286776 V 0.6476303 C 5.8286776,0.2894099 6.1180887,0 6.4763089,0 Z M 4.2096006,7.7715699 c -0.1780979,0 -0.3238152,0.145716 -0.3238152,0.3238146 0,0.178099 0.1457173,0.323817 0.3238152,0.323817 h 0.6476303 c 0.1780991,0 0.3238164,-0.145718 0.3238164,-0.323817 0,-0.1780986 -0.1457173,-0.3238146 -0.3238164,-0.3238146 z m 1.9428933,0 c -0.178099,0 -0.3238163,0.145716 -0.3238163,0.3238146 0,0.178099 0.1457173,0.323817 0.3238163,0.323817 h 0.64763 c 0.178099,0 0.3238153,-0.145718 0.3238153,-0.323817 0,-0.1780986 -0.1457163,-0.3238146 -0.3238153,-0.3238146 z m 1.9428923,0 c -0.178098,0 -0.323815,0.145716 -0.323815,0.3238146 0,0.178099 0.145717,0.323817 0.323815,0.323817 h 0.647631 c 0.178098,0 0.323816,-0.145718 0.323816,-0.323817 0,-0.1780986 -0.145718,-0.3238146 -0.323816,-0.3238146 z M 5.3429549,5.1810458 a 0.8095391,0.8095391 0 1 0 -1.6190782,0 0.8095391,0.8095391 0 1 0 1.6190782,0 z m 3.0762473,0.809538 a 0.80953865,0.80953865 0 1 0 0,-1.6190771 0.80953865,0.80953865 0 1 0 0,1.6190771 z M 0.9714467,4.5334156 h 0.323815 V 8.4192015 H 0.9714467 C 0.4351272,8.4192015 0,7.9840739 0,7.4477529 V 5.504861 C 0,4.9685428 0.4351272,4.5334156 0.9714467,4.5334156 Z m 11.0097253,0 c 0.536319,0 0.971446,0.4351272 0.971446,0.9714454 v 1.9428919 c 0,0.536321 -0.435127,0.9714486 -0.971446,0.9714486 H 11.657355 V 4.5334156 Z" />
+</svg>

client/public/themes/olympus/images/buttons/visibility/human.svg

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="human.svg"
+   id="svg6"
+   version="1.1"
+   fill="none"
+   viewBox="0 0 12.14064 10.677204"
+   height="10.677204"
+   width="12.14064">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     fit-margin-bottom="0"
+     fit-margin-right="0"
+     fit-margin-left="0"
+     fit-margin-top="0"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="svg6"
+     inkscape:window-maximized="1"
+     inkscape:window-y="-8"
+     inkscape:window-x="1912"
+     inkscape:window-height="1017"
+     inkscape:window-width="1920"
+     inkscape:cy="3.5052403"
+     inkscape:cx="-1.3921341"
+     inkscape:zoom="27.733334"
+     showgrid="false"
+     inkscape:pagecheckerboard="0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="namedview8" />
+  <path
+     sodipodi:nodetypes="ccccccc"
+     id="path1359"
+     d="M 1.2277422,10.677204 C 0.50620893,10.667383 0.04230013,10.430984 0.00390353,9.8358148 -0.07761857,7.3028212 1.1300144,6.7967364 2.4770775,6.2662917 l 6.6154506,-0.012246 c 2.4502799,0.2890709 3.0477749,1.846629 3.0477749,3.4797821 0.0127,0.3604432 -0.331282,0.9019572 -1.478805,0.9433762 z"
+     stroke-width="0"
+	 style="stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+	 fill="black"	 />
+  <path
+     fill="black"
+     id="path916"
+	 stroke-width="0"
+     d="m 5.9808108,5.7908995 c 1.6415273,0 2.9733343,-1.2969197 2.9733343,-2.8954494 C 8.9541451,1.2969203 7.6223381,0 5.9808108,0 4.3392825,0 3.0074758,1.2969203 3.0074758,2.8954501 c 0,1.5985297 1.3318067,2.8954494 2.973335,2.8954494 z M 8.6237741,6.4343342 H 7.4860601 C 7.0276691,6.6394281 6.5176619,6.7560505 5.9808108,6.7560505 5.4439597,6.7560505 4.9360143,6.6394281 4.475561,6.4343342 H 3.3378464 c -1.4598251,0 -2.64296517,1.152148 -2.64296517,2.5737386 v 0.321716 c 0,0.532843 0.44393577,0.9651492 0.99111197,0.9651492 h 8.5896338 c 0.547177,0 0.991112,-0.4323062 0.991112,-0.9651492 v -0.321716 c 0,-1.4215906 -1.18314,-2.5737386 -2.6429649,-2.5737386 z" />
+</svg>

client/public/themes/olympus/images/buttons/visibility/navyunit.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="15.767666"
+   height="14.022505"
+   viewBox="0 0 15.767666 14.022505"
+   fill="none"
+   version="1.1"
+   id="svg7279"
+   sodipodi:docname="navyunit.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs7283" />
+  <sodipodi:namedview
+     id="namedview7281"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="26.15625"
+     inkscape:cx="7.9139785"
+     inkscape:cy="7.2640382"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7279" />
+  <path
+     stroke-width="0"
+     d="m 5.2724978,0.875 c 0,-0.46484 0.3828,-0.875 0.875,-0.875 h 3.5 C 10.112298,0 10.522498,0.41016 10.522498,0.875 V 1.75 h 1.3125 c 0.7109,0 1.3125,0.6016 1.3125,1.3125 v 3.5 l 1.2031,0.4102 c 0.6289,0.2187 0.793,1.039 0.3008,1.4765 l -2.7617,2.543 c -0.4375,0.2461 -0.9297,0.4101 -1.3672,0.4101 -0.5469002,0 -1.1211002,-0.2187 -1.6406002,-0.5468 -0.6016,-0.4375 -1.3946,-0.4375 -1.9961,0 -0.4649,0.3007 -1.0391,0.5468 -1.6406,0.5468 -0.4375,0 -0.9297,-0.164 -1.3672,-0.4101 l -2.76175,-2.543 C 0.62405778,8.0117 0.78811778,7.1914 1.4170278,6.9727 l 1.23047,-0.4102 v -3.5 c 0,-0.7109 0.5742,-1.3125 1.3125,-1.3125 h 1.3125 z m -0.875,5.1133 2.9258,-0.9844 c 0.3554,-0.1094 0.7656,-0.1094 1.1211,0 L 11.397498,5.9883 V 3.5 H 4.3974978 Z m 3.9922,5.5508 c 0.6289,0.4375 1.3672,0.7109 2.1328002,0.7109 0.7109,0 1.5039,-0.2734 2.1055,-0.7109 0.3281,-0.2188 0.7656,-0.1914 1.0664,0.0547 0.4101,0.3281 0.9023,0.5742 1.3945,0.6835 0.4648,0.1094 0.7656,0.5743 0.6563,1.0665 -0.1094,0.4648 -0.6016,0.7656 -1.0665,0.6562 -0.6562,-0.1641 -1.2304,-0.4648 -1.5859,-0.6836 -0.793,0.4102 -1.668,0.6836 -2.5703,0.6836 -0.8750002,0 -1.6680002,-0.2461 -2.2148002,-0.4922 -0.1641,-0.082 -0.3008,-0.164 -0.4102,-0.2187 -0.1367,0.0547 -0.2734,0.1367 -0.4375,0.2187 -0.5469,0.2461 -1.3398,0.4922 -2.1875,0.4922 -0.9023,0 -1.8047,-0.2734 -2.5977,-0.6836 -0.3554,0.2188 -0.92964,0.5195 -1.58589,0.6836 -0.46485002,0.1094 -0.95703002,-0.1914 -1.06641002,-0.6562 -0.10938,-0.4649 0.19141,-0.9571 0.65625,-1.0665 0.49219002,-0.1093 1.01172002,-0.3554 1.39455002,-0.6835 0.3008,-0.2461 0.7383,-0.2735 1.0664,-0.0547 0.6016,0.4375 1.3945,0.7109 2.1328,0.7109 0.7383,0 1.5039,-0.2734 2.1055,-0.7109 0.3007,-0.2188 0.7109,-0.2188 1.0117,0 z"
+     fill="#181e25"
+     id="path7277" />
+</svg>

client/public/themes/olympus/images/icon_aa_blue.svg

@@ -1,3 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_blue_hover.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#3BB9FF" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_blue_selected.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#3BB9FF" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="white" stroke="#082E44" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_neutral.svg

@@ -1,3 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_neutral_hover.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#CFD9E8" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_neutral_selected.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#CFD9E8" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="white" stroke="#2F2F2F" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_red.svg

@@ -1,3 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#FF5858" stroke="#262222" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_red_hover.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#FF5858" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="#FF5858" stroke="#262222" stroke-width="2"/>
-</svg>

client/public/themes/olympus/images/icon_aa_red_selected.svg

@@ -1,4 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M45.7733 41.3423L25.9481 7.63951C25.5228 6.91648 24.4772 6.91646 24.0519 7.63951L4.22671 41.3423C3.79536 42.0756 4.32409 43 5.17484 43H44.8252C45.6759 43 46.2046 42.0756 45.7733 41.3423Z" fill="#FF5858" stroke="white" stroke-width="2"/>
-<path d="M6.74842 41L25 9.97231L43.2516 41H6.74842Z" fill="white" stroke="#262222" stroke-width="2"/>
-</svg>