FarmMaps/FarmMapsLib
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Change map button styling
All checks were successful
FarmMaps.Develop/FarmMapsLib/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
Willem Dantuma 2021-01-30 16:40:25 +01:00
parent dd97c89254
commit 0c44beabe0
6 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
projects/common-map/src/fm-map/components/aol/pan-to-location/pan-to-location.component.html
View File

@ -1,4 +1,4 @@
<div (click)="handleClick($event)" class="btn btn-outline-secondary gps-location"> <div (click)="handleClick($event)" class="btn btn-outline-primary gps-location">
<svg height="100%" width="100%" viewBox="0 0 96 96"> <svg height="100%" width="100%" viewBox="0 0 96 96">
<g <g
id="XMLID_1_"><circle id="XMLID_1_"><circle

2
projects/common-map/src/fm-map/components/aol/rotation-reset/rotation-reset.component.html
View File

@ -1,4 +1,4 @@
<div (click)="handleClick($event)" class="btn btn-outline-secondary compass" [style.transform]="Rotation()" [ngClass]="{'compass-n':IsNorth()}"> <div (click)="handleClick($event)" class="btn btn-outline-primary compass" [style.transform]="Rotation()" [ngClass]="{'compass-n':IsNorth()}">
<svg height="100%" width="100%" viewBox="0 0 132.29166 132.29167"> <svg height="100%" width="100%" viewBox="0 0 132.29166 132.29167">
<g <g
inkscape:label="Laag 1" inkscape:label="Laag 1"

2
projects/common-map/src/fm-map/components/layer-switcher/layer-switcher.component.html
View File

@ -1,4 +1,4 @@
<div class="btn btn-outline-secondary layer-switcher" (click)="handleClick($event)"> <div class="btn btn-outline-primary layer-switcher" (click)="handleClick($event)">
<i class="fal fa-layer-group"></i> <i class="fal fa-layer-group"></i>
<div class="layers hidden" [ngClass]="{'hidden':!(showLayerSwitcher|async)}" (click)="$event.stopPropagation();"> <div class="layers hidden" [ngClass]="{'hidden':!(showLayerSwitcher|async)}" (click)="$event.stopPropagation();">
<div class="card layers-card m-1"> <div class="card layers-card m-1">

2
projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.html
View File

@ -1 +1 @@
<div *fm-haspackage="'vnd.farmmaps.package.3d'" (click)="handleClick($event)" class="btn btn-outline-secondary twotreed">{{label}}</div> <div *fm-haspackage="'vnd.farmmaps.package.3d'" (click)="handleClick($event)" class="btn btn-outline-primary twotreed"><i class="fas fa-spinner fa-spin loading" [class]="{'loading':loading}"></i>{{label}}</div>

8
projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.scss
View File

@ -13,3 +13,11 @@
padding: 0; padding: 0;
color: $secondary; color: $secondary;
} }
.fa-spinner {
display: none;
}
.fa-spinner.loading {
display: inline-block;
}

2
projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.ts
View File

@ -15,6 +15,7 @@ export class Switch2D3DComponent {
public label: string = "3D"; public label: string = "3D";
private ol3d: OLCesium; private ol3d: OLCesium;
private synchronizers:any[]; private synchronizers:any[];
public loading:boolean = true;
constructor(private map: MapComponent) { constructor(private map: MapComponent) {
@ -28,6 +29,7 @@ export class Switch2D3DComponent {
new olcs.RasterSynchronizer(map,scene), new olcs.RasterSynchronizer(map,scene),
new olcs.VectorSynchronizer(map,scene) new olcs.VectorSynchronizer(map,scene)
]; ];
this.loading=false;
return this.synchronizers; return this.synchronizers;
}, stopOpenLayersEventsPropagation:true}); }, stopOpenLayersEventsPropagation:true});
} }