Updating the mobile app
To reflect the new template in the mobile app, we will update mobile-app/src/pages/view-device/view-device.html, as follows:
<ion-header>
<ion-navbar>
<ion-title>Mobile App</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<div *ngIf="!lastRecord">
<h3 class="text-center">Loading!</h3>
</div>
<div *ngIf="lastRecord">
<ion-list>
<ion-item>
<ion-label>Name</ion-label>
<ion-label>{{device.name}}</ion-label>
</ion-item>
<ion-item>
<ion-label>X-Axis</ion-label>
<ion-label>{{lastRecord.data.acclVals.x}} {{lastRecord.data.acclVals.units}}</ion-label>
</ion-item>
<ion-item>
<ion-label>Y-Axis</ion-label>
<ion-label>{{lastRecord.data.acclVals.y}} {{lastRecord.data.acclVals...