Update splash and about page

config.xml

@@ -96,4 +96,5 @@
     <plugin name="cordova-plugin-vibration" spec="^2.1.5" />
     <plugin name="cordova-plugin-whitelist" spec="^1.3.1" />
     <plugin name="ionic-plugin-keyboard" spec="^2.2.1" />
+    <plugin name="cordova-plugin-app-version" spec="^0.1.9" />
 </widget>

package.json

@@ -26,6 +26,7 @@
         "@angular/http": "4.1.3",
         "@angular/platform-browser": "4.1.3",
         "@angular/platform-browser-dynamic": "4.1.3",
+        "@ionic-native/app-version": "^4.3.0",
         "@ionic-native/camera": "^4.2.1",
         "@ionic-native/core": "3.12.1",
         "@ionic-native/file": "^4.2.1",
@@ -41,6 +42,7 @@
         "@ngx-translate/core": "^8.0.0",
         "@ngx-translate/http-loader": "^0.1.0",
         "cordova-android": "^6.2.3",
+        "cordova-plugin-app-version": "^0.1.9",
         "cordova-plugin-camera": "^2.4.1",
         "cordova-plugin-compat": "^1.1.0",
         "cordova-plugin-console": "^1.0.5",
@@ -82,7 +84,8 @@
             "cordova-plugin-vibration": {},
             "cordova-plugin-screen-orientation": {},
             "cordova-plugin-globalization": {},
-            "cordova-plugin-nativestorage": {}
+            "cordova-plugin-nativestorage": {},
+            "cordova-plugin-app-version": {}
         },
         "platforms": [
             "android"

resources/splash.png.md5

@@ -1 +1 @@
-0dcf1df8c92c1ece4382d3357d9f8562
+327b417bc1264015bf767de0e642c6f8

src/app/app.module.ts

@@ -13,6 +13,7 @@ import { ScreenOrientation } from '@ionic-native/screen-orientation';
 import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
 import { Globalization } from '@ionic-native/globalization';
 import { NativeStorage } from '@ionic-native/native-storage';
+import { AppVersion } from '@ionic-native/app-version';
 
 import { MyApp } from './app.component';
 import { HomePage } from '../pages/home/home';
@@ -62,6 +63,7 @@ import { createTranslateLoader } from './../assets/i18n/createTranslateLoader';
     ScreenOrientation,
     Globalization,
     NativeStorage,
+    AppVersion,
     CognitiveService,
     CameraProvider,
     NativeActionsProvider

src/pages/about/about.html

@@ -10,5 +10,5 @@
 </ion-header>
 
 <ion-content padding>
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis quas commodi aspernatur magni, quidem voluptates minima totam nulla cumque sapiente nihil veniam sequi voluptatum modi corporis incidunt nesciunt sunt voluptas?</p>
+  <p>{{appName}} - version: {{versionNumber}}</p>
 </ion-content>

src/pages/about/about.ts

@@ -1,17 +1,23 @@
 import { Component } from '@angular/core';
 import { NavController, NavParams } from 'ionic-angular';
+import { AppVersion } from '@ionic-native/app-version';
 
 @Component({
   selector: 'page-about',
   templateUrl: 'about.html',
 })
 export class AboutPage {
 
+  appName;
+  versionNumber;
+
   constructor(
+    private appVersion: AppVersion,
     public navCtrl: NavController,
     public navParams: NavParams
   ) {
-
+    this.appVersion.getAppName().then(data => this.appName = data);
+    this.appVersion.getVersionNumber().then(data => this.versionNumber = data);
   }
 
 }