--- a/ionic.config.json
+++ b/ionic.config.json
@@ -1,7 +1,10 @@
 
				 {
			
 
				   "name": "farmr3",
			
 
				   "integrations": {
			
 
				-    "capacitor": {}
			
 
				+    "capacitor": {
			
 
				+      "enabled": false
			
 
				+    },
			
 
				+    "cordova": {}
			
 
				   },
			
 
				   "type": "angular"
			
 
				 }
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -19,13 +19,43 @@
 
				     "@angular/platform-browser": "~13.2.2",
			
 
				     "@angular/platform-browser-dynamic": "~13.2.2",
			
 
				     "@angular/router": "~13.2.2",
			
 
				+    "@awesome-cordova-plugins/barcode-scanner": "^5.37.1",
			
 
				+    "@awesome-cordova-plugins/core": "^5.37.1",
			
 
				+    "@awesome-cordova-plugins/file-transfer": "^5.37.1",
			
 
				+    "@awesome-cordova-plugins/native-geocoder": "^5.41.0",
			
 
				+    "@awesome-cordova-plugins/push": "^5.37.1",
			
 
				+    "@awesome-cordova-plugins/status-bar": "^5.37.2",
			
 
				+    "@awesome-cordova-plugins/stripe": "^5.37.1",
			
 
				     "@capacitor/app": "1.1.1",
			
 
				     "@capacitor/core": "3.5.0",
			
 
				     "@capacitor/haptics": "1.1.4",
			
 
				+    "@capacitor/ios": "3.5.0",
			
 
				     "@capacitor/keyboard": "1.2.2",
			
 
				     "@capacitor/status-bar": "1.0.8",
			
 
				+    "@fortawesome/angular-fontawesome": "^0.10.1",
			
 
				+    "@fortawesome/fontawesome-free": "^5.15.4",
			
 
				+    "@fortawesome/fontawesome-svg-core": "^1.2.36",
			
 
				+    "@fortawesome/free-brands-svg-icons": "^5.15.4",
			
 
				+    "@fortawesome/free-regular-svg-icons": "^5.15.4",
			
 
				+    "@fortawesome/free-solid-svg-icons": "^5.15.4",
			
 
				+    "@ionic-native/android-permissions": "^5.30.0",
			
 
				+    "@ionic-native/call-number": "^5.36.0",
			
 
				+    "@ionic-native/core": "^5.36.0",
			
 
				+    "@ionic-native/device": "^5.30.0",
			
 
				+    "@ionic-native/email-composer": "^5.36.0",
			
 
				+    "@ionic-native/facebook": "^5.36.0",
			
 
				+    "@ionic-native/geolocation": "^5.36.0",
			
 
				+    "@ionic-native/http": "^5.36.0",
			
 
				+    "@ionic-native/in-app-browser": "^5.36.0",
			
 
				+    "@ionic-native/native-geocoder": "^5.36.0",
			
 
				+    "@ionic-native/paypal": "^5.30.0",
			
 
				+    "@ionic-native/push": "^5.36.0",
			
 
				+    "@ionic-native/sign-in-with-apple": "^5.36.0",
			
 
				+    "@ionic-native/uid": "^5.30.0",
			
 
				     "@ionic/angular": "^6.0.0",
			
 
				+    "@ionic/cordova-builders": "^6.1.0",
			
 
				     "rxjs": "~6.6.0",
			
 
				+    "sharp": "^0.30.4",
			
 
				     "tslib": "^2.2.0",
			
 
				     "zone.js": "~0.11.4"
			
 
				   },
			
@@ -41,11 +71,36 @@
 
				     "@angular/language-service": "~13.2.2",
			
 
				     "@capacitor/cli": "3.5.0",
			
 
				     "@ionic/angular-toolkit": "^6.0.0",
			
 
				+    "@ionic/storage-angular": "^3.0.6",
			
 
				     "@types/jasmine": "~3.6.0",
			
 
				     "@types/jasminewd2": "~2.0.3",
			
 
				     "@types/node": "^12.11.1",
			
 
				     "@typescript-eslint/eslint-plugin": "5.3.0",
			
 
				     "@typescript-eslint/parser": "5.3.0",
			
 
				+    "cordova-ios": "^6.2.0",
			
 
				+    "cordova-plugin-add-swift-support": "^2.0.2",
			
 
				+    "cordova-plugin-advanced-http": "^3.2.2",
			
 
				+    "cordova-plugin-android-permissions": "^1.1.2",
			
 
				+    "cordova-plugin-androidx": "^3.0.0",
			
 
				+    "cordova-plugin-androidx-adapter": "^1.1.3",
			
 
				+    "cordova-plugin-device": "2.0.2",
			
 
				+    "cordova-plugin-email-composer": "^0.10.0",
			
 
				+    "cordova-plugin-facebook-connect": "^3.2.0",
			
 
				+    "cordova-plugin-file": "^6.0.2",
			
 
				+    "cordova-plugin-file-transfer": "^1.7.1",
			
 
				+    "cordova-plugin-geolocation": "^4.1.0",
			
 
				+    "cordova-plugin-googlemaps": "^2.7.1",
			
 
				+    "cordova-plugin-googlemaps-sdk": "github:mapsplugin/cordova-plugin-googlemaps-sdk",
			
 
				+    "cordova-plugin-inappbrowser": "^5.0.0",
			
 
				+    "cordova-plugin-ionic-keyboard": "^2.2.0",
			
 
				+    "cordova-plugin-ionic-webview": "^5.0.0",
			
 
				+    "cordova-plugin-nativegeocoder": "^3.4.1",
			
 
				+    "cordova-plugin-sign-in-with-apple": "^0.1.2",
			
 
				+    "cordova-plugin-splashscreen": "5.0.2",
			
 
				+    "cordova-plugin-statusbar": "2.4.2",
			
 
				+    "cordova-plugin-stripe": "^1.5.3",
			
 
				+    "cordova-plugin-uid": "^1.3.0",
			
 
				+    "cordova-support-google-services": "^1.4.1",
			
 
				     "eslint": "^7.6.0",
			
 
				     "eslint-plugin-import": "2.22.1",
			
 
				     "eslint-plugin-jsdoc": "30.7.6",
			
