feat(network): now works with cordova (#393)

package.json

@@ -77,6 +77,9 @@
     "@angular/platform-browser": "^7.2.6",
     "@angular/platform-browser-dynamic": "^7.2.6",
     "@angular/router": "^7.2.6",
+    "@ionic-native/core": "^5.10.0",
+    "@ionic-native/network": "^5.12.0",
+    "@ionic/angular": "^4.6.2",
     "@mat-datetimepicker/core": "^3.0.0-beta.0",
     "@mdi/angular-material": "^3.6.95",
     "@ngx-translate/core": "^10.0.1",

packages/core/src/lib/network/network.service.ts

@@ -2,6 +2,9 @@ import { Injectable, EventEmitter, OnDestroy, Injector } from '@angular/core';
 import { Observable, Subscription, fromEvent } from 'rxjs';
 import { debounceTime, startWith } from 'rxjs/operators';
 
+import { Network } from '@ionic-native/network/ngx';
+import { Platform } from '@ionic/angular';
+
 import { MessageService } from '../message/shared/message.service';
 import { LanguageService } from '../language/shared/language.service';
 
@@ -17,17 +20,30 @@ export class NetworkService implements OnDestroy {
   private stateChangeEventEmitter = new EventEmitter<ConnectionState>();
   private onlineSubscription: Subscription;
   private offlineSubscription: Subscription;
+  private connectionType: string;
 
   private state: ConnectionState = {
     connection: window.navigator.onLine
   };
 
   constructor(
     private messageService: MessageService,
-    private injector: Injector
+    private injector: Injector,
+    private network: Network,
+    private platform: Platform
     ) {
-    this.checkNetworkState();
-  }
+      this.checkNetworkState();
+      this.platform.ready().then(() => {
+        if (this.platform.is('cordova')) {
+          if (this.platform.is('android')) {
+            this.checkNetworkStateMobile();
+          }
+        } else {
+          console.log('browser');
+          this.checkNetworkState();
+        }
+      });
+    }
 
   private checkNetworkState() {
     this.onlineSubscription = fromEvent(window, 'online').subscribe(() => {
@@ -49,6 +65,41 @@ export class NetworkService implements OnDestroy {
     });
   }
 
+  private checkNetworkStateMobile() {
+    if (this.network.type !== this.network.Connection.NONE) {
+      this.connectionType = this.network.type;
+      this.state.connection = true;
+    }
+
+    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);
+    });
+
+    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);
+    });
+  }
+
   private emitEvent() {
     this.stateChangeEventEmitter.emit(this.state);
   }