feat: show rate the app on setting menu

This commit is contained in:
Tom Fong 2022-11-24 11:28:27 +08:00
parent 04949d2bf9
commit 262459f1e1
2 changed files with 34 additions and 0 deletions

View file

@ -133,6 +133,28 @@
</p> </p>
</ion-label> </ion-label>
</ion-item> </ion-item>
<ion-item *ngIf="isAndroid" class="ion-no-padding ripple-parent" detail="false" lines="none"
(click)="rateAndroidApp()">
<ion-icon class="ion-margin-start ion-padding-horizontal" color="primary" name="logo-google-playstore"></ion-icon>
<ion-label>
<p class="ion-padding pre-line">
<ion-text [color]="env.colorTheme === 'light'? 'dark' : 'light'" style="font-size: large;">
{{ 'RATE_THE_APP' | translate }}
</ion-text>
</p>
</ion-label>
</ion-item>
<ion-item *ngIf="isIos" class="ion-no-padding ripple-parent" detail="false" lines="none"
(click)="rateIosApp()">
<ion-icon class="ion-margin-start ion-padding-horizontal" color="primary" name="logo-apple-appstore"></ion-icon>
<ion-label>
<p class="ion-padding pre-line">
<ion-text [color]="env.colorTheme === 'light'? 'dark' : 'light'" style="font-size: large;">
{{ 'RATE_THE_APP' | translate }}
</ion-text>
</p>
</ion-label>
</ion-item>
<ion-item *ngIf="isAndroid" class="ion-no-padding ripple-parent" detail="false" lines="none" <ion-item *ngIf="isAndroid" class="ion-no-padding ripple-parent" detail="false" lines="none"
(click)="exitApp()"> (click)="exitApp()">
<ion-icon class="ion-margin-start ion-padding-horizontal" color="danger" name="exit"></ion-icon> <ion-icon class="ion-margin-start ion-padding-horizontal" color="danger" name="exit"></ion-icon>

View file

@ -28,10 +28,22 @@ export class SettingPage {
await SplashScreen.hide() await SplashScreen.hide()
} }
get isIos(): boolean {
return this.platform.is('ios');
}
get isAndroid(): boolean { get isAndroid(): boolean {
return this.platform.is('android'); return this.platform.is('android');
} }
rateAndroidApp() {
window.open(this.env.GOOGLE_PLAY_URL, '_system');
}
rateIosApp() {
window.open(this.env.APP_STORE_URL, '_system');
}
setLanguage() { setLanguage() {
this.router.navigate(['setting-language']); this.router.navigate(['setting-language']);
} }