@@ -58,9 +113,49 @@
 
				     "karma-coverage-istanbul-reporter": "~3.0.2",
			
 
				     "karma-jasmine": "~4.0.0",
			
 
				     "karma-jasmine-html-reporter": "^1.5.0",
			
 
				+    "mx.ferreyra.callnumber": "0.0.2",
			
 
				     "protractor": "~7.0.0",
			
 
				     "ts-node": "~8.3.0",
			
 
				     "typescript": "~4.4.4"
			
 
				   },
			
 
				-  "description": "An Ionic project"
			
 
				-}
			
 
				+  "description": "An Ionic project",
			
 
				+  "cordova": {
			
 
				+    "plugins": {
			
 
				+      "cordova-plugin-statusbar": {},
			
 
				+      "cordova-plugin-device": {},
			
 
				+      "cordova-plugin-splashscreen": {},
			
 
				+      "cordova-plugin-ionic-webview": {},
			
 
				+      "cordova-plugin-ionic-keyboard": {},
			
 
				+      "cordova-plugin-geolocation": {},
			
 
				+      "cordova-plugin-nativegeocoder": {
			
 
				+        "LOCATION_WHEN_IN_USE_DESCRIPTION": "Use geocoder service"
			
 
				+      },
			
 
				+      "mx.ferreyra.callnumber": {},
			
 
				+      "cordova-plugin-email-composer": {},
			
 
				+      "call-number": {},
			
 
				+      "cordova-plugin-inappbrowser": {},
			
 
				+      "cordova-plugin-sign-in-with-apple": {},
			
 
				+      "cordova-plugin-androidx": {},
			
 
				+      "cordova-plugin-androidx-adapter": {},
			
 
				+      "phonegap-plugin-push": {},
			
 
				+      "cordova-plugin-file-transfer": {},
			
 
				+      "cordova-plugin-stripe": {},
			
 
				+      "com.paypal.cordova.mobilesdk": {},
			
 
				+      "cordova-plugin-facebook-connect": {
			
 
				+        "APP_ID": "4746807965342529",
			
 
				+        "APP_NAME": "FarmSter",
			
 
				+        "FACEBOOK_URL_SCHEME_SUFFIX": " ",
			
 
				+        "OTHER_APP_SCHEMES": " ",
			
 
				+        "FACEBOOK_AUTO_LOG_APP_EVENTS": "true",
			
 
				+        "FACEBOOK_HYBRID_APP_EVENTS": "false",
			
 
				+        "FACEBOOK_ADVERTISER_ID_COLLECTION": "true",
			
 
				+        "FACEBOOK_ANDROID_SDK_VERSION": "11.3.0",
			
 
				+        "FACEBOOK_IOS_SDK_VERSION": "11.1.0",
			
 
				+        "FACEBOOK_BROWSER_SDK_VERSION": "v11.0"
			
 
				+      }
			
 
				+    },
			
 
				+    "platforms": [
			
 
				+      "ios"
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/resources/README.md
+++ b/resources/README.md
@@ -0,0 +1,8 @@
 
				+These are Cordova resources. You can replace icon.png and splash.png and run
			
 
				+`ionic cordova resources` to generate custom icons and splash screens for your
			
 
				+app. See `ionic cordova resources --help` for details.
			
 
				+
			
 
				+Cordova reference documentation:
			
 
				+
			
 
				+- Icons: https://cordova.apache.org/docs/en/latest/config_ref/images.html
			
 
				+- Splash Screens: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/
			
--- a/resources/android/icon/drawable-hdpi-icon.png
+++ b/resources/android/icon/drawable-hdpi-icon.png
--- a/resources/android/icon/drawable-ldpi-icon.png
+++ b/resources/android/icon/drawable-ldpi-icon.png
--- a/resources/android/icon/drawable-mdpi-icon.png
+++ b/resources/android/icon/drawable-mdpi-icon.png
--- a/resources/android/icon/drawable-xhdpi-icon.png
+++ b/resources/android/icon/drawable-xhdpi-icon.png
--- a/resources/android/icon/drawable-xxhdpi-icon.png
+++ b/resources/android/icon/drawable-xxhdpi-icon.png
--- a/resources/android/icon/drawable-xxxhdpi-icon.png
+++ b/resources/android/icon/drawable-xxxhdpi-icon.png
--- a/resources/android/splash/drawable-land-hdpi-screen.png
+++ b/resources/android/splash/drawable-land-hdpi-screen.png
--- a/resources/android/splash/drawable-land-ldpi-screen.png
+++ b/resources/android/splash/drawable-land-ldpi-screen.png
--- a/resources/android/splash/drawable-land-mdpi-screen.png
+++ b/resources/android/splash/drawable-land-mdpi-screen.png
--- a/resources/android/splash/drawable-land-xhdpi-screen.png
+++ b/resources/android/splash/drawable-land-xhdpi-screen.png
--- a/resources/android/splash/drawable-land-xxhdpi-screen.png
+++ b/resources/android/splash/drawable-land-xxhdpi-screen.png
--- a/resources/android/splash/drawable-land-xxxhdpi-screen.png
+++ b/resources/android/splash/drawable-land-xxxhdpi-screen.png
--- a/resources/android/splash/drawable-port-hdpi-screen.png
+++ b/resources/android/splash/drawable-port-hdpi-screen.png
--- a/resources/android/splash/drawable-port-ldpi-screen.png
+++ b/resources/android/splash/drawable-port-ldpi-screen.png
--- a/resources/android/splash/drawable-port-mdpi-screen.png
+++ b/resources/android/splash/drawable-port-mdpi-screen.png
--- a/resources/android/splash/drawable-port-xhdpi-screen.png
+++ b/resources/android/splash/drawable-port-xhdpi-screen.png
--- a/resources/android/splash/drawable-port-xxhdpi-screen.png
+++ b/resources/android/splash/drawable-port-xxhdpi-screen.png
--- a/resources/android/splash/drawable-port-xxxhdpi-screen.png
+++ b/resources/android/splash/drawable-port-xxxhdpi-screen.png
--- a/resources/android/xml/network_security_config.xml
+++ b/resources/android/xml/network_security_config.xml
@@ -0,0 +1,7 @@
 
				+<?xml version="1.0" encoding="utf-8"?>
			
 
				+<network-security-config>
			
 
				+    <domain-config cleartextTrafficPermitted="true">
			
 
				+        <domain includeSubdomains="true">localhost</domain>
			
 
				+        <domain includeSubdomains="true">tamtime.iamarray.xyz</domain>
			
 
				+    </domain-config>
			
 
				+</network-security-config>
			
--- a/resources/icon.png
+++ b/resources/icon.png
--- a/resources/ios/icon/icon-1024.png
+++ b/resources/ios/icon/icon-1024.png
--- a/resources/ios/icon/icon-108@2x.png
+++ b/resources/ios/icon/icon-108@2x.png
--- a/resources/ios/icon/icon-20.png
+++ b/resources/ios/icon/icon-20.png
--- a/resources/ios/icon/icon-20@2x.png
+++ b/resources/ios/icon/icon-20@2x.png
--- a/resources/ios/icon/icon-20@3x.png
+++ b/resources/ios/icon/icon-20@3x.png
--- a/resources/ios/icon/icon-24@2x.png
+++ b/resources/ios/icon/icon-24@2x.png
--- a/resources/ios/icon/icon-27.5@2x.png
+++ b/resources/ios/icon/icon-27.5@2x.png
--- a/resources/ios/icon/icon-29.png
+++ b/resources/ios/icon/icon-29.png
--- a/resources/ios/icon/icon-29@2x.png
+++ b/resources/ios/icon/icon-29@2x.png
--- a/resources/ios/icon/icon-29@3x.png
+++ b/resources/ios/icon/icon-29@3x.png
--- a/resources/ios/icon/icon-40.png
+++ b/resources/ios/icon/icon-40.png
--- a/resources/ios/icon/icon-40@2x.png
+++ b/resources/ios/icon/icon-40@2x.png
--- a/resources/ios/icon/icon-40@3x.png
+++ b/resources/ios/icon/icon-40@3x.png
--- a/resources/ios/icon/icon-44@2x.png
+++ b/resources/ios/icon/icon-44@2x.png
--- a/resources/ios/icon/icon-50.png
+++ b/resources/ios/icon/icon-50.png
--- a/resources/ios/icon/icon-50@2x.png
+++ b/resources/ios/icon/icon-50@2x.png
--- a/resources/ios/icon/icon-60.png
+++ b/resources/ios/icon/icon-60.png
--- a/resources/ios/icon/icon-60@2x.png
+++ b/resources/ios/icon/icon-60@2x.png
--- a/resources/ios/icon/icon-60@3x.png
+++ b/resources/ios/icon/icon-60@3x.png
--- a/resources/ios/icon/icon-72.png
+++ b/resources/ios/icon/icon-72.png
--- a/resources/ios/icon/icon-72@2x.png
+++ b/resources/ios/icon/icon-72@2x.png
--- a/resources/ios/icon/icon-76.png
+++ b/resources/ios/icon/icon-76.png
--- a/resources/ios/icon/icon-76@2x.png
+++ b/resources/ios/icon/icon-76@2x.png
--- a/resources/ios/icon/icon-83.5@2x.png
+++ b/resources/ios/icon/icon-83.5@2x.png
--- a/resources/ios/icon/icon-86@2x.png
+++ b/resources/ios/icon/icon-86@2x.png
--- a/resources/ios/icon/icon-98@2x.png
+++ b/resources/ios/icon/icon-98@2x.png
--- a/resources/ios/icon/icon.png
+++ b/resources/ios/icon/icon.png
--- a/resources/ios/icon/icon@2x.png
+++ b/resources/ios/icon/icon@2x.png
--- a/resources/ios/splash/Default-1792h~iphone.png
+++ b/resources/ios/splash/Default-1792h~iphone.png
--- a/resources/ios/splash/Default-2436h.png
+++ b/resources/ios/splash/Default-2436h.png
--- a/resources/ios/splash/Default-2688h~iphone.png
+++ b/resources/ios/splash/Default-2688h~iphone.png
--- a/resources/ios/splash/Default-568h@2x~iphone.png
+++ b/resources/ios/splash/Default-568h@2x~iphone.png
--- a/resources/ios/splash/Default-667h.png
+++ b/resources/ios/splash/Default-667h.png
--- a/resources/ios/splash/Default-736h.png
+++ b/resources/ios/splash/Default-736h.png
--- a/resources/ios/splash/Default-Landscape-1792h~iphone.png
+++ b/resources/ios/splash/Default-Landscape-1792h~iphone.png
--- a/resources/ios/splash/Default-Landscape-2436h.png
+++ b/resources/ios/splash/Default-Landscape-2436h.png
--- a/resources/ios/splash/Default-Landscape-2688h~iphone.png
+++ b/resources/ios/splash/Default-Landscape-2688h~iphone.png
--- a/resources/ios/splash/Default-Landscape-736h.png
+++ b/resources/ios/splash/Default-Landscape-736h.png
--- a/resources/ios/splash/Default-Landscape@2x~ipad.png
+++ b/resources/ios/splash/Default-Landscape@2x~ipad.png
--- a/resources/ios/splash/Default-Landscape@~ipadpro.png
+++ b/resources/ios/splash/Default-Landscape@~ipadpro.png
--- a/resources/ios/splash/Default-Landscape~ipad.png
+++ b/resources/ios/splash/Default-Landscape~ipad.png
--- a/resources/ios/splash/Default-Portrait@2x~ipad.png
+++ b/resources/ios/splash/Default-Portrait@2x~ipad.png
--- a/resources/ios/splash/Default-Portrait@~ipadpro.png
+++ b/resources/ios/splash/Default-Portrait@~ipadpro.png
--- a/resources/ios/splash/Default-Portrait~ipad.png
+++ b/resources/ios/splash/Default-Portrait~ipad.png
--- a/resources/ios/splash/Default@2x~iphone.png
+++ b/resources/ios/splash/Default@2x~iphone.png
--- a/resources/ios/splash/Default@2x~universal~anyany.png
+++ b/resources/ios/splash/Default@2x~universal~anyany.png
--- a/resources/ios/splash/Default~iphone.png
+++ b/resources/ios/splash/Default~iphone.png
--- a/resources/splash.png
+++ b/resources/splash.png
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -5,6 +5,82 @@ const routes: Routes = [
 
				   {
			
 
				     path: '',
			
 
				     loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'home',
			
 
				+    loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'register',
			
 
				+    loadChildren: () => import('./register/register.module').then( m => m.RegisterPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'login',
			
 
				+    loadChildren: () => import('./login/login.module').then( m => m.LoginPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'forgot-password',
			
 
				+    loadChildren: () => import('./forgot-password/forgot-password.module').then( m => m.ForgotPasswordPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'register-form',
			
 
				+    loadChildren: () => import('./register-form/register-form.module').then( m => m.RegisterFormPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'profile',
			
 
				+    loadChildren: () => import('./profile/profile.module').then( m => m.ProfilePageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'reset-password',
			
 
				+    loadChildren: () => import('./reset-password/reset-password.module').then( m => m.ResetPasswordPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'placedetail',
			
 
				+    loadChildren: () => import('./placedetail/placedetail.module').then( m => m.PlacedetailPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'place',
			
 
				+    loadChildren: () => import('./place/place.module').then( m => m.PlacePageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'province',
			
 
				+    loadChildren: () => import('./province/province.module').then( m => m.ProvincePageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'gmap',
			
 
				+    loadChildren: () => import('./gmap/gmap.module').then( m => m.GmapPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'nearme',
			
 
				+    loadChildren: () => import('./nearme/nearme.module').then( m => m.NearmePageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'sample',
			
 
				+    loadChildren: () => import('./sample/sample.module').then( m => m.SamplePageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'product',
			
 
				+    loadChildren: () => import('./product/product.module').then( m => m.ProductPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'product-detail',
			
 
				+    loadChildren: () => import('./product-detail/product-detail.module').then( m => m.ProductDetailPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'tracking',
			
 
				+    loadChildren: () => import('./tracking/tracking.module').then( m => m.TrackingPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'news',
			
 
				+    loadChildren: () => import('./news/news.module').then( m => m.NewsPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'checkout',
			
 
				+    loadChildren: () => import('./checkout/checkout.module').then( m => m.CheckoutPageModule)
			
 
				+  },
			
 
				+  {
			
 
				+    path: 'pay',
			
 
				+    loadChildren: () => import('./pay/pay.module').then( m => m.PayPageModule)
			
 
				   }
			
 
				 ];
			
 
				 @NgModule({
			
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -0,0 +1,4 @@
 
				+.product-title {
			
 
				+    font-weight:bold;
			
 
				+    font-size:20px;
			
 
				+}
			
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,4 +1,9 @@
 
				 import { Component } from '@angular/core';
			
 
				+import { Storage } from '@ionic/storage-angular';
			
 
				+import { StatusBar } from '@awesome-cordova-plugins/status-bar/ngx';
			
 
				+import { Uid } from '@ionic-native/uid/ngx';
			
 
				+import { AndroidPermissions } from '@ionic-native/android-permissions/ngx';
			
 
				+
			
 
				 
			
 
				 @Component({
			
 
				   selector: 'app-root',
			
@@ -6,5 +11,42 @@ import { Component } from '@angular/core';
 
				   styleUrls: ['app.component.scss'],
			
 
				 })
			
 
				 export class AppComponent {
			
 
				-  constructor() {}
			
 
				+    constructor(private storage: Storage, private statusBar:StatusBar, private uid: Uid, private androidPermissions: AndroidPermissions) {
			
 
				+
			
 
				+        this.statusBar.overlaysWebView(true);
			
 
				+
			
 
				+
			
 
				+    }
			
 
				+    openQRCode() {
			
 
				+        console.log("open QR Code");
			
 
				+    }
			
 
				+    async ngOnInit() {
			
 
				+        // If using a custom driver:
			
 
				+        // await this.storage.defineDriver(MyCustomDriver)
			
 
				+        await this.storage.create();
			
 
				+        //await this.getImei();
			
 
				+    }
			
 
				+    async getImei() {
			
 
				+        const { hasPermission } = await this.androidPermissions.checkPermission(
			
 
				+            this.androidPermissions.PERMISSION.READ_PHONE_STATE
			
 
				+        );
			
 
				+        console.log(hasPermission);
			
 
				+
			
 
				+        if (!hasPermission) {
			
 
				+            const result = await this.androidPermissions.requestPermission(
			
 
				+                this.androidPermissions.PERMISSION.READ_PHONE_STATE
			
 
				+            );
			
 
				+
			
 
				+            if (!result.hasPermission) {
			
 
				+                throw new Error('Permissions required');
			
 
				+            }
			
 
				+
			
 
				+            // ok, a user gave us permission, we can get him identifiers after restart app
			
 
				+            return;
			
 
				+        }
			
 
				+        console.log("UUID");
			
 
				+        console.log(this.uid.UUID);
			
 
				+        await this.storage.set('uid', this.uid.UUID);
			
 
				+        return this.uid.IMEI
			
 
				+    }
			
 
				 }
			
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -7,11 +7,71 @@ import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
 
				 import { AppRoutingModule } from './app-routing.module';
			
 
				 import { AppComponent } from './app.component';
			
 
				 
			
 
				+import { HttpClientModule, HttpClient} from '@angular/common/http';
			
 
				+
			
 
				+// import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
			
 
				+// import { library } from '@fortawesome/fontawesome-svg-core';
			
 
				+import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
			
 
				+import { fas } from '@fortawesome/free-solid-svg-icons';
			
 
				+import { far } from '@fortawesome/free-regular-svg-icons';
			
 
				+import { fab } from '@fortawesome/free-brands-svg-icons';
			
 
				+
			
 
				+import { Geolocation } from '@ionic-native/geolocation/ngx';
			
 
				+import { NativeGeocoder } from '@ionic-native/native-geocoder/ngx';
			
 
				+
			
 
				+import { CallNumber } from '@ionic-native/call-number/ngx';
			
 
				+import { EmailComposer } from '@ionic-native/email-composer/ngx';
			
 
				+import { HTTP } from '@ionic-native/http/ngx';
			
 
				+import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
			
 
				+
			
 
				+import { IonicStorageModule } from '@ionic/storage-angular';
			
 
				+import { SignInWithApple } from '@ionic-native/sign-in-with-apple/ngx';
			
 
				+
			
 
				+import { PipeModule } from './pipe/pipe.module';
			
 
				+import { Facebook } from '@ionic-native/facebook/ngx';
			
 
				+
			
 
				+import { BarcodeScanner } from '@awesome-cordova-plugins/barcode-scanner/ngx';
			
 
				+import { PayPal } from '@ionic-native/paypal/ngx';
			
 
				+import { StatusBar } from '@awesome-cordova-plugins/status-bar/ngx';
			
 
				+import { Uid } from '@ionic-native/uid/ngx';
			
 
				+import { AndroidPermissions } from '@ionic-native/android-permissions/ngx';
			
 
				+import { Device } from '@ionic-native/device/ngx';
			
 
				+
			
 
				+//import { Stripe } from '@awesome-cordova-plugins/stripe/ngx';
			
 
				+
			
 
				+
			
 
				+// import { IonicImageViewerModule } from 'ionic-img-viewer';
			
 
				+
			
 
				+
			
 
				+// library.add(fas,far,fab);
			
 
				+
			
 
				 @NgModule({
			
 
				-  declarations: [AppComponent],
			
 
				-  entryComponents: [],
			
 
				-  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
			
 
				-  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
			
 
				-  bootstrap: [AppComponent],
			
 
				+    declarations: [AppComponent],
			
 
				+    entryComponents: [],
			
 
				+    imports: [HttpClientModule, BrowserModule, PipeModule,IonicModule.forRoot({_forceStatusbarPadding: true}), AppRoutingModule, FontAwesomeModule,   IonicStorageModule.forRoot()],
			
 
				+    providers: [
			
 
				+        Geolocation,
			
 
				+        NativeGeocoder,
			
 
				+        CallNumber,
			
 
				+        EmailComposer,
			
 
				+        InAppBrowser,
			
 
				+        HTTP,
			
 
				+        Facebook, 
			
 
				+        StatusBar,
			
 
				+        BarcodeScanner,
			
 
				+        SignInWithApple,
			
 
				+        PayPal,
			
 
				+        AndroidPermissions,
			
 
				+        Uid,
			
 
				+        Device,
			
 
				+        //Stripe,
			
 
				+        { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
			
 
				+    ],
			
 
				+    bootstrap: [AppComponent],
			
 
				 })
			
 
				-export class AppModule {}
			
 
				+export class AppModule {
			
 
				+    constructor(library: FaIconLibrary) {
			
 
				+        library.addIconPacks(fas, fab, far);
			
 
				+    }
			
 
				+
			
 
				+}
			
--- a/src/app/checkout/checkout-routing.module.ts
+++ b/src/app/checkout/checkout-routing.module.ts
@@ -0,0 +1,17 @@
 
				+import { NgModule } from '@angular/core';
			
 
				+import { Routes, RouterModule } from '@angular/router';
			
 
				+
			
 
				+import { CheckoutPage } from './checkout.page';
			
 
				+
			
 
				+const routes: Routes = [
			
 
				+  {
			
 
				+    path: '',
			
 
				+    component: CheckoutPage
			
 
				+  }
			
 
				+];
			
 
				+
			
 
				+@NgModule({
			
 
				+  imports: [RouterModule.forChild(routes)],
			
 
				+  exports: [RouterModule],
			
 
				+})
			
 
				+export class CheckoutPageRoutingModule {}
			
--- a/src/app/checkout/checkout.module.ts
+++ b/src/app/checkout/checkout.module.ts
@@ -0,0 +1,20 @@
 
				+import { NgModule } from '@angular/core';
			
 
				+import { CommonModule } from '@angular/common';
			
 
				+import { FormsModule } from '@angular/forms';
			
 
				+
			
 
				+import { IonicModule } from '@ionic/angular';
			
 
				+
			
 
				+import { CheckoutPageRoutingModule } from './checkout-routing.module';
			
 
				+
			
 
				+import { CheckoutPage } from './checkout.page';
			
 
				+
			
 
				+@NgModule({
			
 
				+  imports: [
			
 
				+    CommonModule,
			
 
				+    FormsModule,
			
 
				+    IonicModule,
			
 
				+    CheckoutPageRoutingModule
			
 
				+  ],
			
 
				+  declarations: [CheckoutPage]
			
 
				+})
			
 
				+export class CheckoutPageModule {}
			
--- a/src/app/checkout/checkout.page.html
+++ b/src/app/checkout/checkout.page.html
@@ -0,0 +1,81 @@
 
				+<ion-header>
			
 
				+  <ion-toolbar class='new-background-color'>
			
 
				+    <ion-title>Checkout</ion-title>
			
 
				+      <ion-buttons slot="end">
			
 
				+          <ion-button (click)="dismiss()" color="light">
			
 
				+            <ion-icon name="close-circle-outline"></ion-icon>
			
 
				+          </ion-button>
			
 
				+      </ion-buttons>
			
 
				+  </ion-toolbar>
			
 
				+</ion-header>
			
 
				+
			
 
				+<ion-content>
			
 
				+    <ion-list>
			
 
				+        <ion-list-header>
			
 
				+            Recent Items
			
 
				+        </ion-list-header>
			
 
				+
			
 
				+        <ion-item-sliding>
			
 
				+            <ion-item>
			
 
				+            <ion-avatar slot="start">
			
 
				+                <img src="assets/images/fresh-durian.jpeg">
			
 
				+            </ion-avatar>
			
 
				+            <ion-label>
			
 
				+                <h2>Durian</h2>
			
 
				+                <p>Size M</p>
			
 
				+            </ion-label>
			
 
				+            <ion-label slot='end'>
			
 
				+                3 * 100.00 = 
			
 
				+            </ion-label>
			
 
				+            <ion-label slot='end'>
			
 
				+                300.00 THB
			
 
				+            </ion-label>
			
 
				+            </ion-item>
			
 
				+            <ion-item-options side="end">
			
 
				+                <ion-item-option (click)="unread(item)" color='danger'>Remove</ion-item-option>
			
 
				+            </ion-item-options>
			
 
				+        </ion-item-sliding>
			
 
				+        <ion-item>
			
 
				+            <ion-avatar slot="start">
			
 
				+                <img src="assets/images/fresh-durian.jpeg">
			
 
				+            </ion-avatar>
			
 
				+            <ion-label>
			
 
				+                <h2>Durian</h2>
			
 
				+                <p>Size M</p>
			
 
				+            </ion-label>
			
 
				+            <ion-label slot='end'>
			
 
				+                3 * 100 = 
			
 
				+            </ion-label>
			
 
				+            <ion-label slot='end'>
			
 
				+                300.00 THB
			
 
				+            </ion-label>
			
 
				+        </ion-item>
			
 
				+        <ion-item>
			
 
				+            <ion-label slot="end">
			
 
				+                <h2>Sub Total = </h2>
			
 
				+            </ion-label>
			
 
				+            <ion-label slot='end'>
			
 
				+               600.00 THB
			
 
				+            </ion-label>
			
 
				+        </ion-item>
			
 
				+        <ion-item>
			
 
				+            <ion-label slot="end">
			
 
				+                <h2>Vat 7%  = </h2>
			
 
				+            </ion-label>
			
 
				+            <ion-label slot='end'>
			
 
				+               42.00 THB
			
 
				+            </ion-label>
			
 
				+        </ion-item>
			
 
				+        <ion-item>
			
 
				+            <ion-label slot="end">
			
 
				+                <h2>Total = </h2>
			
 
				+            </ion-label>
			
 
				+            <ion-label slot='end'>
			
 
				+               642.00 THB
			
 
				+            </ion-label>
			
 
				+        </ion-item>
			
 
				+    </ion-list>
			
 
				+    <ion-button expand="full" color="success" (click)="payWithPaypal()">Pay with PayPal</ion-button>
			
 
				+
			
 
				+
			
 
				+</ion-content>
			
--- a/src/app/checkout/checkout.page.scss
+++ b/src/app/checkout/checkout.page.scss
--- a/src/app/checkout/checkout.page.spec.ts
+++ b/src/app/checkout/checkout.page.spec.ts
@@ -0,0 +1,24 @@
 
				+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
			
 
				+import { IonicModule } from '@ionic/angular';
			
 
				+
			
 
				+import { CheckoutPage } from './checkout.page';
			
 
				+
			
 
				+describe('CheckoutPage', () => {
			
 
				+  let component: CheckoutPage;
			
 
				+  let fixture: ComponentFixture<CheckoutPage>;
			
 
				+
			
 
				+  beforeEach(waitForAsync(() => {
			
 
				+    TestBed.configureTestingModule({
			
 
				+      declarations: [ CheckoutPage ],
			
 
				+      imports: [IonicModule.forRoot()]
			
 
				+    }).compileComponents();
			
 
				+
			
 
				+    fixture = TestBed.createComponent(CheckoutPage);
			
 
				+    component = fixture.componentInstance;
			
 
				+    fixture.detectChanges();
			
 
				+  }));
			
 
				+
			
 
				+  it('should create', () => {
			
 
				+    expect(component).toBeTruthy();
			
 
				+  });
			
 
				+});
			
--- a/src/app/checkout/checkout.page.ts
+++ b/src/app/checkout/checkout.page.ts
@@ -0,0 +1,56 @@
 
				+import { Component, OnInit } from '@angular/core';
			
 
				+import { ModalController, Platform } from '@ionic/angular';
			
 
				+import { PayPal, PayPalPayment, PayPalConfiguration } from '@ionic-native/paypal/ngx';
			
 
				+
			
 
				+@Component({
			
 
				+    selector: 'app-checkout',
			
 
				+    templateUrl: './checkout.page.html',
			
 
				+    styleUrls: ['./checkout.page.scss'],
			
 
				+})
			
 
				+export class CheckoutPage implements OnInit {
			
 
				+
			
 
				+    constructor(public modalController: ModalController, private payPal: PayPal) { }
			
 
				+
			
 
				+    ngOnInit() {
			
 
				+    }
			
 
				+
			
 
				+    dismiss() {
			
 
				+        // using the injected ModalController this page
			
 
				+        // can "dismiss" itself and optionally pass back data
			
 
				+        this.modalController.dismiss({
			
 
				+            'dismissed': true
			
 
				+        });
			
 
				+    }
			
 
				+
			
 
				+    paymentAmount: string = '640';
			
 
				+    currency: string = 'USD';
			
 
				+    currencyIcon: string = 'USD';
			
 
				+
			
 
				+    payWithPaypal() {
			
 
				+        this.payPal.init({
			
 
				+            PayPalEnvironmentProduction: 'YOUR_PRODUCTION_CLIENT_ID',
			
 
				+            PayPalEnvironmentSandbox: 'AVszPxWCuK3FGXKlgOCFu3gVXr8lFkKj9z1wUo9BYdestZbGRg5vDqWm_pqlLkhEu8KHsjP8NmfPhc_o'
			
 
				+        }).then(() => {
			
 
				+            // Environments: PayPalEnvironmentNoNetwork, PayPalEnvironmentSandbox, PayPalEnvironmentProduction
			
 
				+            this.payPal.prepareToRender('PayPalEnvironmentSandbox', new PayPalConfiguration({
			
 
				+                // Only needed if you get an "Internal Service Error" after PayPal login!
			
 
				+                //payPalShippingAddressOption: 2 // PayPalShippingAddressOptionPayPal
			
 
				+            })).then(() => {
			
 
				+                let payment = new PayPalPayment(this.paymentAmount, this.currency, 'Description', 'sale');
			
 
				+                this.payPal.renderSinglePaymentUI(payment).then((res) => {
			
 
				+                    console.log(res);
			
 
				+                    // Successfully paid
			
 
				+                }, (error) => {
			
 
				+                    console.log(error);
			
 
				+                    // Error or render dialog closed without being successful
			
 
				+                });
			
 
				+            }, (error) => {
			
 
				+                console.log(error);
			
 
				+                // Error in configuration
			
 
				+            });
			
 
				+        }, (error) => {
			
 
				+            console.log(error);
			
 
				+            // Error in initialization, maybe PayPal isn't supported or something else
			
 
				+        });
			
 
				+    }
			
 
				+}
			
--- a/src/app/explore-container/explore-container.component.html
+++ b/src/app/explore-container/explore-container.component.html
@@ -1,4 +1,6 @@
 
				 <div id="container">
			
 
				   <strong>{{ name }}</strong>
			
 
				   <p>Explore <a target="_blank" rel="noopener noreferrer" href="https://ionicframework.com/docs/components">UI Components</a></p>
			
 
				-</div>
			
 
				+</div>
			
 
				+<ion-title size="large">wellnessroute.info</ion-title>
			
 
				+  <ion-title size="large">แผนที่สุขภาพ</ion-title>
			
--- a/src/app/forgot-password/forgot-password-routing.module.ts
+++ b/src/app/forgot-password/forgot-password-routing.module.ts
@@ -0,0 +1,17 @@
 
				+import { NgModule } from '@angular/core';
			
 
				+import { Routes, RouterModule } from '@angular/router';
			
 
				+
			
 
				+import { ForgotPasswordPage } from './forgot-password.page';
			
 
				+
			
 
				+const routes: Routes = [
			
 
				+  {
			
 
				+    path: '',
			
 
				+    component: ForgotPasswordPage
			
 
				+  }
			
 
				+];
			
 
				+
			
 
				+@NgModule({
			
 
				+  imports: [RouterModule.forChild(routes)],
			
 
				+  exports: [RouterModule],
			
 
				+})
			
 
				+export class ForgotPasswordPageRoutingModule {}
			
--- a/src/app/forgot-password/forgot-password.module.ts
+++ b/src/app/forgot-password/forgot-password.module.ts
@@ -0,0 +1,20 @@
 
				+import { NgModule } from '@angular/core';
			
 
				+import { CommonModule } from '@angular/common';
			
 
				+import { FormsModule } from '@angular/forms';
			
 
				+
			
 
				+import { IonicModule } from '@ionic/angular';
			
 
				+
			
 
				+import { ForgotPasswordPageRoutingModule } from './forgot-password-routing.module';
			
 
				+
			
 
				+import { ForgotPasswordPage } from './forgot-password.page';
			
 
				+
			
 
				+@NgModule({
			
 
				+  imports: [
			
 
				+    CommonModule,
			
 
				+    FormsModule,
			
 
				+    IonicModule,
			
 
				+    ForgotPasswordPageRoutingModule
			
 
				+  ],
			
 
				+  declarations: [ForgotPasswordPage]
			
 
				+})
			
 
				+export class ForgotPasswordPageModule {}
			
--- a/src/app/forgot-password/forgot-password.page.html
+++ b/src/app/forgot-password/forgot-password.page.html
@@ -0,0 +1,37 @@
 
				+<ion-header>
			
 
				+  <ion-toolbar class="new-background-color">
			
 
				+    <ion-buttons slot="end">
			
 
				+      <ion-button (click)="dismiss()" color="light">ปิด</ion-button>
			
 
				+    </ion-buttons>
			
 
				+    <div class="hcs">
			
 
				+      <img src="/assets/images/wellnessbar.svg" height="50" />    
			
 
				+    </div>
			
 
				+  </ion-toolbar>
			
 
				+</ion-header>
			
 
				+<ion-content>
			
 
				+  <div><img src="/assets/images/image-006.jpg"></div>
			
 
				+  <ion-grid>
			
 
				+    <ion-row>
			
 
				+      <ion-col>
			
 
				+        <div class="ion-text-center">
			
 
				+          <h1>ลืมรหัสผ่าน</h1>
			
 
				+        </div>
			
 
				+      </ion-col>
			
 
				+    </ion-row>
			
 
				+    <form>
			
 
				+      <ion-row>
			
 
				+        <ion-col>
			
 
				+          <ion-item lines="full">
			
 
				+            <ion-label position="floating">อีเมล์</ion-label>
			
 
				+            <ion-input type="email" name="email" [(ngModel)]="email" inputmode="email"></ion-input>
			
 
				+          </ion-item>
			
 
				+        </ion-col>
			
 
				+      </ion-row>
			
 
				+      <ion-row>
			
 
				+        <ion-col>
			
 
				+          <ion-button type="submit" color="danger" expand="block" (click)="resetPassword()">ส่งรหัสผ่าน</ion-button>
			
 
				+        </ion-col>
			
 
				+      </ion-row>
			
 
				+    </form>
			
 
				+  </ion-grid>
			
 
				+</ion-content>
			
--- a/src/app/forgot-password/forgot-password.page.scss
+++ b/src/app/forgot-password/forgot-password.page.scss
--- a/src/app/forgot-password/forgot-password.page.spec.ts
+++ b/src/app/forgot-password/forgot-password.page.spec.ts
@@ -0,0 +1,24 @@
 
				+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
			
 
				+import { IonicModule } from '@ionic/angular';
			
 
				+
			
 
				+import { ForgotPasswordPage } from './forgot-password.page';
			
 
				+
			
 
				+describe('ForgotPasswordPage', () => {
			
 
				+  let component: ForgotPasswordPage;
			
 
				+  let fixture: ComponentFixture<ForgotPasswordPage>;
			
 
				+
			
 
				+  beforeEach(waitForAsync(() => {
			
 
				+    TestBed.configureTestingModule({
			
 
				+      declarations: [ ForgotPasswordPage ],
			
 
				+      imports: [IonicModule.forRoot()]
			
 
				+    }).compileComponents();
			
 
				+
			
 
				+    fixture = TestBed.createComponent(ForgotPasswordPage);
			
 
				+    component = fixture.componentInstance;
			
 
				+    fixture.detectChanges();
			
 
				+  }));
			
 
				+
			
 
				+  it('should create', () => {
			
 
				+    expect(component).toBeTruthy();
			
 
				+  });
			
 
				+});
			
--- a/src/app/forgot-password/forgot-password.page.ts
+++ b/src/app/forgot-password/forgot-password.page.ts
@@ -0,0 +1,36 @@
 
				+import { Component, OnInit } from '@angular/core';
			
 
				+import { ModalController } from '@ionic/angular';
			
 
				+import { WpServiceService } from '../wp-service.service';
			
 
				+
			
 
				+@Component({
			
 
				+    selector: 'app-forgot-password',
			
 
				+    templateUrl: './forgot-password.page.html',
			
 
				+    styleUrls: ['./forgot-password.page.scss'],
			
 
				+})
			
 
				+export class ForgotPasswordPage implements OnInit {
			
 
				+
			
 
				+    email = "";
			
 
				+
			
 
				+    constructor(public modalController: ModalController, private wp:WpServiceService) { }
			
 
				+
			
 
				+    ngOnInit() {
			
 
				+    }
			
 
				+
			
 
				+    async resetPassword() {
			
 
				+        if( this.email == "" ) {
			
 
				+            alert("Please Enter Valid Email");
			
 
				+            return;
			
 
				+        }
			
 
				+        let r = await this.wp.resetPassword(this.email);
			
 
				+        alert(r.msg);
			
 
				+    }
			
 
				+
			
 
				+    dismiss() {
			
 
				+        // using the injected ModalController this page
			
 
				+        // can "dismiss" itself and optionally pass back data
			
 
				+        this.modalController.dismiss({
			
 
				+            'dismissed': true
			
 
				+        });
			
 
				+    }
			
 
				+
			
 
				+}
			
--- a/src/app/gmap/gmap-routing.module.ts
+++ b/src/app/gmap/gmap-routing.module.ts
@@ -0,0 +1,17 @@
 
				+import { NgModule } from '@angular/core';
			
 
				+import { Routes, RouterModule } from '@angular/router';
			
 
				+
			
 
				+import { GmapPage } from './gmap.page';
			
 
				+
			
 
				+const routes: Routes = [
			
 
				+  {
			
 
				+    path: '',
			
 
				+    component: GmapPage
			
 
				+  }
			
 
				+];
			
 
				+
			
 
				+@NgModule({
			
 
				+  imports: [RouterModule.forChild(routes)],
			
 
				+  exports: [RouterModule],
			
 
				+})
			
 
				+export class GmapPageRoutingModule {}
			
--- a/src/app/gmap/gmap.module.ts
+++ b/src/app/gmap/gmap.module.ts
@@ -0,0 +1,20 @@
 
				+import { NgModule } from '@angular/core';
			
 
				+import { CommonModule } from '@angular/common';
			
 
				+import { FormsModule } from '@angular/forms';
			
 
				+
			
 
				+import { IonicModule } from '@ionic/angular';
			
 
				+
			
 
				+import { GmapPageRoutingModule } from './gmap-routing.module';
			
 
				+
			
 
				+import { GmapPage } from './gmap.page';
			
 
				+
			
 
				+@NgModule({
			
 
				+  imports: [
			
 
				+    CommonModule,
			
 
				+    FormsModule,
			
 
				+    IonicModule,
			
 
				+    GmapPageRoutingModule
			
 
				+  ],
			
 
				+  declarations: [GmapPage]
			
 
				+})
			
 
				+export class GmapPageModule {}
			
--- a/src/app/gmap/gmap.page.html
+++ b/src/app/gmap/gmap.page.html
@@ -0,0 +1,9 @@
 
				+<ion-header>
			
 
				+  <ion-toolbar>
			
 
				+    <ion-title>gmap</ion-title>
			
 
				+  </ion-toolbar>
			
 
				+</ion-header>
			
 
				+
			
 
				+<ion-content>..
			
 
				+<div #map id="map"></div>
			
 
				+</ion-content>
			
--- a/src/app/gmap/gmap.page.scss
+++ b/src/app/gmap/gmap.page.scss
@@ -0,0 +1,3 @@
 
				+#map {
			
 
				+    height: 300px;
			
 
				+}
			
--- a/src/app/gmap/gmap.page.spec.ts
+++ b/src/app/gmap/gmap.page.spec.ts
@@ -0,0 +1,24 @@
 
				+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
			
 
				+import { IonicModule } from '@ionic/angular';
			
 
				+
			
 
				+import { GmapPage } from './gmap.page';
			
 
				+
			
 
				+describe('GmapPage', () => {
			
 
				+  let component: GmapPage;
			
 
				+  let fixture: ComponentFixture<GmapPage>;
			
 
				+
			
 
				+  beforeEach(waitForAsync(() => {
			
 
				+    TestBed.configureTestingModule({
			
 
				+      declarations: [ GmapPage ],
			
 
				+      imports: [IonicModule.forRoot()]
			
 
				+    }).compileComponents();
			
 
				+
			
 
				+    fixture = TestBed.createComponent(GmapPage);
			
 
				+    component = fixture.componentInstance;
			
 
				+    fixture.detectChanges();
			
 
				+  }));
			
 
				+
			
 
				+  it('should create', () => {
			
 
				+    expect(component).toBeTruthy();
			
 
				+  });
			
 
				+});
			
--- a/src/app/gmap/gmap.page.ts
+++ b/src/app/gmap/gmap.page.ts
@@ -0,0 +1,72 @@
 
				+import { Component, OnInit, Input, ViewChild, ElementRef } from '@angular/core';
			
 
				+import { ActivatedRoute, Router } from '@angular/router';
			
 
				+import { WpServiceService } from '../wp-service.service';
			
 
				+import { Geolocation } from '@ionic-native/geolocation/ngx';
			
 
				+import { NativeGeocoder, NativeGeocoderResult, NativeGeocoderOptions } from '@ionic-native/native-geocoder/ngx';
			
 
				+
			
 
				+declare var google: any;
			
 
				+
			
 
				+@Component({
			
 
				+  selector: 'app-gmap',
			
 
				+  templateUrl: './gmap.page.html',
			
 
				+  styleUrls: ['./gmap.page.scss'],
			
 
				+})
			
 
				+export class GmapPage implements OnInit {
			
 
				+  @Input() id: string;
			
 
				+  data: any;
			
 
				+  placelist: any;
			
 
				+  latdynamic: any;
			
 
				+  londynamic: any;
			
 
				+  xxx: any;
			
 
				+  yyy: any;
			
 
				+  placeL: any;
			
 
				+  map: any;
			
 
				+  // @ViewChild('map', { static: false }) mapElement: ElementRef;
			
 
				+  @ViewChild('map', { static: true }) mapRef: ElementRef;
			
 
				+  // @ViewChild('map', { static: false }) mapElement: ElementRef;
			
 
				+
			
 
				+
			
 
				+  constructor(private wpservice: WpServiceService, private route: ActivatedRoute, private router: Router, private geolocation: Geolocation) { }
			
 
				+
			
 
				+  ngOnInit() {
			
 
				+    this.showMap();
			
 
				+    // this.loadMap() 
			
 
				+    let id = this.route.snapshot.paramMap.get('id') || this.id;
			
 
				+    this.wpservice.getPlaceDetail(173).subscribe((data) => {
			
 
				+      this.placelist = data;
			
 
				+      this.latdynamic = data['acf']['gmap']['lat'];
			
 
				+      this.londynamic = data['acf']['gmap']['lng'];
			
 
				+
			
 
				+      console.log("load Place Detail ...");
			
 
				+      console.log(this.latdynamic);
			
 
				+      console.log("load Lati ...");
			
 
				+      console.log(this.londynamic);
			
 
				+      console.log("load Lon ...");
			
 
				+      console.log(data);
			
 
				+      let xxx = this.londynamic;
			
 
				+      const yyy = this.latdynamic;
			
 
				+    }, error => {
			
 
				+      console.log("errror ", error);
			
 
				+    });
			
 
				+
			
 
				+    let watch = this.geolocation.watchPosition();
			
 
				+    watch.subscribe((data) => {
			
 
				+      // data can be a set of coordinates, or an error (if an error occurred).
			
 
				+      // data.coords.latitude
			
 
				+      // data.coords.longitude
			
 
				+      console.log(data);
			
 
				+    });
			
 
				+  }
			
 
				+
			
 
				+  showMap() {
			
 
				+    let location = new google.maps.LatLng(13.7643439, 100.6899729);
			
 
				+    let options = {
			
 
				+      center: location,
			
 
				+      zoom: 15,
			
 
				+      disableDefaultUI: true
			
 
				+    }
			
 
				+    this.map = new google.maps.Map(this.mapRef.nativeElement, options);
			
 
				+    //this.map = new google.maps.Map(this.mapElement.nativeElement, mapOptions);
			
 
				+  }
			
 
				+
			
 
				+}
			
--- a/src/app/home/home-routing.module.ts
+++ b/src/app/home/home-routing.module.ts
@@ -0,0 +1,17 @@
 
				+import { NgModule } from '@angular/core';
			
 
				+import { Routes, RouterModule } from '@angular/router';
			
 
				+
			
 
				+import { HomePage } from './home.page';
			
 
				+
			
 
				+const routes: Routes = [
			
 
				+  {
			
 
				+    path: '',
			
 
				+    component: HomePage
			
 
				+  }
			
 
				+];
			
 
				+
			
 
				+@NgModule({
			
 
				+  imports: [RouterModule.forChild(routes)],
			
 
				+  exports: [RouterModule],
			
 
				+})
			
 
				+export class HomePageRoutingModule {}
			
--- a/src/app/home/home.module.ts
+++ b/src/app/home/home.module.ts
@@ -0,0 +1,26 @@
 
				+import { NgModule } from '@angular/core';
			
 
				+import { CommonModule } from '@angular/common';
			
 
				+import { FormsModule } from '@angular/forms';
			
 
				+
			
 
				+import { IonicModule } from '@ionic/angular';
			
 
				+
			
 
				+import { HomePageRoutingModule } from './home-routing.module';
			
 
				+
			
 
				+import { HomePage } from './home.page';
			
 
				+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
			
 
				+import { IonSlides } from '@ionic/angular';
			
 
				+
			
 
				+import { PipeModule } from '../pipe/pipe.module';
			
 
				+
			
 
				+@NgModule({
			
 
				+  imports: [
			
 
				+    CommonModule,
			
 
				+    FormsModule,
			
 
				+    IonicModule,
			
 
				+      PipeModule,
			
 
				+    HomePageRoutingModule,
			
 
				+    FontAwesomeModule
			
 
				+  ],
			
 
				+  declarations: [HomePage]
			
 
				+})
			
 
				+export class HomePageModule {}
			
--- a/src/app/home/home.page.290921.html
+++ b/src/app/home/home.page.290921.html