--- a/package.json
+++ b/package.json
@@ -21,8 +21,11 @@
 
				     "@angular/http": "5.2.10",
			
 
				     "@angular/platform-browser": "5.2.10",
			
 
				     "@angular/platform-browser-dynamic": "5.2.10",
			
 
				+    "@ionic-native/camera": "^4.20.0",
			
 
				     "@ionic-native/core": "4.7.0",
			
 
				     "@ionic-native/device": "^4.7.0",
			
 
				+    "@ionic-native/file": "^4.20.0",
			
 
				+    "@ionic-native/file-transfer": "^4.20.0",
			
 
				     "@ionic-native/health": "^4.7.0",
			
 
				     "@ionic-native/http": "^4.20.0",
			
 
				     "@ionic-native/in-app-browser": "^4.7.0",
			
@@ -50,7 +53,10 @@
 
				   },
			
 
				   "devDependencies": {
			
 
				     "@ionic/app-scripts": "^3.2.4",
			
 
				+    "cordova-android": "^9.1.0",
			
 
				     "cordova-ios": "^6.2.0",
			
 
				+    "cordova-plugin-camera": "^5.0.3",
			
 
				+    "cordova-plugin-file-transfer": "^1.7.1",
			
 
				     "cordova-plugin-inappbrowser": "^5.0.0",
			
 
				     "typescript": "~2.6.2"
			
 
				   },
			
@@ -65,11 +71,14 @@
 
				       "cordova-plugin-splashscreen": {},
			
 
				       "cordova-plugin-device": {},
			
 
				       "cordova-plugin-whitelist": {},
			
 
				-      "cordova-plugin-inappbrowser": {}
			
 
				+      "cordova-plugin-inappbrowser": {},
			
 
				+      "cordova-plugin-file-transfer": {},
			
 
				+      "cordova-plugin-file": {},
			
 
				+      "cordova-plugin-camera": {}
			
 
				     },
			
 
				     "platforms": [
			
 
				-      "ios",
			
 
				-      "android"
			
 
				+      "android",
			
 
				+      "ios"
			
 
				     ]
			
 
				   }
			
 
				-}
			
 
				+}
			
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -13,6 +13,7 @@ import { EventPage } from '../pages/event/event';
 
				 import { ProductCatDetailPage } from '../pages/product-cat-detail/product-cat-detail';
			
 
				 import { NewsReaderPage } from '../pages/news-reader/news-reader';
			
 
				 import { CouponViewPage } from '../pages/coupon-view/coupon-view';
			
 
				+import { EventUploadPage } from '../pages/event-upload/event-upload';
			
 
				 
			
 
				 import { StatusBar } from '@ionic-native/status-bar';
			
 
				 import { SplashScreen } from '@ionic-native/splash-screen';
			
@@ -33,6 +34,12 @@ import { UserAgent } from '@ionic-native/user-agent';
 
				 
			
 
				 import { HTTP  } from '@ionic-native/http';
			
 
				 
			
 
				+import { FileTransfer } from '@ionic-native/file-transfer';
			
 
				+import { File } from '@ionic-native/file';
			
 
				+import { Camera } from '@ionic-native/camera';
			
 
				+
			
 
				+
			
 
				+
			
 
				 @NgModule({
			
 
				     declarations: [
			
 
				         MyApp,
			
@@ -45,7 +52,8 @@ import { HTTP  } from '@ionic-native/http';
 
				         EventPage,
			
 
				         ProductCatDetailPage,
			
 
				         NewsReaderPage,
			
 
				-        CouponViewPage
			
 
				+        CouponViewPage,
			
 
				+        EventUploadPage
			
 
				     ],
			
 
				     imports: [
			
 
				         BrowserModule,
			
@@ -69,7 +77,8 @@ import { HTTP  } from '@ionic-native/http';
 
				         EventPage,
			
 
				         ProductCatDetailPage,
			
 
				         NewsReaderPage,
			
 
				-        CouponViewPage
			
 
				+        CouponViewPage,
			
 
				+        EventUploadPage
			
 
				     ],
			
 
				     providers: [
			
 
				         StatusBar,
			
@@ -83,7 +92,10 @@ import { HTTP  } from '@ionic-native/http';
 
				         HumanizePipe,
			
 
				         Device,
			
 
				         HTTP, 
			
 
				-        UserAgent
			
 
				+        UserAgent,
			
 
				+        FileTransfer,
			
 
				+        File,
			
 
				+        Camera
			
 
				     ]
			
 
				 })
			
 
				 export class AppModule {}
			
