milestones

package-lock.json

@@ -20,6 +20,7 @@
         "leaflet-extra-markers": "^2.0.1",
         "leaflet-geosearch": "^4.2.2",
         "leaflet-routing-machine": "^3.2.12",
+        "leaflet.locatecontrol": "^0.90.0",
         "openrouteservice-js": "^0.4.1",
         "pinia": "^3.0.4",
         "quasar": "^2.19.3",
@@ -33,6 +34,7 @@
         "@quasar/app-vite": "^2.6.0",
         "@types/leaflet": "^1.9.21",
         "@types/leaflet-contextmenu": "^1.4.4",
+        "@types/leaflet-draw": "^1.0.13",
         "@types/node": "^20.5.9",
         "@vue/eslint-config-prettier": "^10.1.0",
         "@vue/eslint-config-typescript": "^14.4.0",
@@ -2808,6 +2810,16 @@
         "@types/leaflet": "^1.9"
       }
     },
+    "node_modules/@types/leaflet-draw": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/@types/leaflet-draw/-/leaflet-draw-1.0.13.tgz",
+      "integrity": "sha512-YU82kilOaU+wPNbqKCCDfHH3hqepN6XilrBwG/mSeZ/z4ewumaRCOah44s3FMxSu/Aa0SVa3PPJvhIZDUA09mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/leaflet": "^1.9"
+      }
+    },
     "node_modules/@types/node": {
       "version": "20.19.35",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.35.tgz",
@@ -6391,6 +6403,15 @@
         "osrm-text-instructions": "^0.13.2"
       }
     },
+    "node_modules/leaflet.locatecontrol": {
+      "version": "0.90.0",
+      "resolved": "https://registry.npmjs.org/leaflet.locatecontrol/-/leaflet.locatecontrol-0.90.0.tgz",
+      "integrity": "sha512-yzgKyOXVRgALmo38ZhPf+2QgYE3pA/rrVSE0CyZhsSAzlnwPTZ1sfZLOFXTH20XLNNw1SX7AuMRLu0LZkWNakg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "leaflet": "^1.9.0 || >=2.0.0-alpha.1"
+      }
+    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",

package.json

@@ -26,6 +26,7 @@
     "leaflet-extra-markers": "^2.0.1",
     "leaflet-geosearch": "^4.2.2",
     "leaflet-routing-machine": "^3.2.12",
+    "leaflet.locatecontrol": "^0.90.0",
     "openrouteservice-js": "^0.4.1",
     "pinia": "^3.0.4",
     "quasar": "^2.19.3",
@@ -39,6 +40,7 @@
     "@quasar/app-vite": "^2.6.0",
     "@types/leaflet": "^1.9.21",
     "@types/leaflet-contextmenu": "^1.4.4",
+    "@types/leaflet-draw": "^1.0.13",
     "@types/node": "^20.5.9",
     "@vue/eslint-config-prettier": "^10.1.0",
     "@vue/eslint-config-typescript": "^14.4.0",

public/icons.svg

