From 0c44beabe08f14a67cd2eb8eb7f4c638ccc8fb8e Mon Sep 17 00:00:00 2001
From: Willem Dantuma <willem.dantuma@dobs.nl>
Date: Sat, 30 Jan 2021 16:40:25 +0100
Subject: [PATCH] Change map button styling

---
 .../aol/pan-to-location/pan-to-location.component.html    | 2 +-
 .../aol/rotation-reset/rotation-reset.component.html      | 2 +-
 .../layer-switcher/layer-switcher.component.html          | 2 +-
 .../components/olcs/switch2d3d/switch2d3d.component.html  | 2 +-
 .../components/olcs/switch2d3d/switch2d3d.component.scss  | 8 ++++++++
 .../components/olcs/switch2d3d/switch2d3d.component.ts    | 2 ++
 6 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/projects/common-map/src/fm-map/components/aol/pan-to-location/pan-to-location.component.html b/projects/common-map/src/fm-map/components/aol/pan-to-location/pan-to-location.component.html
index 079f1fa..56f8c9f 100644
--- a/projects/common-map/src/fm-map/components/aol/pan-to-location/pan-to-location.component.html
+++ b/projects/common-map/src/fm-map/components/aol/pan-to-location/pan-to-location.component.html
@@ -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">
     <g
     id="XMLID_1_"><circle      
diff --git a/projects/common-map/src/fm-map/components/aol/rotation-reset/rotation-reset.component.html b/projects/common-map/src/fm-map/components/aol/rotation-reset/rotation-reset.component.html
index 63a1221..f467a95 100644
--- a/projects/common-map/src/fm-map/components/aol/rotation-reset/rotation-reset.component.html
+++ b/projects/common-map/src/fm-map/components/aol/rotation-reset/rotation-reset.component.html
@@ -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">
     <g
      inkscape:label="Laag 1"
diff --git a/projects/common-map/src/fm-map/components/layer-switcher/layer-switcher.component.html b/projects/common-map/src/fm-map/components/layer-switcher/layer-switcher.component.html
index bc178ba..cc8943d 100644
--- a/projects/common-map/src/fm-map/components/layer-switcher/layer-switcher.component.html
+++ b/projects/common-map/src/fm-map/components/layer-switcher/layer-switcher.component.html
@@ -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>  
   <div class="layers hidden" [ngClass]="{'hidden':!(showLayerSwitcher|async)}" (click)="$event.stopPropagation();">
     <div class="card layers-card m-1">
diff --git a/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.html b/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.html
index 926c049..7f73dd8 100644
--- a/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.html
+++ b/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.html
@@ -1 +1 @@
-<div *fm-haspackage="'vnd.farmmaps.package.3d'" (click)="handleClick($event)" class="btn btn-outline-secondary twotreed">{{label}}</div>
\ No newline at end of file
+<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>
\ No newline at end of file
diff --git a/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.scss b/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.scss
index a4e654e..e1189e6 100644
--- a/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.scss
+++ b/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.scss
@@ -12,4 +12,12 @@
   border-radius: 1.75em;
   padding: 0;
   color: $secondary;
+}
+
+.fa-spinner {
+  display: none;
+}
+
+.fa-spinner.loading {
+  display: inline-block;
 }
\ No newline at end of file
diff --git a/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.ts b/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.ts
index 02f7f8a..a5aa3c5 100644
--- a/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.ts
+++ b/projects/common-map3d/src/fm-map3d/components/olcs/switch2d3d/switch2d3d.component.ts
@@ -15,6 +15,7 @@ export class Switch2D3DComponent {
   public label: string = "3D";
   private ol3d: OLCesium;
   private synchronizers:any[];
+  public loading:boolean = true;
 
 
   constructor(private map: MapComponent) {
@@ -28,6 +29,7 @@ export class Switch2D3DComponent {
             new olcs.RasterSynchronizer(map,scene),
             new olcs.VectorSynchronizer(map,scene)
         ];
+        this.loading=false;
         return this.synchronizers;
     }, stopOpenLayersEventsPropagation:true}); 
   }