--- a/src/pages/event-upload/event-upload.html
+++ b/src/pages/event-upload/event-upload.html
@@ -0,0 +1,19 @@
 
				+<!--
			
 
				+  Generated template for the EventUploadPage page.
			
 
				+
			
 
				+  See http://ionicframework.com/docs/components/#navigation for more info on
			
 
				+  Ionic pages and navigation.
			
 
				+-->
			
 
				+<ion-header>
			
 
				+
			
 
				+  <ion-navbar color="primary">
			
 
				+    <ion-title>Event Detail</ion-title>
			
 
				+  </ion-navbar>
			
 
				+
			
 
				+</ion-header>
			
 
				+
			
 
				+
			
 
				+<ion-content padding>
			
 
				+     <button ion-button (click)="selectImage()" color="tertiary" size='small'>Upload</button>
			
 
				+
			
 
				+</ion-content>
			
--- a/src/pages/event-upload/event-upload.module.ts
+++ b/src/pages/event-upload/event-upload.module.ts
@@ -0,0 +1,13 @@
 
				+import { NgModule } from '@angular/core';
			
 
				+import { IonicPageModule } from 'ionic-angular';
			
 
				+import { EventUploadPage } from './event-upload';
			
 
				+
			
 
				+@NgModule({
			
 
				+  declarations: [
			
 
				+    EventUploadPage,
			
 
				+  ],
			
 
				+  imports: [
			
 
				+    IonicPageModule.forChild(EventUploadPage),
			
 
				+  ],
			
 
				+})
			
 
				+export class EventUploadPageModule {}
			
--- a/src/pages/event-upload/event-upload.scss
+++ b/src/pages/event-upload/event-upload.scss
@@ -0,0 +1,3 @@
 
				+page-event-upload {
			
 
				+
			
 
				+}
			
--- a/src/pages/event-upload/event-upload.ts
+++ b/src/pages/event-upload/event-upload.ts
@@ -0,0 +1,87 @@
 
				+import { Component } from '@angular/core';
			
 
				+import { IonicPage, NavController, NavParams } from 'ionic-angular';
			
 
				+import { FileTransfer, FileUploadOptions, FileTransferObject } from '@ionic-native/file-transfer';
			
 
				+import { File } from '@ionic-native/file';
			
 
				+import { ActionSheetController } from 'ionic-angular';
			
 
				+import { Camera, CameraOptions } from '@ionic-native/camera';
			
 
				+import { HealthProvider } from '../../providers/health/health';
			
 
				+/**
			
 
				+ * Generated class for the EventUploadPage page.
			
 
				+ *
			
 
				+ * See https://ionicframework.com/docs/components/#navigation for more info on
			
 
				+ * Ionic pages and navigation.
			
 
				+ */
			
 
				+
			
 
				+@IonicPage()
			
 
				+@Component({
			
 
				+    selector: 'page-event-upload',
			
 
				+    templateUrl: 'event-upload.html',
			
 
				+})
			
 
				+export class EventUploadPage {
			
 
				+
			
 
				+     imagePickerOptions = {
			
 
				+         maximumImagesCount: 1,
			
 
				+         quality: 50
			
 
				+       };
			
 
				+     croppedImagePath:string = "";
			
 
				+
			
 
				+     photoURL: any;
			
 
				+     msg:string = "Upload Your Photo";
			
 
				+
			
 
				+    constructor(public navCtrl: NavController, public navParams: NavParams, private camera: Camera,   public actionSheetController: ActionSheetController, private hp: HealthProvider) {
			
 
				+        let eventId = navParams.get('eventId');
			
 
				+        console.log("eventId "+eventId);
			
 
				+    }
			
 
				+
			
 
				+    ionViewDidLoad() {
			
 
				+        console.log('ionViewDidLoad EventUploadPage');
			
 
				+    }
			
 
				+      async selectImage() {
			
 
				+         const actionSheet = await this.actionSheetController.create({
			
 
				+             header: "Select Image source",
			
 
				+             buttons: [{
			
 
				+                 text: 'Load from Library',
			
 
				+                 handler: () => {
			
 
				+                     this.pickImage(this.camera.PictureSourceType.PHOTOLIBRARY);
			
 
				+                 }
			
 
				+             },
			
 
				+                 {
			
 
				+                     text: 'Use Camera',
			
 
				+                     handler: () => {
			
 
				+                         this.pickImage(this.camera.PictureSourceType.CAMERA);
			
 
				+                     }
			
 
				+                 },
			
 
				+                 {
			
 
				+                     text: 'Cancel',
			
 
				+                     role: 'cancel'
			
 
				+                 }
			
 
				+             ]
			
 
				+         });
			
 
				+         await actionSheet.present();
			
 
				+     }
			
 
				+    pickImage(sourceType) {
			
 
				+        const options: CameraOptions = {
			
 
				+            quality: 100,
			
 
				+            sourceType: sourceType,
			
 
				+            destinationType: this.camera.DestinationType.FILE_URI,
			
 
				+            encodingType: this.camera.EncodingType.JPEG,
			
 
				+            mediaType: this.camera.MediaType.PICTURE
			
 
				+        }
			
 
				+        this.camera.getPicture(options).then( async (imageData) => {
			
 
				+            // imageData is either a base64 encoded string or a file URI
			
 
				+            this.croppedImagePath = 'data:image/jpeg;base64,' + imageData;
			
 
				+
			
 
				+            console.log(this.croppedImagePath);
			
 
				+            this.msg = "Uploading ...";
			
 
				+            let r0  = await this.hp.uploadPhoto(imageData);
			
 
				+            this.photoURL = await this.hp.getPhoto();
			
 
				+            this.msg = "Upload Your Photo";
			
 
				+            console.log("r0");
			
 
				+            console.log(r0);
			
 
				+        }, (err) => {
			
 
				+            // Handle error
			
 
				+            console.log(err);
			
 
				+        });
			
 
				+    }
			
 
				+
			
 
				+}
			
