Added geolocation config, added functionality to get user coordinates, added trails page with button to get coords to console

frontEnd/config.xml

@@ -81,10 +81,10 @@
     <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
     <plugin name="cordova-plugin-ionic-webview" spec="1.1.19" />
     <plugin name="cordova-plugin-ionic-keyboard" spec="2.0.5" />
+    <edit-config file="*-Info.plist" mode="merge" target="NSLocationWhenInUseUsageDescription">
+        <string>We want your location! Best regards NSA</string>
+    </edit-config>
     <plugin name="cordova-plugin-geolocation" spec="^4.0.1">
         <variable name="GEOLOCATION_USAGE_DESCRIPTION" value="To locate you" />
     </plugin>
-    <edit-config file="*-Info.plist" mode="merge" target="NSLocationWhenInUseUsageDescription">
-   <string>We want your location! Best regards NSA</string>
-</edit-config>
 </widget>

frontEnd/src/app/app.module.ts

@@ -12,7 +12,8 @@ import { MainMenuPage } from '../pages/main-menu/main-menu';
 import { HttpClientModule } from '@angular/common/http';
 import { GoogleMapPage } from '../pages/googleMap/googleMap';
 import { RestProvider } from '../providers/rest/rest';
-
+import {Geolocation} from '@ionic-native/geolocation';
+import { TrailsPage } from '../pages/trails/trails';
 
 @NgModule({
   declarations: [
@@ -21,7 +22,8 @@ import { RestProvider } from '../providers/rest/rest';
     GoogleMapComponent,
     MainMenuPage,
     RegisterPage,
-    GoogleMapPage
+    GoogleMapPage,
+    TrailsPage
     
   ],
   imports: [
@@ -36,12 +38,14 @@ import { RestProvider } from '../providers/rest/rest';
     GoogleMapComponent,
     MainMenuPage,
     RegisterPage,
-    GoogleMapPage
+    GoogleMapPage,
+    TrailsPage
   ],
   providers: [
     StatusBar,
     SplashScreen,
     RestProvider,
+    Geolocation,
     {provide: ErrorHandler, useClass: IonicErrorHandler}
   ]
 })

frontEnd/src/pages/main-menu/main-menu.html

@@ -11,7 +11,7 @@
   <ion-grid class="mainMenuButtons">
     <ion-row>
       <ion-col col-6 text-center>
-        <button ion-button>
+        <button ion-button (click)="trails()">
           <ion-icon name="bicycle">
             <br>Trails</ion-icon>
         </button>

frontEnd/src/pages/main-menu/main-menu.ts

@@ -1,13 +1,7 @@
 import { Component } from '@angular/core';
 import { IonicPage, NavController, NavParams } from 'ionic-angular';
 import { GoogleMapComponent } from '../../components/google-map/google-map';
-
-/**
- * Generated class for the MainMenuPage page.
- *
- * See https://ionicframework.com/docs/components/#navigation for more info on
- * Ionic pages and navigation.
- */
+import { TrailsPage } from '../trails/trails';
 
 @IonicPage()
 @Component({
@@ -27,4 +21,8 @@ export class MainMenuPage {
     this.navCtrl.push(GoogleMapComponent);
   }
 
+  trails(){
+    this.navCtrl.push(TrailsPage);
+  }
+
 }

frontEnd/src/pages/trails/trails.html

@@ -0,0 +1,18 @@
+<!--
+  Generated template for the TrailsPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar>
+    <ion-title>Trails</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+<button ion-button (click)="getLocation()">Click this for location</button>
+</ion-content>

frontEnd/src/pages/trails/trails.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { TrailsPage } from './trails';
+
+@NgModule({
+  declarations: [
+    TrailsPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(TrailsPage),
+  ],
+})
+export class TrailsPageModule {}

frontEnd/src/pages/trails/trails.scss

@@ -0,0 +1,3 @@
+page-trails {
+
+}

frontEnd/src/pages/trails/trails.ts

@@ -0,0 +1,32 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import {Geolocation} from '@ionic-native/geolocation'
+
+
+@IonicPage()
+@Component({
+  selector: 'page-trails',
+  templateUrl: 'trails.html',
+})
+export class TrailsPage {
+
+  constructor(public navCtrl: NavController, public navParams: NavParams, private _geoLoc: Geolocation) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad TrailsPage');
+  }
+  ngAfterViewInit() {
+    this.getLocation().then(res => {
+      console.log(res.coords.latitude)
+      console.log(res.coords.longitude)
+    }).catch(err => {
+      console.log(err);
+    });
+  }
+
+  getLocation(){
+    return this._geoLoc.getCurrentPosition();
+  }
+
+}