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

Misc

Browse Source
This commit is contained in:
Zakary Timson 2019-08-31 15:02:11 -04:00
parent da9aa17cc7
commit 7983b4633b
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/components/dimensionsDialog/dimensionsDialog.component.html
View File

@ -12,6 +12,7 @@
</form> </form>
<mat-divider></mat-divider> <mat-divider></mat-divider>
<div class="text-right py-2"> <div class="text-right py-2">
<button mat-button mat-dialog-close>Cancel</button>
<button mat-button type="submit" form="dimensionsForm" (click)="close()">Ok</button> <button mat-button type="submit" form="dimensionsForm" (click)="close()">Ok</button>
</div> </div>
</div> </div>

10
src/app/views/map/map.component.ts
View File

@ -35,7 +35,8 @@ export class MapComponent implements OnInit {
sub: Subscription; sub: Subscription;
placeRelative = () => { placeRelative = () => {
this.dialog.open(DimensionsDialogComponent, {data: ['Distance (m)', 'Baring']}).afterClosed().subscribe(dimensions => { this.dialog.open(DimensionsDialogComponent, {data: ['Distance (m)', 'Baring'], panelClass: 'pb-0'}).afterClosed().subscribe(dimensions => {
if(!dimensions) return;
let latlng = relativeLatLng({lat: this.position.latitude, lng: this.position.longitude}, dimensions[0], dimensions[1]); let latlng = relativeLatLng({lat: this.position.latitude, lng: this.position.longitude}, dimensions[0], dimensions[1]);
let marker: Marker = {latlng: latlng, color: '#ff4141'}; let marker: Marker = {latlng: latlng, color: '#ff4141'};
this.syncService.addMarker(marker); this.syncService.addMarker(marker);
@ -49,11 +50,8 @@ export class MapComponent implements OnInit {
startCircle = menuItem => { startCircle = menuItem => {
this.sub = this.map.click.pipe(skip(1), take(1)).subscribe(async e => { this.sub = this.map.click.pipe(skip(1), take(1)).subscribe(async e => {
let dimensions = await this.dialog.open(DimensionsDialogComponent, { let dimensions = await this.dialog.open(DimensionsDialogComponent, {data: ['Radius (m)'], panelClass: 'pb-0'}).afterClosed().toPromise();
data: ['Radius (m)'], if(!dimensions) return;
disableClose: true,
panelClass: 'pb-0'
}).afterClosed().toPromise();
menuItem.enabled = false; menuItem.enabled = false;
let circle = {latlng: e.latlng, radius: dimensions[0] || 500, color: '#ff4141'}; let circle = {latlng: e.latlng, radius: dimensions[0] || 500, color: '#ff4141'};
this.syncService.addCircle(circle); this.syncService.addCircle(circle);