--- a/src/pages/event/event.html
+++ b/src/pages/event/event.html
@@ -31,7 +31,7 @@
 
				       </button>
			
 
				     </ion-col>
			
 
				     <ion-col>
			
 
				-      <button ion-button icon-start color='success' block>
			
 
				+      <button ion-button icon-start color='success' block (click)="joinEvent(p.id)">
			
 
				         <ion-icon name="text"></ion-icon>
			
 
				         <div>Join</div>
			
 
				       </button>
			
--- a/src/pages/event/event.ts
+++ b/src/pages/event/event.ts
@@ -7,6 +7,7 @@ import { HealthProvider } from '../../providers/health/health';
 
				 import { HumanizePipe  } from 'angular2-humanize';
			
 
				 import { NativeStorage } from '@ionic-native/native-storage';
			
 
				 import { InAppBrowser } from '@ionic-native/in-app-browser';
			
 
				+import { EventUploadPage }  from '../event-upload/event-upload';
			
 
				 /**
			
 
				  * Generated class for the EventPage page.
			
 
				  *
			
@@ -88,6 +89,7 @@ export class EventPage {
 
				         this.hp.getWPPostCat(46, 1)
			
 
				             .then( data => {
			
 
				                 this.eventPosts = JSON.parse(data.data);
			
 
				+                console.log(JSON.stringify(this.eventPosts));
			
 
				             }, error => {
			
 
				                 console.log("errors");
			
 
				                 console.log(""+error);
			
@@ -188,4 +190,8 @@ export class EventPage {
 
				     openLink(link: string) {
			
 
				          this.ab.create(link, '_blank');
			
 
				     }
			
 
				+    joinEvent(id) {
			
 
				+        console.log("join "+id);
			
 
				+        this.navCtrl.push(EventUploadPage, { eventId: id });
			
 
				+    }
			
 
				 }
			
--- a/src/pages/home/home.ts
+++ b/src/pages/home/home.ts
@@ -33,6 +33,7 @@ export class HomePage {
 
				     }
			
 
				 
			
 
				     ionViewDidEnter() {
			
 
				+        this.postPage = 1;
			
 
				         this.healthProvider.getWPPostCat(30, this.postPage++)
			
 
				             .then( data => {
			
 
				                 console.log(data);
			
@@ -40,7 +41,7 @@ export class HomePage {
 
				                 console.log(this.wpPosts);
			
 
				             }, error => {
			
 
				                 console.log("errors");
			
 
				-                console.log(""+error);
			
 
				+                console.log(JSON.stringify(error));
			
 
				             });
			
 
				         /*
			
 
				         this.healthProvider.getProducts()
			
--- a/src/providers/health/health.ts
+++ b/src/providers/health/health.ts
@@ -4,7 +4,8 @@ import { Observable } from 'rxjs';
 
				 import { HttpHeaders } from '@angular/common/http';
			
 
				 import { Device } from '@ionic-native/device';
			
 
				 import { HTTP, HTTPResponse } from '@ionic-native/http';
			
 
				-
			
 
				+import { FileTransfer, FileUploadOptions, FileTransferObject } from '@ionic-native/file-transfer';
			
 
				+import { NativeStorage } from '@ionic-native/native-storage';
			
 
				 
			
 
				 /*
			
 
				   Generated class for the HealthProvider provider.
			
@@ -20,6 +21,7 @@ const IMAGE_URL = HOSTBASE + "/media/";
 
				 const QR_URL = HOSTBASE + "/static/";
			
 
				 const REDEEM_API = HOSTBASE + "/coredata/api/redeem";
			
 
				 const SV_API = HOSTBASE + "/strava/api";
			
 
				+const UPLOAD_API = HOSTBASE + "/strava/uploadPhoto";
			
 
				 const WP = "https://whitesports.net/wp-json/wp/v2/";
			
 
				 
			
 
				 @Injectable()
			
@@ -33,7 +35,7 @@ export class HealthProvider {
 
				             'Authorization': 'JWT eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1lIjoicHVibGljIiwicm9sZXMiOlsicHVibGljIl0sImV4cCI6MTczNDE2NTcxMCwiaWF0IjoxNDc0OTY1NzEwLCJuYmYiOjE0NzQ5NjU3MTAsImlkZW50aXR5IjoiNTdlOWVmMjZjMjU0ZmQ4N2Q3ZmQ4MzM2In0.-9fcm5s8qYbdqBDUX7cZJ5J3AX91fe6VrCLs_S-_eBU'
			
 
				         })
			
 
				     };
			
 
				-    constructor(public http: HttpClient, private nhttp: HTTP, private dev: Device) {
			
 
				+    constructor(public http: HttpClient, private nhttp: HTTP, private dev: Device, private transfer: FileTransfer, private storage: NativeStorage) {
			
 
				         console.log('Hello HealthProvider Provider');
			
 
				         console.log("construct device = ", this.dev.model, this.dev.serial, this.dev.isVirtual);
			
 
				     }
			
@@ -115,6 +117,64 @@ export class HealthProvider {
 
				     getWSProfile(athId, token) {
			
 
				         return this.http.post(SV_API, {action: "GET_WS_PROFILE", athId: athId,   token: token });
			
 
				     }
			
 
				+      async getPhoto() {
			
 
				+          /*
			
 
				+ >>        let info = await this.kohaService.getPatronInfo();
			
 
				+
			
 
				+           console.log(info);
			
 
				+           if( info != null ) {
			
 
				+ >>            let url =  this.getPhotoUrl(info.GetPatronInfo.borrowernumber)
			
 
				+               return this.http.get(url, {}, this.header)
			
 
				+               .then(
			
 
				+                   res => {
			
 
				+ >>                    let o = JSON.parse(res.data);
			
 
				+                       console.log(o);
			
 
				+                       if(o.output == null ) {
			
 
				+ >>                        return "";
			
 
				+                       }else {
			
 
				+                           return this.UPLOAD_URL + o.output;
			
 
				+                       }
			
 
				+                   },
			
 
				+                   error => {
			
 
				+                       return null;
			
 
				+                   }
			
 
				+               );
			
 
				+           }else {
			
 
				+               return null;
			
 
				+           }*/
			
 
				+       }
			
 
				+    uploadPhotoUrl(eventId, athId) {
			
 
				+        let url = UPLOAD_API + "?eventId="+eventId+"&athId="+athId;
			
 
				+        return url;
			
 
				+    }
			
 
				+     async uploadPhoto(filePath) {
			
 
				+
			
 
				+         /*
			
 
				+         let info = await this.kohaService.getPatronInfo();
			
 
				+
			
 
				+         console.log(info);
			
 
				+         if( info != null ) {
			
 
				+             const fileTransfer: FileTransferObject = this.transfer.create();
			
 
				+
			
 
				+             let options: FileUploadOptions = {
			
 
				+                 fileKey: 'file',
			
 
				+                 //fileName: 'name.jpg',
			
 
				+             }
			
 
				+
			
 
				+             return fileTransfer.upload(filePath, this.uploadPhotoUrl(info.GetPatronInfo.borrowernumber), options)
			
 
				+                 .then((data) => {
			
 
				+                     // success
			
 
				+                     console.log("from tranfer");
			
 
				+                     console.log(data);
			
 
				+                     return JSON.parse(data.response);
			
 
				+                 }, (err) => {
			
 
				+                     // error
			
 
				+                     return err;
			
 
				+                 })
			
 
				+         } else {
			
 
				+             return null;
			
 
				+         }*/
			
 
				+     }
			
 
				     /*
			
 
				   listNews(token, act): Observable<any> {
			
 
				     return this.http.post("http://mcotn-api.simplico.net/api/v2.0/posts", {  action: "LIST", model: {} }, this.httpOptions);