From 2f23cfdf0b4e90d950608c81bfed8e5141781a2c Mon Sep 17 00:00:00 2001
From: Manuel Kasper <mk@neon1.net>
Date: Mon, 27 Sep 2021 16:02:59 +0200
Subject: [PATCH] Add info about AZ data source

---
 src/components/MapOptionsControl.vue | 16 +++++++++++++++-
 src/main.js                          |  6 ++++--
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/MapOptionsControl.vue b/src/components/MapOptionsControl.vue
index f60ca68..4b1a347 100644
--- a/src/components/MapOptionsControl.vue
+++ b/src/components/MapOptionsControl.vue
@@ -22,7 +22,10 @@
           <b-checkbox v-model="mapOptions.hillshading" size="is-small" @input="setMapOption('hillshading', $event)">Hillshading</b-checkbox>
         </b-field>
         <b-field v-if="mapType === 'swisstopo' || mapType === 'swisstopo_raster'" grouped>
-          <b-checkbox v-model="mapOptions.az" size="is-small" @input="setMapOption('az', $event)">Activation zones</b-checkbox>
+          <b-checkbox v-model="mapOptions.az" size="is-small" @input="setMapOption('az', $event)">
+            Activation zones
+            <b-icon pack="fas" icon="info-circle" size="is-small" type="is-info" @click.native="showActivationZoneInfo" />
+          </b-checkbox>
         </b-field>
       </div>
       <div class="map-option">
@@ -159,6 +162,17 @@ export default {
     },
     setMapOption (option, value) {
       this.$store.commit('setMapOption', { option, value })
+    },
+    showActivationZoneInfo (event) {
+      event.preventDefault()
+      this.$buefy.dialog.alert({
+        title: 'Activation zones',
+        message: 'The activation zones for HB/HB0 have been calculated using <a href="https://www.swisstopo.admin.ch/de/geodata/height/alti3d.html" target="_blank">swissALTI3D</a> data from swisstopo (aperture width 0.5 m).',
+        type: 'is-info',
+        hasIcon: true,
+        icon: 'info-circle',
+        iconPack: 'fas'
+      })
     }
   }
 }
diff --git a/src/main.js b/src/main.js
index 753ade8..1c92c4f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -15,7 +15,8 @@ import { faCheck, faCheckCircle, faInfoCircle, faExclamationTriangle, faExclamat
   faSnowflake, faWindowMinimize, faWindowMaximize, faWindowClose, faExpandArrows, faLocation, faCalendarCheck, faComment, faSpinner,
   faBookUser } from '@fortawesome/pro-regular-svg-icons'
 import { faMap, faCheckCircle as fasCheckCircle, faChevronCircleDown as fasChevronCircleDown, faChevronCircleUp as fasChevronCircleUp,
-  faParking, faSquare, faBus, faHiking, faCircle, faCamera, faCameraHome, faVolume, faVolumeMute, faCog, faCaretDown as fasCaretDown, faLocationArrow as fasLocationArrow } from '@fortawesome/pro-solid-svg-icons'
+  faParking, faSquare, faBus, faHiking, faCircle, faCamera, faCameraHome, faVolume, faVolumeMute, faCog, faCaretDown as fasCaretDown,
+  faLocationArrow as fasLocationArrow, faInfoCircle as fasInfoCircle } from '@fortawesome/pro-solid-svg-icons'
 import { faWikipediaW, faGoogle, faGithub } from '@fortawesome/free-brands-svg-icons'
 import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/vue-fontawesome'
 import '@/assets/global.css'
@@ -29,7 +30,8 @@ library.add(faCheck, faCheckCircle, faInfoCircle, faExclamationTriangle, faExcla
   faExchange, faGlobe, faCalendarDay, faTrashAlt, faEdit, faClone, farCheckCircle, faArrowsH, faArrowsAlt,
   faSnowflake, faWindowMinimize, faWindowMaximize, faWindowClose, faExpandArrows, faLocation, faCalendarCheck, faComment, faSpinner,
   faBookUser)
-library.add(faMap, fasCheckCircle, fasChevronCircleDown, fasChevronCircleUp, faParking, faSquare, faBus, faHiking, faCircle, faCamera, faCameraHome, faVolume, faVolumeMute, faCog, fasCaretDown, fasLocationArrow)
+library.add(faMap, fasCheckCircle, fasChevronCircleDown, fasChevronCircleUp, faParking, faSquare, faBus, faHiking, faCircle, faCamera,
+  faCameraHome, faVolume, faVolumeMute, faCog, fasCaretDown, fasLocationArrow, fasInfoCircle)
 library.add(faWikipediaW, faGoogle, faGithub)
 Vue.component('font-awesome-icon', FontAwesomeIcon)
 Vue.component('font-awesome-layers', FontAwesomeLayers)