{"version":3,"sources":["webpack:///./src/js/vue/MeasuringStationMap/measuring-station-map.vue?9488","webpack:///./src/js/vue/MeasuringStationMap/measuring-station-map.vue?9241","webpack:///src/js/vue/MeasuringStationMap/measuring-station-map.vue","webpack:///./src/js/vue/MeasuringStationMap/measuring-station-map.vue","webpack:///./src/js/vue/air-quality-index.js"],"names":["component","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","mapHeading","_v","_s","latest","staticStyle","_l","station","key","id","x","y","style","left","calculateX","top","calculateY","fill","color","name","value","on","$event","showTooltip","hideTooltip","_e","tooltip","airQualityGood","_m","airQualityVeryPoor","backgroundImageAltText","mx","my","getAirQualityIndexValue","i","airQualityIndex","length","max","setAirQualityLabels","map","ai","label","getAirQualityGraphValue","min"],"mappings":"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","file":"measuring-station-map.837eab44452202f1cb1e.bundle.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map\",attrs:{\"role\":\"complementary\",\"aria-label\":_vm.model.mapHeading}},[_c('div',{staticClass:\"d-md-block d-none\"},[_c('div',{staticClass:\"map-title d-flex justify-content-between py-1 px-2 px-lg-3 font-weight-bold\"},[_c('h2',[_vm._v(_vm._s(_vm.model.mapHeading))]),_vm._v(\" \"),_c('h2',[_vm._v(_vm._s(_vm.latest))])]),_vm._v(\" \"),_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('img',{staticClass:\"map-area lazyload\",attrs:{\"data-src\":\"/img/map.png\",\"aria-hidden\":\"true\"}}),_vm._v(\" \"),_vm._l((_vm.stationStatus),function(station){return _c('span',{key:station.id},[(station.x && station.y)?_c('svg',{staticClass:\"icon icon-HSY-pin\",style:({ left:_vm.calculateX(station.x),\n                     top:_vm.calculateY(station.y),\n                     fill: station.color}),attrs:{\"aria-labelledby\":'tooltip-' + station.id,\"role\":\"group\"}},[_c('text',{attrs:{\"id\":'tooltip-' + station.id}},[_vm._v(_vm._s(station.name)+\": \"+_vm._s(station.value))]),_vm._v(\" \"),_c('use',{attrs:{\"xlink:href\":\"#icon-HSY-pin\",\"tabindex\":\"0\"},on:{\"mouseover\":function($event){return _vm.showTooltip(station)},\"focus\":function($event){return _vm.showTooltip(station)},\"mouseleave\":function($event){return _vm.hideTooltip()}}})]):_vm._e()])}),_vm._v(\" \"),(_vm.tooltip)?_c('span',[_c('span',{staticClass:\"map-tooltip\",style:({ left:_vm.calculateX(_vm.tooltip.x), top:_vm.calculateY(_vm.tooltip.y)})},[_vm._v(_vm._s(_vm.tooltip.name)+\": \"+_vm._s(_vm.tooltip.value))])]):_vm._e()],2),_vm._v(\" \"),_c('div',{staticClass:\"map-legend d-flex px-2 px-lg-3 justify-content-between align-items-center\"},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.model.airQualityGood))]),_vm._v(\" \"),_vm._m(0),_vm._v(\" \"),_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.model.airQualityVeryPoor))])])]),_vm._v(\" \"),_c('div',{staticClass:\"d-md-none d-block\"},[_c('div',{staticClass:\"map-title d-flex justify-content-between py-1 px-2 px-lg-3 font-weight-bold\"},[_c('span',[_vm._v(_vm._s(_vm.model.mapHeading))]),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.latest))])]),_vm._v(\" \"),_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('img',{staticClass:\"map-area lazyload\",attrs:{\"data-src\":\"/img/map-mobile.png\",\"alt\":_vm.model.backgroundImageAltText}}),_vm._v(\" \"),_vm._l((_vm.stationStatus),function(station){return _c('span',{key:station.id},[(station.mx && station.my)?_c('svg',{staticClass:\"icon icon-HSY-pin\",style:({ left:_vm.calculateX(station.mx), top:_vm.calculateY(station.my), fill: station.color}),attrs:{\"aria-labelledby\":'tooltip-' + station.id,\"role\":\"group\"}},[_c('text',{attrs:{\"id\":'tooltip-' + station.id}},[_vm._v(_vm._s(station.name)+\": \"+_vm._s(station.value))]),_vm._v(\" \"),_c('use',{attrs:{\"xlink:href\":\"#icon-HSY-pin\",\"tabindex\":\"0\"},on:{\"mouseover\":function($event){return _vm.showTooltip(station)},\"focus\":function($event){return _vm.showTooltip(station)},\"mouseleave\":function($event){return _vm.hideTooltip()}}})]):_vm._e(),_vm._v(\" \"),(_vm.tooltip)?_c('span',[_c('span',{staticClass:\"map-tooltip\",style:({ left:_vm.calculateX(_vm.tooltip.mx), top:_vm.calculateY(_vm.tooltip.my)})},[_vm._v(_vm._s(_vm.tooltip.name)+\": \"+_vm._s(_vm.tooltip.value))])]):_vm._e()])})],2),_vm._v(\" \"),_c('div',{staticClass:\"map-legend d-flex px-2 px-lg-3 justify-content-between align-items-center\"},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.model.airQualityGood))]),_vm._v(\" \"),_vm._m(1),_vm._v(\" \"),_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.model.airQualityVeryPoor))])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex justify-content-center\"},[_c('span',{staticClass:\"pr-3 pl-2 excellent\"}),_vm._v(\" \"),_c('span',{staticClass:\"pr-3 pl-2 good\"}),_vm._v(\" \"),_c('span',{staticClass:\"pr-3 pl-2 average\"}),_vm._v(\" \"),_c('span',{staticClass:\"pr-3 pl-2 poor\"}),_vm._v(\" \"),_c('span',{staticClass:\"pr-3 pl-2 bad\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex justify-content-center\"},[_c('span',{staticClass:\"pr-3 pl-2 excellent\"}),_vm._v(\" \"),_c('span',{staticClass:\"pr-3 pl-2 good\"}),_vm._v(\" \"),_c('span',{staticClass:\"pr-3 pl-2 average\"}),_vm._v(\" \"),_c('span',{staticClass:\"pr-3 pl-2 poor\"}),_vm._v(\" \"),_c('span',{staticClass:\"pr-3 pl-2 bad\"})])}]\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./measuring-station-map.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./measuring-station-map.vue?vue&type=script&lang=js&\"","<template>\r\n    <div class=\"map\" role=\"complementary\" :aria-label=\"model.mapHeading\">\r\n        <!--Desktop layout-->\r\n        <div class=\"d-md-block d-none\">\r\n            <div class=\"map-title d-flex justify-content-between py-1 px-2 px-lg-3 font-weight-bold\">\r\n                <h2>{{ model.mapHeading }}</h2>\r\n                <h2>{{ latest }}</h2>\r\n            </div>\r\n            <div style=\"position: relative\">\r\n                <img class=\"map-area lazyload\" data-src='/img/map.png' aria-hidden=\"true\" />\r\n                <span v-for=\"station in stationStatus\" :key=\"station.id\">\r\n                    <svg v-if=\"station.x && station.y\"\r\n                         :style=\"{ left:calculateX(station.x),\r\n                         top:calculateY(station.y),\r\n                         fill: station.color}\"\r\n                         class=\"icon icon-HSY-pin\"\r\n                         :aria-labelledby=\"'tooltip-' + station.id\"\r\n                         role=\"group\"\r\n                    >\r\n                        <text :id=\"'tooltip-' + station.id\">{{ station.name }}: {{station.value}}</text>\r\n                        <use xlink:href=\"#icon-HSY-pin\" tabindex=\"0\" @mouseover=\"showTooltip(station)\" @focus=\"showTooltip(station)\" @mouseleave=\"hideTooltip()\"></use>\r\n                    </svg>\r\n                </span>   \r\n                <span v-if=\"tooltip\">\r\n                  <span class=\"map-tooltip\" :style=\"{ left:calculateX(tooltip.x), top:calculateY(tooltip.y)}\">{{ tooltip.name }}: {{tooltip.value}}</span>\r\n                </span>             \r\n            </div>\r\n            <div class=\"map-legend d-flex px-2 px-lg-3 justify-content-between align-items-center\">\r\n                <span class=\"font-weight-bold\">{{ model.airQualityGood }}</span>\r\n                <div class=\"d-flex justify-content-center\">\r\n                    <span class=\"pr-3 pl-2 excellent\"></span>\r\n                    <span class=\"pr-3 pl-2 good\"></span>\r\n                    <span class=\"pr-3 pl-2 average\"></span>\r\n                    <span class=\"pr-3 pl-2 poor\"></span>\r\n                    <span class=\"pr-3 pl-2 bad\"></span>\r\n                </div>\r\n                <span class=\"font-weight-bold\">{{ model.airQualityVeryPoor }}</span>\r\n            </div>\r\n        </div>\r\n        <!--Mobile layout-->\r\n        <div class=\"d-md-none d-block\">\r\n            <div class=\"map-title d-flex justify-content-between py-1 px-2 px-lg-3 font-weight-bold\">\r\n                <span>{{ model.mapHeading }}</span>\r\n                <span>{{ latest }}</span>\r\n            </div>\r\n            <div style=\"position: relative\">\r\n                <img class=\"map-area lazyload\" data-src='/img/map-mobile.png' :alt=\"model.backgroundImageAltText\" />\r\n                <span v-for=\"station in stationStatus\" :key=\"station.id\">\r\n                    <svg v-if=\"station.mx && station.my\"\r\n                         :style=\"{ left:calculateX(station.mx), top:calculateY(station.my), fill: station.color}\"\r\n                         class=\"icon icon-HSY-pin\"\r\n                         :aria-labelledby=\"'tooltip-' + station.id\"\r\n                         role=\"group\"\r\n                 \r\n                    >\r\n                    <text :id=\"'tooltip-' + station.id\">{{ station.name }}: {{station.value}}</text>\r\n                        <use xlink:href=\"#icon-HSY-pin\"\r\n                             tabindex=\"0\"\r\n                             @mouseover=\"showTooltip(station)\"\r\n                             @focus=\"showTooltip(station)\"\r\n                             @mouseleave=\"hideTooltip()\"></use>\r\n                    </svg>\r\n                    <span v-if=\"tooltip\">\r\n                        <span class=\"map-tooltip\" :style=\"{ left:calculateX(tooltip.mx), top:calculateY(tooltip.my)}\">{{ tooltip.name }}: {{tooltip.value}}</span>\r\n                    </span>\r\n                </span>                \r\n            </div>\r\n            <div class=\"map-legend d-flex px-2 px-lg-3 justify-content-between align-items-center\">\r\n                <span class=\"font-weight-bold\">{{ model.airQualityGood }}</span>\r\n                <div class=\"d-flex justify-content-center\">\r\n                    <span class=\"pr-3 pl-2 excellent\"></span>\r\n                    <span class=\"pr-3 pl-2 good\"></span>\r\n                    <span class=\"pr-3 pl-2 average\"></span>\r\n                    <span class=\"pr-3 pl-2 poor\"></span>\r\n                    <span class=\"pr-3 pl-2 bad\"></span>\r\n                </div>\r\n                <span class=\"font-weight-bold\">{{ model.airQualityVeryPoor }}</span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import axios from 'axios';\r\n    import getAirQualityIndexValue from '../air-quality-index';\r\n    import moment from 'moment';\r\n\r\n    export default {\r\n        props: {\r\n            model: {\r\n                required: true,\r\n                type: Object\r\n            }\r\n        },\r\n        data() {\r\n            return {\r\n                tooltip: null,\r\n                stationStatus: [],\r\n                latest: null,\r\n            }\r\n        },\r\n        mounted() {\r\n            axios.get(\"/api/v1/airqualitygraphs/airquality\")\r\n                .then(result => {\r\n                    this.latest = moment(result.data.latest).format(\"DD.MM.YYYY HH:mm\")\r\n                    result.data.dataPoints.map((index) => {\r\n                        if (this.model.stations[index.station]) {\r\n                            let indexValue = getAirQualityIndexValue(index.data);\r\n                            this.stationStatus.push({\r\n                                id: index.station,\r\n                                name: this.model.stations[index.station].name,\r\n                                x: this.model.stations[index.station].x,\r\n                                y: this.model.stations[index.station].y,\r\n                                mx: this.model.stations[index.station].mobileX,\r\n                                my: this.model.stations[index.station].mobileY,\r\n                                value: this.model[indexValue.value],\r\n                                color: indexValue.color\r\n                            })\r\n                        }\r\n                    });\r\n                }).catch(error => {\r\n                    console.error(error);\r\n                })\r\n        },\r\n        methods: {\r\n            showTooltip(station) {\r\n                this.tooltip = station;\r\n            },\r\n            hideTooltip() {\r\n                this.tooltip = null;\r\n            },\r\n            calculateY(ycoordinate) {\r\n                if (ycoordinate > 10) {\r\n                    return ycoordinate - 10 + '%'\r\n                }\r\n            },\r\n            calculateX(xcoordinate) {\r\n                if (xcoordinate > 8) {\r\n                    return xcoordinate - 8 + '%'\r\n                }\r\n            }\r\n        }\r\n    }\r\n</script>","import { render, staticRenderFns } from \"./measuring-station-map.vue?vue&type=template&id=e5330b76&\"\nimport script from \"./measuring-station-map.vue?vue&type=script&lang=js&\"\nexport * from \"./measuring-station-map.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export default function getAirQualityIndexValue(value) {\r\n  for (let i = 0; i < airQualityIndex.length; i++) {\r\n      if (value <= airQualityIndex[i].max || i == airQualityIndex.length - 1) {\r\n          return airQualityIndex[i]\r\n      }\r\n  }\r\n}\r\n\r\nexport function setAirQualityLabels(model) {\r\n  airQualityIndex.map(ai => {\r\n    ai.label = model[ai.value];\r\n    return ai;\r\n  })\r\n}\r\n\r\nexport function getAirQualityGraphValue(value) {\r\n  for (let i = 0; i < airQualityIndex.length; i++) {\r\n    if (airQualityIndex[i].min == value) {\r\n        return airQualityIndex[i];\r\n    }\r\n  }\r\n  return null;\r\n}\r\n\r\nexport let airQualityIndex = [\r\n  {\r\n      max: 50,\r\n      value: 'airQualityGood',\r\n      color: \"#009F4E\",\r\n      label: '',\r\n      min: 0\r\n  },\r\n  {\r\n      max: 75,\r\n      value: 'airQualityAverage',\r\n      color: \"#F9D900\",\r\n      label: '',\r\n      min: 50\r\n  },\r\n  {\r\n      max: 100,\r\n      value: 'airQualityBelowAverage',\r\n      color: \"#EA7601\",\r\n      label: '',\r\n      min: 75\r\n  },\r\n  {\r\n      max: 150,\r\n      value: 'airQualityPoor',\r\n      color: \"#BD3529\",\r\n      label: '',\r\n      min: 100\r\n  },\r\n  {\r\n      value: 'airQualityVeryPoor',\r\n      color: \"#814495\",\r\n      label: '',\r\n      max: 200,\r\n      min: 150\r\n  }\r\n]"],"sourceRoot":""}