Use human readable duration format in `status_config.yaml`

package.json

@@ -7,6 +7,7 @@
     "aprs-parser": "github:ad1217/npm-aprs-parser#no-dynamic-require",
     "distinct-colors": "^1.0.4",
     "ol": "^6.15.1",
+    "parse-duration": "^1.1.0",
     "vue": "^3.3.4",
     "vue3-openlayers": "^0.1.75"
   },

pnpm-lock.yaml

@@ -14,6 +14,9 @@ dependencies:
   ol:
     specifier: ^6.15.1
     version: 6.15.1
+  parse-duration:
+    specifier: ^1.1.0
+    version: 1.1.0
   vue:
     specifier: ^3.3.4
     version: 3.3.4
@@ -720,6 +723,10 @@ packages:
     resolution: {integrity: sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==}
     dev: false
 
+  /parse-duration@1.1.0:
+    resolution: {integrity: sha512-z6t9dvSJYaPoQq7quMzdEagSFtpGu+utzHqqxmpVWNNZRIXnvqyCvn9XsTdh7c/w0Bqmdz3RB3YnRaKtpRtEXQ==}
+    dev: false
+
   /parse-headers@2.0.5:
     resolution: {integrity: sha512-ft3iAoLOB/MlwbNXgzy43SWGP6sQki2jQvAyBg/zDFAgr9bfNWZIUj42Kw2eJIl8kEi4PbgE6U1Zau/HwI75HA==}
     dev: false

src/StatusScreen.vue

@@ -26,7 +26,7 @@
         :callsign="callsign"
         :tactical="tactical"
         :lowVoltage="config.lowVoltage"
-        :timeoutLength="config.timeoutLength"
+        :timeoutLength="parseDuration(config.timeoutLength)"
         :messages="messagesFromStation[callsign] || []"
         :now="now"
       >
@@ -38,6 +38,7 @@
 <script setup>
 import { ref, onMounted } from 'vue';
 import APRSParser from 'aprs-parser/lib/APRSParser';
+import parseDuration from 'parse-duration';
 
 import StationRow from './StationRow.vue';
 import config from './status_config.yaml';

src/status_config.yaml

@@ -1,4 +1,4 @@
-timeoutLength: 600000 # 10 * 60 * 1000 = 10 minutes
+timeoutLength: 10 minutes
 lowVoltage: 11.9
 
 TACTICAL_whitelist: