Screen Orientation for mobile its lock

src/app/app.component.ts

@@ -8,6 +8,7 @@ import * as _rollupMoment from 'moment';
 import { NgxMatDateFormats } from '@angular-material-components/datetime-picker';
 const moment = _rollupMoment || _moment;
 import { NGX_MAT_DATE_FORMATS } from '@angular-material-components/datetime-picker';
+import { ScreenOrientation } from '@ionic-native/screen-orientation/ngx';
 
 
 const CUSTOM_DATE_FORMATS: NgxMatDateFormats = {
@@ -35,7 +36,8 @@ export class AppComponent {
   constructor(
     private platform: Platform,
     /* private splashScreen: SplashScreen, */
-      private statusBar: StatusBar
+      private statusBar: StatusBar,
+      private screenOrientation: ScreenOrientation
   ) {
     this.initializeApp();
   }
@@ -44,6 +46,12 @@ export class AppComponent {
     this.platform.ready().then(() => {
       this.statusBar.styleDefault();
       /* this.splashScreen.hide(); */
+
+      if (this.platform.is("tablet")) {
+        this.screenOrientation.unlock();
+      } else if( this.platform.is("mobile")) {
+        this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.PORTRAIT_PRIMARY);
+      }
     });
   }
 }

src/app/home/home.page.ts

@@ -24,6 +24,7 @@ import { BackgroundService } from 'src/app/services/background.service';
 import { OfflineManagerService } from 'src/app/services/offline-manager.service';
 import { Storage } from '@ionic/storage';
 import { EventsService } from 'src/app/services/events.service';
+import { ScreenOrientation } from '@ionic-native/screen-orientation/ngx';
 
 
 @Component({
@@ -84,7 +85,8 @@ export class HomePage implements OnInit {
     private backgroundservice: BackgroundService,
     private offlinemanager: OfflineManagerService,
     private storage: Storage,
-    private eventservice: EventsService) {
+    private eventservice: EventsService,
+    private screenOrientation: ScreenOrientation) {
 
     this.webNotificationPopupService.askNotificationPermission()