analyze and restart

app/pages/home/home.html

@@ -6,8 +6,20 @@
 
 <ion-content class="home" padding>
 
- <div class="start" (click)="presentActionSheet()">
+ <div class="start" *ngIf="!srcImage" (click)="presentActionSheet()">
  <ion-icon name="camera"></ion-icon>
  </div>
 
+ <div *ngIf="srcImage" class="">
+ <img id="image" src="{{ srcImage }}" />
+ <button block (click)="analyze()">
+ <ion-icon name="search"></ion-icon>
+ Read
+ </button>
+ <button block (click)="restart()">
+ <ion-icon name="refresh"></ion-icon>
+ Restart
+ </button>
+ </div>
+
 </ion-content>

app/pages/home/home.ts

@@ -1,36 +1,77 @@
-import {Platform, Page, NavController, ActionSheet} from 'ionic-angular';
+import {Page, Loading, NavController, ActionSheet} from 'ionic-angular';
+import {Camera} from 'ionic-native';
 
 @Page({
  templateUrl: 'build/pages/home/home.html'
 })
 export class HomePage {
- constructor(private platform: Platform, private nav: NavController) { }
+
+ srcImage: string;
+
+ constructor(private nav: NavController) { }
 
  presentActionSheet() {
  let actionSheet = ActionSheet.create({
  buttons: [
  {
  text: 'Choose Photo',
  handler: () => {
- console.log('Choose Photo');
+ this.getPicture(0); // 1 == Library
  }
  },
  {
  text: 'Take Photo',
  handler: () => {
- console.log('Take Photo');
+ this.getPicture(1); // 1 == Camera
  }
  },
  {
- text: 'Cancel',
- role: 'cancel',
+ text: 'Demo Photo',
  handler: () => {
- console.log('Cancel clicked');
+ this.srcImage = 'demo.png';
  }
+ },
+ {
+ text: 'Cancel',
+ role: 'cancel'
  }
  ]
  });
  this.nav.present(actionSheet);
  }
 
+ getPicture (sourceType: number) {
+ // You can check the values here:
+ // https://github.com/driftyco/ionic-native/blob/master/src/plugins/camera.ts
+ Camera.getPicture({
+ quality: 100,
+ destinationType: 0, // DATA_URL
+ sourceType: sourceType,
+ allowEdit: true,
+ saveToPhotoAlbum: false,
+ correctOrientation: true
+ }).then(imageData => {
+ this.srcImage = `data:image/jpeg;base64,${imageData}`;
+ }, error => {
+ console.log(`ERROR -> ${JSON.stringify(error)}`);
+ });
+ }
+
+ analyze () {
+ let loading = Loading.create({
+ content: 'Reading...'
+ });
+ this.nav.present(loading);
+ OCRAD(document.getElementById('image'), text => {
+ loading.dismiss();
+ console.log(text);
+ alert(text);
+ });
+ }
+
+ restart () {
+ this.srcImage = '';
+ this.presentActionSheet();
+ }
+
 }