refactor: migrate all cordova plugins to capacitor

src/app/modules/data/data.module.ts

@@ -17,7 +17,6 @@ import {CommonModule} from '@angular/common';
 import {HttpClientModule} from '@angular/common/http';
 import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {Network} from '@ionic-native/network/ngx';
 import {IonicModule} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {MarkdownModule} from 'ngx-markdown';
@@ -79,7 +78,6 @@ import {SemesterListItemComponent} from './types/semester/semester-list-item.com
 import {VideoListItemComponent} from './types/video/video-list-item.component';
 import {OriginInListComponent} from './elements/origin-in-list.component';
 import {CoordinatedSearchProvider} from './coordinated-search.provider';
-import {Geolocation} from '@ionic-native/geolocation/ngx';
 import {FavoriteButtonComponent} from './elements/favorite-button.component';
 import {SimpleDataListComponent} from './list/simple-data-list.component';
 import {TitleCardComponent} from './elements/title-card.component';
@@ -166,7 +164,6 @@ import {CalendarService} from '../calendar/calendar.service';
     DataProvider,
     DataFacetsProvider,
     Geolocation,
-    Network,
     ScheduleProvider,
     StAppsWebHttpClient,
     CalendarService,

src/app/modules/data/detail/data-detail.component.ts

@@ -14,7 +14,6 @@
  */
 import {Component} from '@angular/core';
 import {ActivatedRoute} from '@angular/router';
-import {Network} from '@ionic-native/network/ngx';
 import {IonRefresher} from '@ionic/angular';
 import {LangChangeEvent, TranslateService} from '@ngx-translate/core';
 import {
@@ -26,6 +25,7 @@ import {
 import {DataProvider, DataScope} from '../data.provider';
 import {FavoritesService} from '../../favorites/favorites.service';
 import {take} from 'rxjs/operators';
+import {Network} from '@capacitor/network';
 
 /**
  * A Component to display an SCThing detailed
@@ -48,6 +48,11 @@ export class DataDetailComponent {
    */
   language: SCLanguageCode;
 
+  /**
+   * Indicating wether internet connectivity is given or not
+   */
+  isDisconnected: Promise<boolean>;
+
   /**
    * Type guard for SCSavableThing
    */
@@ -61,14 +66,12 @@ export class DataDetailComponent {
    *
    * @param route the route the page was accessed from
    * @param dataProvider the data provider
-   * @param network the network provider
    * @param favoritesService the favorites provider
    * @param translateService he translate provider
    */
   constructor(
     protected readonly route: ActivatedRoute,
     private readonly dataProvider: DataProvider,
-    protected readonly network: Network,
     private readonly favoritesService: FavoritesService,
     translateService: TranslateService,
   ) {
@@ -76,6 +79,11 @@ export class DataDetailComponent {
     translateService.onLangChange.subscribe((event: LangChangeEvent) => {
       this.language = event.lang as SCLanguageCode;
     });
+
+    this.isDisconnected = new Promise(async resolve => {
+      const isConnected = (await Network.getStatus()).connected;
+      resolve(isConnected);
+    });
   }
 
   /**
@@ -93,13 +101,6 @@ export class DataDetailComponent {
     }
   }
 
-  /**
-   * Check if we have internet
-   */
-  isDisconnected(): boolean {
-    return this.network.type === this.network.Connection.NONE;
-  }
-
   /**
    * Initialize
    */

src/app/modules/data/detail/data-detail.html

@@ -23,7 +23,7 @@
     </ion-refresher-content>
   </ion-refresher>
   <div [ngSwitch]="true">
-    <ng-container *ngSwitchCase="!item && isDisconnected()">
+    <ng-container *ngSwitchCase="!item && (isDisconnected | async)">
       <div class="centeredMessageContainer">
         <ion-icon name="no-connection"> </ion-icon>
         <ion-label>

src/app/modules/data/list/data-list.component.spec.ts

@@ -13,7 +13,9 @@ describe('DataListComponent', () => {
   beforeEach(
     waitForAsync(() => {
       configProviderMock = jasmine.createSpyObj('ConfigProvider', {
-        getValue: () => Promise.resolve({lat: 123, lng: 123}),
+        getValue: () => {
+          return {lat: 123, lng: 123};
+        },
       });
       TestBed.configureTestingModule({
         declarations: [DataListComponent],