Muestra versión de app en menú

package.json

@@ -65,6 +65,7 @@
  "@angular/router": "~10.0.0",
  "@auth0/angular-jwt": "^5.0.1",
  "@google/maps": "^1.1.3",
+ "@ionic-native/app-version": "^5.36.0",
  "@ionic-native/barcode-scanner": "^5.29.0",
  "@ionic-native/base64": "^5.29.0",
  "@ionic-native/camera": "^5.36.0",
@@ -123,6 +124,7 @@
  "cordova-plugin-advanced-http": "^3.2.2",
  "cordova-plugin-androidx": "^3.0.0",
  "cordova-plugin-androidx-adapter": "^1.1.3",
+ "cordova-plugin-app-version": "^0.1.12",
  "cordova-plugin-camera": "^6.0.0",
  "cordova-plugin-device": "^2.0.2",
  "cordova-plugin-email-composer": "^0.9.2",
@@ -197,7 +199,8 @@
  },
  "cordova-plugin-email-composer": {
  "ANDROID_SUPPORT_V4_VERSION": "27.+"
- }
+ },
+ "cordova-plugin-app-version": {}
  },
  "platforms": [
  "browser",

src/app/app.component.html

@@ -64,7 +64,14 @@
  </ion-list>
  </ion-menu-toggle>
  </ion-content>
+ <ion-footer *ngIf="appVersion">
+ <ion-toolbar color="medium" class="ion-margin-start">
+ <ion-text color="medium">
+ <small><em>{{ appVersion }}</em></small>
+ </ion-text>
+ </ion-toolbar>
+ </ion-footer>
  </ion-menu>
  <ion-router-outlet id="main-content"></ion-router-outlet>
  </ion-split-pane>
-</ion-app>
+</ion-app>

src/app/app.component.ts

@@ -19,6 +19,7 @@ import { Router } from '@angular/router';
  templateUrl: 'app.component.html'
 })
 export class AppComponent {
+ appVersion: any;
 
  constructor(
  private deviceProvider: DeviceProvider,
@@ -68,6 +69,9 @@ export class AppComponent {
  this.platform.ready().then(async () => {
 
  if (this.platform.is('cordova')) {
+
+ this.appVersion = await this.deviceProvider.getAppVersion();
+
  this.statusBar.styleLightContent();
  this.splashScreen.hide();
 
@@ -120,6 +124,7 @@ export class AppComponent {
  });
  }
 
+
  get isLogged() {
  return this.authProvider.user !== null;
  }
@@ -201,8 +206,8 @@ export class AppComponent {
  },
  {
  text: 'Descargar',
- handler: () => {
- window.open(`market:https://details?id=${ENV.REPOSITORIO}`);
+ handler: async () => {
+ window.open(`market:https://details?id=${await this.deviceProvider.getPackageName()}`);
  }
  }
  ]
@@ -232,8 +237,8 @@ export class AppComponent {
  },
  {
  text: 'Descargar',
- handler: () => {
- window.open(`market:https://details?id=${ENV.REPOSITORIO}`);
+ handler: async () => {
+ window.open(`market:https://details?id=${await this.deviceProvider.getPackageName()}`);
  (navigator as any).app.exitApp();
  }
  }

src/app/app.module.ts

@@ -46,6 +46,7 @@ import { HttpModule } from '@angular/http';
 import { DescargaArchivosProvider } from 'src/providers/descarga-archivos';
 import { FirebaseMessaging } from '@ionic-native/firebase-messaging/ngx';
 import { HTTP } from '@ionic-native/http/ngx';
+import { AppVersion } from '@ionic-native/app-version/ngx';
 
 registerLocaleData(localeSpanish, 'es');
 moment.locale('es');
@@ -102,6 +103,7 @@ moment.locale('es');
  FirebaseMessaging,
  HTTP,
  StorageService,
+ AppVersion,
  { provide: LOCALE_ID, useValue: 'es' },
  ],
  bootstrap: [AppComponent],

src/app/pages/login/informacion-validacion/informacion-validacion.html

@@ -134,4 +134,4 @@ <h3>Activación de cuenta de {{ accountNombre }}</h3>
  </div>
  </ng-container>
 
-</ion-content>
+</ion-content>

src/app/pages/mis-familiares/registro-familiar.html

@@ -64,4 +64,4 @@ <h2>{{ sexo }}</h2>
  </form>
  </ng-container>
  </ng-container>
-</ion-content>
+</ion-content>