lokalne fonty; poprawki offline i cachingu pwa

src/components/App/StatusIndicator.vue

@@ -240,9 +240,9 @@ export default defineComponent({
         const trainsDataStatus = statuses.trains;
         const dispatcherDataStatus = statuses.dispatchers;
 
-        if (this.store.isOffline) {
-          this.setSignalStatus(Status.Data.Initialized);
-          this.indicator.status = Status.Data.Initialized;
+        if (connectionStatus == Status.Data.Offline) {
+          this.setSignalStatus(Status.Data.Offline);
+          this.indicator.status = Status.Data.Offline;
           this.indicator.message = 'data-status.S1-offline';
           return;
         }
@@ -293,7 +293,7 @@ export default defineComponent({
       this.orangeLight = false;
       this.redBottomLight = false;
 
-      if (status == Status.Data.Initialized) {
+      if (status == Status.Data.Initialized || status == Status.Data.Offline) {
         this.redTopLight = true;
       }
 

src/components/Global/RegionDropdown.vue

@@ -59,6 +59,21 @@ export default defineComponent({
     'store.region.id': {
       handler(regionId) {
         this.selectedItemIndex = this.regionList.findIndex((reg) => reg.id == regionId);
+
+        console.log('region id', regionId);
+      }
+    },
+    '$route.query.region': {
+      immediate: true,
+      handler(regionQuery: string) {
+        if (regionQuery) {
+          this.store.region.id =
+            regionsJSON.find(
+              (reg) =>
+                reg.id == regionQuery.toLocaleLowerCase() ||
+                reg.value.toLocaleLowerCase() == regionQuery.toLocaleLowerCase()
+            )?.id || 'eu';
+        }
       }
     }
   },

src/components/StationsView/StationTable.vue

@@ -279,7 +279,7 @@
       </table>
     </div>
 
-    <Loading v-if="!isDataLoaded && stations.length == 0" />
+    <Loading v-if="apiStore.dataStatuses.sceneries == Status.Loading" />
 
     <div class="no-stations" v-else-if="stations.length == 0">
       {{ $t('sceneries.no-stations') }}
@@ -288,7 +288,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, PropType } from 'vue';
+import { defineComponent, PropType } from 'vue';
 import dateMixin from '../../mixins/dateMixin';
 import stationInfoMixin from '../../mixins/stationInfoMixin';
 import styleMixin from '../../mixins/styleMixin';
@@ -330,12 +330,8 @@ export default defineComponent({
     const apiStore = useApiStore();
     const stationFiltersStore = useStationFiltersStore();
 
-    const isDataLoaded = computed(() => {
-      return apiStore.dataStatuses.sceneries != Status.Data.Loading;
-    });
-
     return {
-      isDataLoaded,
+      Status: Status.Data,
       stationFiltersStore,
       mainStore,
       apiStore

src/components/TrainsView/TrainTable.vue

@@ -5,13 +5,12 @@
         {{ $t('app.offline') }}
       </div>
 
-      <Loading v-else-if="trains.length == 0 && apiStore.dataStatuses.trains == 0" key="loading" />
+      <Loading
+        v-else-if="trains.length == 0 && apiStore.dataStatuses.connection == 0"
+        key="loading"
+      />
 
-      <div
-        class="table-info"
-        key="no-trains"
-        v-else-if="trains.length == 0 && apiStore.dataStatuses.trains != 0"
-      >
+      <div class="table-info" key="no-trains" v-else-if="trains.length == 0">
         {{ $t('trains.no-trains') }}
       </div>