@@ -0,0 +1,114 @@
+<!-- public/icons.svg -->
+<svg xmlns="http://www.w3.org/2000/svg" style="display:none">
+
+    <symbol id="findMy" viewBox="0 0 120 120">
+
+        <defs>
+            <linearGradient
+                    id="findMy-a"
+                    x1="64.06"
+                    x2="55.94"
+                    y1="-2.02"
+                    y2="122.02"
+                    gradientUnits="userSpaceOnUse"
+            >
+                <stop offset="0" stop-color="#d8dddf"/>
+                <stop offset="1" stop-color="#c6cdd0"/>
+            </linearGradient>
+
+            <linearGradient
+                    id="findMy-b"
+                    x1="60.28"
+                    x2="60.28"
+                    y1="60"
+                    y2="-2.94"
+                    gradientUnits="userSpaceOnUse"
+            >
+                <stop offset=".18" stop-color="#6d7e86"/>
+                <stop offset=".2" stop-color="#6e7e86" stop-opacity=".96"/>
+                <stop offset=".46" stop-color="#708189" stop-opacity=".56"/>
+                <stop offset=".67" stop-color="#71828b" stop-opacity=".26"/>
+                <stop offset=".83" stop-color="#72838c" stop-opacity=".07"/>
+                <stop offset=".9" stop-color="#73848c" stop-opacity="0"/>
+            </linearGradient>
+        </defs>
+
+        <rect
+                width="120"
+                height="120"
+                rx="26"
+                fill="url(#findMy-a)"
+        />
+
+        <circle
+                cx="60.28"
+                cy="60"
+                r="52"
+                fill="#788991"
+        />
+
+        <circle
+                cx="60.28"
+                cy="60"
+                r="32"
+                fill="#83929a"
+        />
+
+        <circle
+                cx="60.28"
+                cy="60"
+                r="14"
+                fill="#f0f2f3"
+        />
+
+        <path
+                d="M60.28 93a33 33 0 1 1 33-33 33 33 0 0 1-33 33Zm0-64a31 31 0 1 0 31 31 31 31 0 0 0-31-31Z"
+                fill="#909da4"
+        />
+
+        <path
+                d="m60.28 60-26-45a52 52 0 0 1 52 0Z"
+                fill="url(#findMy-b)"
+        />
+
+        <circle
+                cx="60.28"
+                cy="60"
+                r="9"
+                fill="#73848c"
+        />
+
+    </symbol>
+
+    <symbol id="simQ" viewBox="0 0 1024 1024">
+        <path d="M660.436 632.383c-11.898 11.818-26.471 13.208-40.136 3.898-2.42-1.648-4.574-2.084-7.435-1.337a4156 4156 0 0 1-52.23 13.27c-3.187.788-5.038 2.248-6.383 5.414-10.129 23.849-37.362 30.535-57.358 14.146-2.172-1.78-4.07-2.262-6.79-1.563-23.04 5.921-46.106 11.736-69.184 17.504-2.867.717-4.48 2.235-5.466 5.051-10.047 28.694-44.203 37.453-68.218 22.443-22.619-14.138-27.597-46.672-10.303-66.859.747-.872 1.477-1.759 2.317-2.76-7.262-8.88-14.536-17.523-21.537-26.382-25.327-32.055-49.934-64.622-68.462-101.259-8.291-16.395-15.057-33.402-17.584-51.77-2.948-21.43.205-42.268 8.088-62.162 18.388-46.405 51.738-76.841 100.448-88.26 48.86-11.456 92.368.69 129.31 34.85 25.368 23.455 39.218 52.896 43.637 86.957 3.12 24.045-2.371 46.633-11.843 68.493-13.282 30.652-32.232 57.845-52.013 84.495-12.907 17.39-26.285 34.42-40.531 50.746-2.249 2.577-3.084 4.75-.29 7.708 3.579 3.787 5.873 8.48 7.418 13.467.863 2.787 2.459 3.566 5.285 2.864 19.849-4.926 39.71-9.802 59.596-14.574 2.33-.559 3.057-1.799 2.85-3.865-1-9.939 1.59-18.805 7.855-26.582 1.76-2.184.208-3.68-1.01-5.246-5.213-6.707-10.365-13.464-15.696-20.077-2.15-2.666-2.126-4.807.038-7.488 3.62-4.485 6.914-9.233 10.653-14.286 4.736 4.192 7.752 9.005 11.314 13.308 4.567 5.518 8.96 11.183 13.288 16.89 1.794 2.367 3.735 3.726 6.77 2.672.305-.107.689-.183.986-.098 8.697 2.499 12.594-3.29 17.024-9.18 19.027-25.294 38.571-50.218 54.44-77.714 9.863-17.092 18.307-34.785 21.474-54.52 3.2-19.943-.414-38.848-9.692-56.566-15.556-29.705-40.053-46.913-73.433-51.26-7.199-.936-14.313-.189-21.366 1.085-2.782.502-4.693.084-6.533-2.187-4.173-5.153-8.591-10.108-13.322-15.623 5.778-3.581 11.9-4.343 17.829-5.206 51.793-7.534 96.955 21.968 117.758 64.048 17.584 35.567 15.914 71.318-.2 106.977-14.107 31.22-33.943 58.77-54.604 85.802-5.867 7.676-11.784 15.315-17.838 22.843-1.763 2.193-2.137 3.871-.101 6.04 2.3 2.451 3.9 5.415 5.041 8.566 1.11 3.065 2.874 3.965 6.15 3.122 14.331-3.69 28.711-7.192 43.088-10.705 2.742-.67 4.462-1.798 4.15-5.06-.78-8.112 1.356-15.526 5.96-22.204 1.553-2.253.81-3.962-.664-5.828-3.512-4.444-6.886-8.997-10.395-13.443-1.673-2.12-1.839-3.949-.119-6.248 2.971-3.97 5.63-8.174 8.312-12.119 2.848.172 3.712 2.197 4.88 3.693 4.406 5.647 8.69 11.391 13.053 17.073 4.134 5.382 13.517 5.024 17.265-.478 14.255-20.924 29.38-41.284 41.55-63.564 9.681-17.724 18.448-35.805 21.687-56.057 6.502-40.646-21.057-89.161-68.254-94.768-6.012-.715-11.985-.022-17.84 1.416-3.623.89-6.32.056-8.814-2.874-3.397-3.991-7.238-7.605-11.476-11.989 9.425-3.514 18.197-5.7 27.315-6.36 42.212-3.058 76.935 26.42 91.149 62.037 11.907 29.836 9.582 59.157-2.335 88.4-10.259 25.174-24.576 47.986-39.865 70.266-5.37 7.826-10.94 15.519-16.564 23.166-1.893 2.574-2.721 4.72-.236 7.449 1.427 1.567 2.762 3.542 3.275 5.554 1.366 5.348 4.437 5.468 8.997 4.172 8.955-2.545 18.023-4.712 27.103-6.78 3.298-.752 4.31-2.364 4.046-5.598-.637-7.8.358-15.324 4.926-21.97 1.42-2.065.747-3.703-.517-5.446a419 419 0 0 1-6.628-9.392c-.93-1.361-2.094-2.848-1.049-4.581 2.47-4.095 5.068-8.111 8.177-13.054 4.354 5.914 8.312 11.147 12.114 16.492 4.352 6.12 11.13 6.33 15.139.083 17.086-26.62 35.151-52.671 46.445-82.582 9.492-25.139 9.926-49.764-3.482-73.666-9.112-16.244-22.369-27.625-40.756-32.177-7.708-1.908-15.572-1.648-23.24.434-2.955.802-5.09.453-7.075-1.912-2.846-3.392-6.54-6.057-8.96-9.825 2.01-2.64 4.778-3.033 7.223-3.885 28.387-9.895 52.599-1.478 72.307 19.135 26.392 27.605 32.606 60.911 22.48 97.313-7.446 26.772-21.148 50.61-36.083 73.778-4.963 7.7-9.98 15.368-15.144 22.935-1.699 2.489-1.908 4.231-.181 7.066 6.68 10.966 7.206 22.339.458 33.542-6.712 11.144-19.42 14.942-31.254 9.3-3.085-1.47-5.789-1.723-9.063-.84a1528 1528 0 0 1-37.227 9.531c-4.507 1.096-7.855 2.978-9.47 7.696-.838 2.446-2.753 4.522-4.419 7.039M405.41 339.179a88.6 88.6 0 0 0-24.434-4.687c-41.638-2.068-75.9 13.157-100.616 46.647-22.353 30.289-29.346 64.08-15.991 100.457 7.852 21.387 19.461 40.865 32.024 59.75 19.579 29.433 41.62 57.014 64.06 84.284 1.735 2.106 3.535 2.94 6.468 2.45 3.399-.568 7.066-.69 10.423-.026 3.342.662 5.214-.3 7.186-2.781 11.395-14.342 23.142-28.41 34.339-42.903 21.2-27.443 41.278-55.623 55.99-87.267 9.841-21.166 15.173-42.973 10.286-66.32-9.364-44.727-36.07-74.244-79.735-89.604M389.562 665.08c-3.898-7.646-10.26-11.31-18.69-10.604-7.982.67-13.684 5-16.317 12.696-2.573 7.52-.524 14.17 5.01 19.586 6.172 6.042 16.139 6.69 23.493 1.92 7.241-4.697 9.809-13.387 6.504-23.598m132.583-11.18c7.974-1.559 12.709-7.2 12.514-14.908-.178-7.002-4.948-12.773-11.41-13.804-8.726-1.391-16.073 3.835-16.946 12.054-1.066 10.034 4.603 16.358 15.842 16.659m109.804-33.228c.911.392 1.797.865 2.737 1.164 5.438 1.728 11.225-.883 13.646-6.117 2.879-6.227 1.052-13.31-4.333-16.792-4.524-2.925-10.68-1.986-14.49 2.212-4.895 5.39-4.173 12.911 2.44 19.533m99.302-49.127c-1.57-.299-2.97.268-4.304.95-4.785 2.441-7.064 8.62-5.293 14.229 1.532 4.85 5.867 7.775 10.633 7.173 4.758-.601 8.25-4.761 8.527-10.157.332-6.474-1.92-9.526-9.563-12.195"/>
+        <path d="M519.131 524.348c-2.263-.08-4.117.209-6.5-1.06 2.779-6.374 5.5-12.724 8.328-19.026.615-1.37 2.098-1.371 3.443-1.604 25.415-4.406 42.505-23.696 44.643-49.72 1.909-23.23-13.165-48.522-37.687-54.522-6.167-1.509-8.862-4.358-10.58-9.861-1.32-4.225-3.568-8.16-5.58-12.615 5.306-1.451 10.318-.701 15.062.184 30.39 5.674 53.51 29.318 58.904 59.825 5.422 30.666-7.676 61.105-33.676 77.808-10.889 6.994-22.868 10.65-36.357 10.591M639.185 395.76c-2.473-5.469-4.758-10.6-7.187-16.057 5.183-2.187 9.887-.548 14.36.546 18.776 4.594 31.597 16.523 39.607 33.731 12.699 27.278 6.155 60.478-15.452 80.247-7.831 7.165-17.01 11.543-27.302 13.752-2.594.557-3.475.436-7.013-.698 1.517-6.119 4.309-11.772 6.899-17.455.98-2.152 3.911-2.335 5.966-3.374 17.282-8.74 25.042-23.633 25.442-42.13.413-19.071-7.779-34.003-24.918-43.505-3.314-1.837-7.639-1.382-10.402-5.057M761.077 428.836c-2.866-16.239-10.11-28.54-26.289-33.875-1.072-.353-2.474-.83-2.949-1.68-2.633-4.72-5.027-9.574-7.713-14.79 5.929-1.669 10.819-.301 15.456 1.15 19.761 6.19 30.532 20.513 34.885 40.097 5.188 23.343.076 43.985-17.352 60.872-6.84 6.628-15.144 10.62-24.805 11.479-1.106-6.58 3.8-17.227 9.023-20.05 13.614-7.362 22.22-25.916 19.744-43.203M422.98 377.963c24.05 17.654 36.462 41.402 36.909 70.578.643 42.019-28.547 76.33-66.533 85.438-48.312 11.583-94.956-17.91-105.984-66.136-11.28-49.328 23.061-98.505 73.404-105.277 22.675-3.05 43.231 2.157 62.204 15.397m11.925 61.535c-4.595-30.168-31.671-56.015-67.616-53.404-30.264 2.198-56.628 28.998-58.015 59.226-1.844 40.176 34.019 72.184 72.457 66.57 32.966-4.814 58.76-38.497 53.174-72.392"/>
+    </symbol>
+
+    <symbol id="gpsNoise" viewBox="0 0 24 24">
+    <path
+            d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"
+            fill="currentColor"
+    />
+
+    <path
+            d="M2 4L4 6M3 8L5 10M1 11L3 13"
+            stroke="currentColor"
+            stroke-width="1.5"
+            stroke-linecap="round"
+    />
+    <path
+            d="M22 4L20 6M21 8L19 10M23 11L21 13"
+            stroke="currentColor"
+            stroke-width="1.5"
+            stroke-linecap="round"
+    />
+
+    <circle cx="6" cy="16" r="0.8" fill="currentColor" />
+    <circle cx="8" cy="18" r="0.8" fill="currentColor" />
+    <circle cx="16" cy="16" r="0.8" fill="currentColor" />
+    <circle cx="18" cy="18" r="0.8" fill="currentColor" />
+
+    </symbol>
+
+</svg>

