feat: setting to color stations by PGA or PGV

Author: Domiko7

src/locales/en-US/translations.json

@@ -38,5 +38,6 @@
   "settingsTtsPuter": "Puter.js (opens a popup)",
   "settingsTtsDefault": "Default",
   "settingsNotifications": "Notifications",
+  "settingsStnColor": "Station colors",
   "settingsReloadNote": "Saving reloads the app"
 }

src/locales/es-ES/translations.json

@@ -38,5 +38,6 @@
   "settingsTtsPuter": "Puter.js (abre una ventana emergente)",
   "settingsTtsDefault": "Predeterminada",
   "settingsNotifications": "Notificaciones",
+  "settingsStnColor": "Color de las estaciones",
   "settingsReloadNote": "Al guardar se recargará la aplicación"
 }

src/locales/it-IT/translations.json

@@ -38,5 +38,6 @@
   "settingsTtsPuter": "Puter.js (apre un popup)",
   "settingsTtsDefault": "Predefinita",
   "settingsNotifications": "Notifiche",
+  "settingsStnColor": "Colore delle stazioni",
   "settingsReloadNote": "Il salvataggio ricaricherà l'app"
 }

src/locales/ja-JP/translations.json

@@ -38,5 +38,6 @@
   "settingsTtsPuter": "Puter.js（ポップアップが開きます）",
   "settingsTtsDefault": "デフォルト",
   "settingsNotifications": "通知",
+  "settingsStnColor": "観測点の色",
   "settingsReloadNote": "保存するとアプリが再読み込みされます"
 }

src/locales/pl-PL/translations.json

@@ -38,5 +38,6 @@
   "settingsTtsPuter": "Puter.js (otwiera wyskakujące okno)",
   "settingsTtsDefault": "Domyślny",
   "settingsNotifications": "Powiadomienia",
+  "settingsStnColor": "Kolory stacji",
   "settingsReloadNote": "Zapisanie ponownie załaduje aplikację"
 }

src/locales/zh-CN/translations.json

@@ -38,5 +38,6 @@
   "settingsTtsPuter": "Puter.js（会打开弹窗）",
   "settingsTtsDefault": "默认",
   "settingsNotifications": "通知",
+  "settingsStnColor": "监测站颜色",
   "settingsReloadNote": "保存后将重新加载应用"
 }

src/locales/zh-TW/translations.json

@@ -38,5 +38,6 @@
   "settingsTtsPuter": "Puter.js（會開啟彈出視窗）",
   "settingsTtsDefault": "預設",
   "settingsNotifications": "通知",
+  "settingsStnColor": "測站顏色",
   "settingsReloadNote": "儲存後將重新載入應用程式"
 }

src/ts/stn.ts

@@ -2,6 +2,7 @@
 import { placeMarker, map } from "./utils/map";
 import { getColorPga, getColorPgv } from "./utils/transform";
 import { playSound } from "./utils/speaker";
+import { settings } from "./utils/settings";
 import type { Feature, FeatureCollection, Point, GeoJsonProperties } from "geojson";
 import type { StnPacket } from "./ws";
 
@@ -13,6 +14,10 @@ import newInt4 from "../assets/sounds/int/NewInt4.wav";
 import newInt5 from "../assets/sounds/int/NewInt5.wav";
 import newInt6 from "../assets/sounds/int/NewInt6.wav";
 
+const usePga = settings?.stnColor === "pga";
+const stnColor = (pga: number, pgv: number): string =>
+  usePga ? getColorPga(pga) : getColorPgv(pgv);
+
 const loadedStns = new Set<string>();
 
 const stnsGeojson: FeatureCollection<Point, GeoJsonProperties> = {
@@ -39,7 +44,7 @@ export const stn = (stns: StnPacket) => {
           id: stn.code,
           net: stn.author,
           name: stn.name,
-          color: getColorPgv(stn.pgv),
+          color: stnColor(stn.pga, stn.pgv),
           opacity: 1
         }
       };
@@ -52,7 +57,7 @@ export const stn = (stns: StnPacket) => {
       );
 
       if (stnFeature && stnFeature.properties) {
-        stnFeature.properties.color = getColorPgv(stn.pgv);
+        stnFeature.properties.color = stnColor(stn.pga, stn.pgv);
       }
     }
   }

src/ts/utils/settingsSchema.ts

@@ -69,6 +69,16 @@ export const SETTINGS_SCHEMA: SettingSection[] = [
           { value: "on", labelKey: "settingsEnabled" },
           { value: "off", labelKey: "settingsDisabled" }
         ]
+      },
+      {
+        key: "stnColor",
+        labelKey: "settingsStnColor",
+        type: "select",
+        default: "pgv",
+        options: [
+          { value: "pgv", label: "PGV" },
+          { value: "pga", label: "PGA" }
+        ]
       }
     ]
   },