fix(network): connection message after leaving the tab on the phone (#…

…614)
infra-geo-ouverte · May 11, 2020 · b652565 · b652565
1 parent 30d5573
commit b652565
Showing 1 changed file with 29 additions and 21 deletions.
diff --git a/packages/core/src/lib/network/network-ionic.service.ts b/packages/core/src/lib/network/network-ionic.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, EventEmitter, OnDestroy, Injector } from '@angular/core';
+import { Injectable, EventEmitter, OnDestroy, Injector, ViewChild } from '@angular/core';
 import { Observable, Subscription, fromEvent } from 'rxjs';
 import { debounceTime, startWith } from 'rxjs/operators';
 
@@ -21,6 +21,8 @@ export class NetworkIonicService implements OnDestroy {
     connection: window.navigator.onLine
   };
 
+  private previousState: boolean = !window.navigator.onLine;
+
   constructor(
     private messageService: MessageService,
     private injector: Injector,
@@ -61,30 +63,36 @@ export class NetworkIonicService implements OnDestroy {
   private checkNetworkStateMobile() {
     this.offlineSubscription = this.network.onDisconnect().subscribe(() => {
       this.state.connection = false;
-      setTimeout(() => {
-        if (!this.state.connection) {
-          const translate = this.injector.get(LanguageService).translate;
-          const message = translate.instant('igo.core.network.offline.message');
-          const title = translate.instant('igo.core.network.offline.title');
-          this.messageService.info(message, title);
-          this.state.connection = false;
-          this.emitEvent();
-        }
-      }, 10000);
+      if (this.previousState !== this.state.connection) {
+        setTimeout(() => {
+          if (!this.state.connection) {
+            const translate = this.injector.get(LanguageService).translate;
+            const message = translate.instant('igo.core.network.offline.message');
+            const title = translate.instant('igo.core.network.offline.title');
+            this.messageService.info(message, title);
+            this.state.connection = false;
+            this.emitEvent();
+            this.previousState = this.state.connection;
+          }
+        }, 10000);
+      }
     });
 
     this.onlineSubscription = this.network.onConnect().subscribe(() => {
       this.state.connection = true;
-      setTimeout(() => {
-        if (this.state.connection) {
-          const translate = this.injector.get(LanguageService).translate;
-          const message = translate.instant('igo.core.network.online.message');
-          const title = translate.instant('igo.core.network.online.title');
-          this.messageService.info(message, title);
-          this.state.connection = true;
-          this.emitEvent();
-        }
-      }, 10000);
+      if (this.previousState !== this.state.connection) {
+        setTimeout(() => {
+          if (this.state.connection) {
+            const translate = this.injector.get(LanguageService).translate;
+            const message = translate.instant('igo.core.network.online.message');
+            const title = translate.instant('igo.core.network.online.title');
+            this.messageService.info(message, title);
+            this.state.connection = true;
+            this.emitEvent();
+            this.previousState = this.state.connection;
+          }
+        }, 10000);
+      }
     });
   }