This commit is contained in:
Max Lynch
2015-09-08 13:49:24 -05:00
parent 05473c07af
commit fa6c82ff52
6 changed files with 159 additions and 9 deletions

View File

@ -1,7 +1,9 @@
import {Component} from 'angular2/angular2';
import {Control, ControlGroup} from 'angular2/forms';
import {App, Http, Camera, Geolocation, Vibration} from 'ionic/ionic';
import {App, Http} from 'ionic/ionic';
import {Camera, Geolocation, Vibration, Battery} from 'ionic/ionic';
let testUrl = 'https://ionic-api-tester.herokuapp.com/json';
let testUrl404 = 'https://ionic-api-tester.herokuapp.com/404';
@ -48,4 +50,9 @@ class IonicApp {
doVibrate() {
Vibration.vibrate(1000);
}
doBatteryStatus() {
Battery.getStatus().then((battery) => {
this.battery = battery;
});
}
}

View File

@ -1,19 +1,28 @@
<ion-view>
<ion-content padding>
<h2>Camera</h2>
<button primary (click)="getPicture()">Get Picture</button>
<button primary outline (click)="getPicture()">Get Picture</button>
<h2>Geolocation</h2>
<button primary (click)="doGetLocation()">Get Location</button>
<button primary outline (click)="doGetLocation()">Get Location</button>
<div>
<b *ng-if="gettingLocation">Fetching location...</b>
<b *ng-if="location">{{location.coords.latitude}}, {{location.coords.longitude}}</b>
</div>
<button primary (click)="doTrackLocation()">Track Location</button>
<button primary outline (click)="doTrackLocation()">Track Location</button>
<div>
<b *ng-if="gettingTrackLocation">Fetching location...</b>
<b *ng-if="trackLocation">{{trackLocation.coords.latitude}}, {{trackLocation.coords.longitude}}</b>
</div>
<h2>Vibration</h2>
<button primary (click)="doVibrate()">Vibrate</button>
<button primary outline (click)="doVibrate()">Vibrate</button>
<h2>Battery</h2>
<button primary outline (click)="doBatteryStatus()">Get Status</button>
<div *ng-if="battery">
Battery charging: <b>{{battery.charging}}</b><br>
Battery level: <b>{{battery.level * 100}}</b>%<br>
Battery charging time: <b>{{battery.chargingTime}}</b>s<br>
Battery discharging time: <b>{{battery.dischargingTime}}</b>s<br>
</div>
</ion-content>
</ion-view>