PWA: tryb offline

src/components/App/StatusIndicator.vue

@@ -161,7 +161,6 @@
 </template>
 
 <script lang="ts">
-
 import { defineComponent } from 'vue';
 import { DataStatus } from '../../scripts/enums/DataStatus';
 import { useStore } from '../../store/store';
@@ -172,6 +171,7 @@ export default defineComponent({
     return {
       tooltipActive: false,
       indicator: {
+        offline: false,
         status: DataStatus.Loading,
         message: 'data-status.S3',
       },
@@ -193,6 +193,7 @@ export default defineComponent({
 
     return {
       dataStatus: store.dataStatuses,
+      store,
     };
   },
 
@@ -206,6 +207,13 @@ export default defineComponent({
         const trainsDataStatus = statuses.trains;
         const dispatcherDataStatus = statuses.dispatchers;
 
+        if (this.store.isOffline) {
+          this.setSignalStatus(DataStatus.Initialized);
+          this.indicator.status = DataStatus.Initialized;
+          this.indicator.message = 'data-status.S1-offline';
+          return;
+        }
+
         if (connectionStatus == DataStatus.Error) {
           this.setSignalStatus(connectionStatus);
           this.indicator.status = connectionStatus;
@@ -252,6 +260,10 @@ export default defineComponent({
       this.orangeLight = false;
       this.redBottomLight = false;
 
+      if (status == DataStatus.Initialized) {
+        this.redTopLight = true;
+      }
+
       if (status == DataStatus.Loaded) {
         this.greenLight = true;
       }