ztimson/map-alliance
ztimson/map-alliance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 1 Activity

More fixes

Browse Source
This commit is contained in:
Zakary Timson 2019-07-11 23:18:44 -04:00
parent 2a498437dc
commit 0ca0894db5
4 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/map/calibrate/calibrate.component.html
View File

@ -10,7 +10,7 @@
<div class="col-5 pl-0"> <div class="col-5 pl-0">
<mat-form-field appearance="fill" class="w-100"> <mat-form-field appearance="fill" class="w-100">
<mat-label>Heading</mat-label> <mat-label>Heading</mat-label>
<input matInput type="number" [ngModel]="(physicsService.info | async)?.heading" readonly> <input matInput type="number" [value]="(physicsService.info | async)?.heading | number : '1.0-0'" readonly>
</mat-form-field> </mat-form-field>
</div> </div>
</div> </div>

8
src/app/map/calibrate/calibrate.component.ts
View File

@ -23,11 +23,11 @@ export class CalibrateComponent {
} }
setN() { setN() {
let currentHeading = this.physicsService.orientation.value.alpha; let currentHeading = Math.round(this.physicsService.orientation.value.alpha);
if(currentHeading <= 180) { if(currentHeading < 180) {
this.calibration = 360 - Math.round(currentHeading); this.calibration = -currentHeading;
} else { } else {
this.calibration = -Math.round(currentHeading); this.calibration = 360 - currentHeading;
} }
} }
} }

5
src/app/map/map.component.ts
View File

@ -23,13 +23,14 @@ export class MapComponent {
isNaN = isNaN; isNaN = isNaN;
menu: ToolbarItem[][] = [[ menu: ToolbarItem[][] = [[
{name: 'compass', icon: 'explore', click: () => this.calibrate()}, {name: 'compass', icon: 'explore', click: () => this.calibrate(), hidden: true},
], [ ], [
{name: 'marker', icon: 'room', toggle: true, individualToggle: true, click: () => this.addMarker()}, {name: 'marker', icon: 'room', toggle: true, individualToggle: true, click: () => this.addMarker()},
{name: 'draw', icon: 'create', toggle: true, individualToggle: true, onEnabled: () => this.startDraw(), onDisabled: () => this.endDraw()}, {name: 'draw', icon: 'create', toggle: true, individualToggle: true, onEnabled: () => this.startDraw(), onDisabled: () => this.endDraw()},
{name: 'measure', icon: 'straighten', toggle: true, individualToggle: true, click: () => this.measure()}, {name: 'measure', icon: 'straighten', toggle: true, individualToggle: true, click: () => this.measure()},
{name: 'delete', icon: 'delete', toggle: true, individualToggle: true}, {name: 'delete', icon: 'delete', toggle: true, individualToggle: true},
{name: 'style', icon: 'terrain', enabled: true, toggle: true, onEnabled: () => this.style = 'terrain', onDisabled: () => this.style = 'satellite'} {name: 'style', icon: 'terrain', enabled: true, toggle: true, onEnabled: () => this.style = 'terrain', onDisabled: () => this.style = 'satellite'},
{name: 'compass', icon: 'explore', click: () => this.calibrate()}
], [ ], [
{name: 'messages', icon: 'chat', hidden: true}, {name: 'messages', icon: 'chat', hidden: true},
{name: 'identity', icon: 'perm_identity', hidden: true}, {name: 'identity', icon: 'perm_identity', hidden: true},

5
src/styles.scss
View File

@ -5,7 +5,10 @@
outline: none !important; outline: none !important;
} }
html, body { height: 100%; } html, body {
height: 100%;
overflow: hidden;
}
body { body {
margin: 0; margin: 0;
overscroll-behavior: none; overscroll-behavior: none;