quasar.config.ts

@@ -21,7 +21,7 @@ export default defineConfig((/* ctx */) => {
     extras: [
       // 'ionicons-v4',
       'mdi-v7',
-      // 'fontawesome-v6',
+      'fontawesome-v6',
       // 'eva-icons',
       // 'themify',
       // 'line-awesome',
@@ -35,6 +35,7 @@ export default defineConfig((/* ctx */) => {
     build: {
       alias: {
         constants: fileURLToPath(new URL('./src/constants', import.meta.url)),
+        composables: fileURLToPath(new URL('./src/composables', import.meta.url)),
         functions: fileURLToPath(new URL('./src/functions', import.meta.url)),
         types: fileURLToPath(new URL('./src/types', import.meta.url)),
       },
@@ -90,9 +91,6 @@ export default defineConfig((/* ctx */) => {
             },
           },
           server: {
-            hmr: {
-              //              overlay: false,
-            },
             allowedHosts: ['localhost', 'strixx.famor.org', 'simloc.strixx.intrepidnet.org'],
           },
         };
@@ -104,7 +102,8 @@ export default defineConfig((/* ctx */) => {
           {
             vueTsc: true,
             eslint: {
-              lintCommand: 'eslint -c ./eslint.config.js "./src*/**/*.{ts,js,mjs,cjs,vue}"',
+              lintCommand:
+                './node_modules/.bin/eslint -c ./eslint.config.js "./src*/**/*.{ts,js,mjs,cjs,vue}"',
               useFlatConfig: true,
             },
             overlay: false,
@@ -128,6 +127,7 @@ export default defineConfig((/* ctx */) => {
         },
         '/socket.io': {
           target: 'http://localhost:49151', // Your backend WebSocket server
+//          target: '10.8.28.6:80',
           secure: false, // Set to true if using wss://
           ws: true, // Enable WebSocket proxying
           rewriteWsOrigin: true,
@@ -163,11 +163,11 @@ export default defineConfig((/* ctx */) => {
       // directives: [],
 
       // Quasar plugins
-      plugins: ['Dialog', 'Notify'],
+      plugins: ['Dialog', 'Notify', 'Meta'],
     },
     // animations: 'all', // --- includes all animations
     // https://v2.quasar.dev/options/animations
-    animations: ['slideInLeft', 'slideOutLeft', 'slideOutRight'],
+    animations: ['slideInLeft', 'slideOutLeft', 'slideOutRight', 'slideInRight'],
 
     // https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#sourcefiles
     // sourceFiles: {