From 73e996fb50d07964d7965414901796ced4572aa8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Eudes=20In=C3=A1cio?= Date: Thu, 28 Oct 2021 09:30:28 +0100 Subject: [PATCH] Screen Orientation for mobile its lock --- package.json | 2 +- src/app/app.component.ts | 10 +++++++++- src/app/home/home.page.ts | 4 +++- 3 files changed, 13 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 945a26926..63c179b6b 100644 --- a/package.json +++ b/package.json @@ -199,4 +199,4 @@ "url": "git+https://Kayaya@bitbucket.org/equilibriumito/gabinete-digital.git" }, "license": "ISC" -} +} \ No newline at end of file diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 0cfd110dd..05cf78fd0 100644 --- a/src/app/app.component.ts +++ b/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); + } }); } } diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts index 67674d637..29b5a962a 100644 --- a/src/app/home/home.page.ts +++ b/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()