{"version":3,"sources":["webpack:///./src/js/vue/accordion.vue?b696","webpack:///./src/js/vue/accordion.vue?8cef","webpack:///src/js/vue/accordion.vue","webpack:///./src/js/vue/accordion.vue","webpack:///./src/js/vue/air-quality-index.js","webpack:///./src/js/vue/AirQualityGraphs/air-quality-graphs.vue?cfde","webpack:///./src/js/vue/AirQualityGraphs/air-quality-chart-init.js","webpack:///./src/js/vue/AirQualityGraphs/air-quality-channel-graphs.vue?3c43","webpack:///src/js/vue/AirQualityGraphs/air-quality-channel-graphs.vue","webpack:///./src/js/vue/AirQualityGraphs/air-quality-channel-graphs.vue","webpack:///./src/js/vue/AirQualityGraphs/air-quality-channel-graphs.vue?7fb5","webpack:///./src/js/vue/AirQualityGraphs/air-quality-station-graphs.vue?2fb3","webpack:///src/js/vue/AirQualityGraphs/air-quality-station-graphs.vue","webpack:///./src/js/vue/AirQualityGraphs/air-quality-station-graphs.vue","webpack:///./src/js/vue/AirQualityGraphs/air-quality-station-graphs.vue?e686","webpack:///./src/js/vue/AirQualityGraphs/air-quality-channel-table.vue?38f5","webpack:///src/js/vue/AirQualityGraphs/air-quality-channel-table.vue","webpack:///./src/js/vue/AirQualityGraphs/air-quality-graphs.vue?aa3f","webpack:///src/js/vue/AirQualityGraphs/air-quality-graphs.vue","webpack:///./src/js/vue/AirQualityGraphs/air-quality-channel-table.vue","webpack:///./src/js/vue/AirQualityGraphs/air-quality-channel-table.vue?9509","webpack:///./src/js/vue/AirQualityGraphs/air-quality-graphs.vue"],"names":["component","_vm","this","_h","$createElement","_c","_self","_l","model","item","id","key","body","heading","staticClass","attrs","accordionOpen","on","$event","type","indexOf","_k","keyCode","stopPropagation","preventDefault","toggleAccordion","undefined","headingTag","tag","anchor","_e","_v","_s","index","domProps","getAirQualityIndexValue","value","i","airQualityIndex","length","max","setAirQualityLabels","map","ai","label","getAirQualityGraphValue","min","color","window","moment","stockInit","Highcharts","options","yAxis","labels","format","document","documentElement","lang","Object","assign","time","timezone","rangeSelectorZoom","rangeSelectorTo","rangeSelectorFrom","months","shortMonths","weekdays","setOptions","channel","class","active","selectedChannel","nameAriaLabel","changeChannel","name","chartOptions","hcInstance","measurementStationsTitle","station","directives","rawName","expression","Array","isArray","selectedStations","_i","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","style","borderColor","channelInfo","tableMeasurementStationColumn","selectedStation","changeStation","channelsTitle","selectedChannels","stationInfo","tableDateSelect","selectedDate","disabledDates","refreshData","callback","tableTimeSelect","$$selectedVal","prototype","filter","call","o","selected","_value","multiple","tableHeading","getName","table","s","c","getValue","selectionTitle","selectedType","changeGraph","defaultType","graphSelect","tableSelect"],"mappings":"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","file":"air-quality-graphs.76b0d05e06e9669741af.bundle.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._l((_vm.model.items),function(item,id){return _c('div',{key:id},[(item.body != null && item.heading != null)?_c('div',{staticClass:\"accordion box d-block p-0 col-12\",attrs:{\"id\":item.id + '-panel',\"data-accordion-id\":item.id}},[_c('button',{staticClass:\"accordion-header p-4 w-100 d-flex\",attrs:{\"aria-expanded\":_vm.accordionOpen == item.id ? 'true' : 'false',\"role\":\"button\"},on:{\"keydown\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.toggleAccordion(item.id)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"arrow-up\",undefined,$event.key,undefined)){ return null; }return _vm.toggleAccordion(item.id)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"arrow-down\",undefined,$event.key,undefined)){ return null; }return _vm.toggleAccordion(item.id)}],\"click\":function($event){return _vm.toggleAccordion(item.id)}}},[_c(item.headingTag,{tag:\"component\",staticClass:\"m-0 h6\"},[(item.anchor)?_c('a',{attrs:{\"id\":item.anchor,\"role\":\"button\"}}):_vm._e(),_vm._v(_vm._s(item.heading)+\"\\n                \")]),_vm._v(\" \"),(_vm.accordionOpen != item.id)?_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_c('svg',{staticClass:\"icon icon-hsy-icon-plus-bold\"},[_c('use',{attrs:{\"xlink:href\":\"#icon-hsy-icon-plus-bold\"}})])]):_vm._e(),_vm._v(\" \"),(_vm.accordionOpen == item.id)?_c('span',{staticClass:\"close-accordion\",attrs:{\"aria-hidden\":\"true\"}},[_c('svg',{staticClass:\"icon icon-hsy-icon-minus-bold\"},[_c('use',{attrs:{\"xlink:href\":\"#icon-hsy-icon-minus-bold\"}})])]):_vm._e()],1),_vm._v(\" \"),_c('transition',{attrs:{\"name\":\"slide\"}},[(_vm.accordionOpen == item.id)?_c('div',{staticClass:\"accordion-body p-4 mt-n3\"},[(item.tags)?_c('div',_vm._l((item.tags),function(tag,index){return _c('span',{key:index,staticClass:\"tag mr-3 mb-3 p-1\"},[_vm._v(_vm._s(tag))])}),0):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"accordion-text\",domProps:{\"innerHTML\":_vm._s(item.body)}})]):_vm._e()])],1):_vm._e()])}),0)}\nvar staticRenderFns = []\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!./accordion.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!./accordion.vue?vue&type=script&lang=js&\"","<template>\r\n    <div>\r\n        <div v-for=\"(item, id) in model.items\" :key=\"id\">\r\n            <div v-if=\"item.body != null && item.heading != null\" :id=\"item.id + '-panel'\" class=\"accordion box d-block p-0 col-12\" :data-accordion-id=\"item.id\">\r\n                <button \r\n                     :aria-expanded=\"accordionOpen == item.id ? 'true' : 'false'\"\r\n                     class=\"accordion-header p-4 w-100 d-flex\"\r\n                     role=\"button\"\r\n                     @keydown.enter.stop.prevent=\"toggleAccordion(item.id)\"\r\n                     @keydown.arrow-up=\"toggleAccordion(item.id)\" \r\n                     @keydown.arrow-down=\"toggleAccordion(item.id)\" \r\n                     @click=\"toggleAccordion(item.id)\">\r\n                    <component :is=\"item.headingTag\" class=\"m-0 h6\">\r\n                        <a v-if=\"item.anchor\" :id=\"item.anchor\" role=\"button\"></a>{{ item.heading }}\r\n                    </component>\r\n                    <span v-if=\"accordionOpen != item.id\" aria-hidden=\"true\">\r\n                        <svg class=\"icon icon-hsy-icon-plus-bold\">\r\n                            <use xlink:href=\"#icon-hsy-icon-plus-bold\"></use>\r\n                        </svg>\r\n                    </span>\r\n                    <span v-if=\"accordionOpen == item.id\" aria-hidden=\"true\" class=\"close-accordion\">\r\n                        <svg class=\"icon icon-hsy-icon-minus-bold\">\r\n                            <use xlink:href=\"#icon-hsy-icon-minus-bold\"></use>\r\n                        </svg>\r\n                    </span>\r\n                </button>\r\n                <transition name=\"slide\">\r\n                    <div v-if=\"accordionOpen == item.id\" class=\"accordion-body p-4 mt-n3\">\r\n                        <div v-if=\"item.tags\">\r\n                            <span v-for=\"(tag, index) in item.tags\" :key=\"index\" class=\"tag mr-3 mb-3 p-1\">{{ tag }}</span>\r\n                        </div>\r\n                        <div class=\"accordion-text\" v-html=\"item.body\"></div>\r\n                    </div>\r\n                </transition>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { mapState } from 'vuex';\r\n\r\n    export default {\r\n\t\tprops: {\r\n\t\t\tmodel: {\r\n\t\t\t\ttype: Object,\r\n\t\t\t\trequired: true\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: mapState({\r\n\t\t\taccordionOpen: state => state.accordionOpen\r\n\t\t}),\r\n        mounted() {\r\n            this.$root.$on(\"updateHeadingTag\", (headingTag) => {\r\n                this.model.items[0].headingTag = headingTag;\r\n            });\r\n\r\n\r\n            //Add event listener to all a-tags that point to a accordion list item with matching anchor.\r\n            let outer = this;\r\n            if (this.model.items) {\r\n                this.model.items.forEach(item => {\r\n                    if (item.anchor) {\r\n                        let anchor = \"#\" + item.anchor;\r\n                        var urlToFind = window.location.pathname + anchor;\r\n                        var elements = document.querySelectorAll(`a[href='${urlToFind}']`);\r\n                        for (var i = 0, l = elements.length; i < l; i++) {\r\n                            var element = elements[i];\r\n                            element.addEventListener(\"click\", function() {\r\n                                outer.scrollToAccordion(item.anchor);\r\n                            }); \r\n                        }\r\n                    }\r\n                });    \r\n            }\r\n             \r\n        },\r\n        methods: {\r\n            toggleAccordion(id) {\r\n                if (this.$store.state.accordionOpen != id) {\r\n                    this.$store.commit(\"openAccordion\", id);\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tdocument.getElementById(id + '-panel').scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n\t\t\t\t\t}, 400);\r\n                }\r\n                else {\r\n\t\t\t\t\tthis.$store.commit(\"openAccordion\", null);\r\n                }\r\n\t\t\t},\r\n            scrollToAccordion(anchorId) {\r\n                this.$store.commit(\"scrollToView\", anchorId);\r\n            }\r\n        }\r\n    }\r\n</script>","import { render, staticRenderFns } from \"./accordion.vue?vue&type=template&id=3369c4a2&\"\nimport script from \"./accordion.vue?vue&type=script&lang=js&\"\nexport * from \"./accordion.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]","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('fieldset',{staticClass:\"d-flex justify-content-center align-items-center pb-3\"},[_c('legend',{staticClass:\"inline-legend\"},[_c('b',[_vm._v(_vm._s(_vm.model.selectionTitle))])]),_vm._v(\" \"),_c('button',{staticClass:\"filter ml-2 mr-2\",class:{'active': _vm.selectedType != 'table'},attrs:{\"aria-pressed\":_vm.selectedType != 'table' ? 'true' : 'false'},on:{\"click\":function($event){return _vm.changeGraph(_vm.defaultType)}}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.graphSelect)+\"\\n            \"),_c('svg',{staticClass:\"icon icon-hsy-icon-data-1-bold ml-2\"},[_c('use',{attrs:{\"xlink:href\":\"#icon-hsy-icon-data-1-bold\"}})])]),_vm._v(\" \"),_c('button',{staticClass:\"filter mx-1\",class:{'active': _vm.selectedType == 'table'},attrs:{\"aria-pressed\":_vm.selectedType == 'table' ? 'true' : 'false'},on:{\"click\":function($event){return _vm.changeGraph('table')}}},[_vm._v(\"\\n            \"+_vm._s(_vm.model.tableSelect)+\"\\n            \"),_c('svg',{staticClass:\"icon icon-hsy-icon-table-bold-copy ml-2\"},[_c('use',{attrs:{\"xlink:href\":\"#icon-hsy-icon-table-bold-copy\"}})])])]),_vm._v(\" \"),(_vm.selectedType == 'channel')?_c('air-quality-channel-graphs',{attrs:{\"model\":_vm.model}}):_vm._e(),_vm._v(\" \"),(_vm.selectedType == 'station')?_c('air-quality-station-graphs',{attrs:{\"model\":_vm.model}}):_vm._e(),_vm._v(\" \"),(_vm.selectedType == 'table')?_c('air-quality-channel-table',{attrs:{\"model\":_vm.model}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Highcharts from 'highcharts';\r\nimport 'highcharts/modules/accessibility.js';\r\nimport stockInit from 'highcharts/modules/stock';\r\n\r\n//highcharts error 25\r\nimport moment from 'moment-timezone';\r\nwindow.moment = moment;\r\n\r\nstockInit(Highcharts);\r\n\r\n\r\nvar options = {\r\n  yAxis: {\r\n      labels: {\r\n        format: '{value:,.0f}'\r\n    }\r\n  }\r\n};\r\n\r\nif (document.documentElement.lang == 'fi') {\r\n  Object.assign(options, {\r\n      time: {\r\n        timezone: 'Europe/Helsinki'\r\n      },\r\n      lang: {\r\n          rangeSelectorZoom: '',\r\n          rangeSelectorTo: '-',\r\n          rangeSelectorFrom: '',\r\n          months: ['Tammikuu', 'Helmikuu', 'Maaliskuu', 'Huhtikuu', 'Toukokuu', 'Kesäkuu', 'Heinäkuu', 'Elokuu', 'Syyskuu', 'Lokakuu', 'Marraskuu', 'Joulukuu'],\r\n          shortMonths: ['Tam', 'Hel', 'Maa', 'Huh', 'Tou', 'Kes', 'Hei', 'Elo', 'Syy', 'Lok', 'Mar', 'Jou'],\r\n          weekdays: ['sunnuntai', 'maanantai', 'tiistai', 'keskiviikko', 'torstai', 'perjantai', 'lauantai']\r\n      }\r\n  });\r\n} else if (document.documentElement.lang == 'sv') {\r\n  Object.assign(options, {\r\n    time: {\r\n      timezone: 'Europe/Helsinki'\r\n    },\r\n    lang: {\r\n        rangeSelectorZoom: '',\r\n        rangeSelectorTo: '-',\r\n        rangeSelectorFrom: '',\r\n        months: ['Januari', 'Februari', 'Mars', 'April', 'Maj', 'Juni', 'Juli', 'Augusti', 'September', 'Oktober', 'November', 'December'],\r\n        shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'Maj', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'],\r\n        weekdays: ['söndag', 'måndag', 'tisdag', 'onsdag', 'torsdag', 'fredag', 'lördag' ]\r\n    }\r\n  });\r\n} else {\r\n  Object.assign(options, {\r\n    time: {\r\n      timezone: 'Europe/Helsinki'\r\n    },\r\n    lang: {\r\n        rangeSelectorZoom: '',\r\n        rangeSelectorTo: '-',\r\n        rangeSelectorFrom: '',\r\n        months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\r\n        shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\r\n        weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']\r\n    }\r\n  });\r\n}\r\n\r\nHighcharts.setOptions(options);\r\n\r\nexport default Highcharts;\r\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./air-quality-channel-graphs.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!./air-quality-channel-graphs.vue?vue&type=script&lang=js&\"","<template>\r\n    <div class=\"pb-5\">\r\n        <div class=\"nav-container mt-4\">\r\n            <ul class=\"nav nav-tabs justify-content-center\" role=\"tablist\">\r\n                <li v-for=\"(channel, value) in model.channels\" :key=\"'c' + value\" class=\"nav-item\">\r\n                    <button class=\"nav-link px-2 py-1\" :class=\"{active: value == selectedChannel }\" role=\"tab\" :aria-label=\"channel.nameAriaLabel\" :aria-pressed=\"value == selectedChannel ? 'true' : 'false'\" @click=\"changeChannel(value)\">\r\n                        <div v-html=\"channel.name\"/>\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n        <div class=\"container-fluid mb-4\">\r\n            <highcharts :options=\"chartOptions\" :constructor-type=\"'stockChart'\" :highcharts=\"hcInstance\"></highcharts>\r\n            <div v-if=\"ready\" class=\"mx-2\">\r\n                <h2 class=\"h6\">{{ model.measurementStationsTitle }}</h2>\r\n                <div class=\"d-flex flex-wrap mb-4\">\r\n                    <div v-for=\"(station, value) in stationsWithData\" :key=\"'s' + value\" class=\"d-flex smaller-font mb-4 mr-4\">\r\n                        <input :id=\"value\" v-model=\"selectedStations\" class=\"styled-checkbox\" :value=\"value\" type=\"checkbox\" :aria-label=\"station.name\" />\r\n                        <label class=\"custom-checkbox mr-2\" :style=\"{borderColor: station.color}\" :for=\"value\"></label>\r\n                        {{ station.name }}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <accordion v-if=\"ready\" :model=\"channelInfo\" class=\"mx-2\"></accordion>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import Highcharts from './air-quality-chart-init';\r\n    import { Chart } from 'highcharts-vue';\r\n    import axios from 'axios';\r\n    import Accordion from '../accordion.vue';\r\n    import { setAirQualityLabels } from '../air-quality-index';\r\n    import { getAirQualityGraphValue } from '../air-quality-index';\r\n    export default {\r\n        components: {\r\n            highcharts: Chart,\r\n            accordion: Accordion\r\n        },\r\n        props: {\r\n            model: {\r\n                type: Object,\r\n                required: true\r\n            }\r\n        },\r\n\r\n        data() {\r\n            return {\r\n                channelInfo: {\r\n                    items: [{\r\n                        heading: \"\",\r\n                        body: \"\",\r\n                        id: null,\r\n                        anchor: \"\"\r\n                    }], accordionClose: '', accordionOpen: ''\r\n                },\r\n                ready: false,\r\n                selectedChannel: 1,\r\n                channelData: null,\r\n                indexSelected: false,\r\n                hcInstance: Highcharts,\r\n                chartOptions: {\r\n                    chart: {\r\n                        marginTop: 120,\r\n                        style: {\r\n                            fontFamily: 'Interstate'\r\n                        },\r\n                        height: 600,\r\n                    },\r\n                    credits: {\r\n                        enabled: false\r\n                    },\r\n                    series: [],\r\n                    navigator: {\r\n                        enabled: false\r\n                    },\r\n                    scrollbar: {\r\n                        enabled: false\r\n                    },\r\n                    tooltip: {\r\n                        xDateFormat: `%A %d.%m.%Y %H:%M`,\r\n                        shared: true,\r\n                        split: false,\r\n                        enabled: true,\r\n                        \r\n                    },\r\n                    rangeSelector: {\r\n                        selected: 2,\r\n                        allButtonsEnabled: true,\r\n                        r: 3,\r\n                        inputDateFormat: '%d.%m.%Y',\r\n                        inputEditDateFormat: '%d.%m.%Y',\r\n                        inputDateParser: function (value) {\r\n                            value = value.split(/[.]/);\r\n                            return Date.UTC(\r\n                                parseInt(value[2]),\r\n                                parseInt(value[1] - 1),\r\n                                parseInt(value[0])\r\n                            );\r\n                        },\r\n                        buttons: [\r\n                            {\r\n                                type: 'month',\r\n                                text: this.model.rangeMonth,\r\n                                count: 1\r\n                            },\r\n                            {\r\n                                type: 'week',\r\n                                count: 1,\r\n                                text: this.model.rangeWeek\r\n                            },\r\n                            {\r\n                                type: 'day',\r\n                                count: 1,\r\n                                text: this.model.rangeDay\r\n                            }\r\n                        ],\r\n                        buttonTheme: {\r\n                            'stroke': '#00847F',\r\n                            'stroke-width': 2,\r\n                            r: 3,\r\n                            y: -75,\r\n                            fill: '#fff',\r\n                            height: 30,\r\n                            width: 75,\r\n                            cursor: 'pointer',\r\n                            style: {\r\n                                fontSize: '18px',\r\n                                fontWeight: 600,\r\n                                color: '#00847F',\r\n                                dominantBaseline: 'middle',\r\n                            },\r\n                            states: {\r\n                                select: {\r\n                                    fill: '#00847F',\r\n                                    style: {\r\n                                        color: '#fff'\r\n                                    }\r\n                                },\r\n                                hover: {\r\n                                    fill: '#00847F',\r\n                                    style: {\r\n                                        color: '#fff'\r\n                                    }\r\n                                }\r\n                            }\r\n                        },\r\n                        inputBoxBorderColor: '#00847F',\r\n                        inputBoxWidth: 140,\r\n                        inputBoxHeight: 30,\r\n                        inputStyle: {\r\n                            color: '#00847F',\r\n                            fontWeight: 'bold',\r\n                            fontSize: '18px',\r\n                        },\r\n                        labelStyle: {\r\n                            color: '#00847F',\r\n                            fontWeight: 'normal',\r\n                            fontSize: '24px',\r\n                            textAnchor: 'middle',\r\n                            dominantBaseline: 'ideographic'\r\n                        },\r\n                        inputPosition: {\r\n                            floating: true,\r\n                            y: -70\r\n                        },\r\n                    },\r\n                    plotOptions: {\r\n                        series: {\r\n                            lineWidth: 1,\r\n                            states: {\r\n                                hover: {\r\n                                    lineWidth: 4\r\n                                }\r\n                            }\r\n                        }\r\n                    },\r\n                    responsive: {\r\n                        rules: [{\r\n                            condition: {\r\n                                maxWidth: 853\r\n                            },\r\n                            chartOptions: {\r\n                                rangeSelector: {\r\n                                    buttonPosition: {\r\n                                        align: 'center'\r\n                                    },\r\n                                    inputEnabled: false\r\n                                }\r\n                            }\r\n                        }]\r\n                    },\r\n                },\r\n\r\n                selectedStations: [],\r\n            }\r\n        },\r\n\t\tcomputed: {\r\n\t\t\tstationsWithData: function () {\r\n\t\t\t\tlet stations = {};\r\n\t\t\t\tObject.keys(this.model.stations)\r\n\t\t\t\t\t.filter(id => this.channelData[id] != null)\r\n\t\t\t\t\t.map(station => {\r\n\t\t\t\t\t\tstations[station] = this.model.stations[station]\r\n\t\t\t\t\t});\r\n\t\t\t\treturn stations;\r\n\t\t\t}\r\n\t\t},\r\n        watch: {\r\n            selectedStations: function () {\r\n                if (this.ready) {\r\n                    this.refreshChannnels();\r\n                }\r\n            }\r\n        },\r\n\r\n        mounted() {\r\n            setAirQualityLabels(this.model);\r\n            this.selectedStations = Object.keys(this.model.stations);\r\n            let urlParams = new URLSearchParams(window.location.search);\r\n            let monitor = urlParams.get(\"monitor\");\r\n            if (!monitor || !this.model.channels[monitor]) {\r\n                monitor = Object.keys(this.model.channels)[0];\r\n            }\r\n            this.changeChannel(monitor);\r\n        },\r\n        methods: {\r\n            setChannelInfo(value) {\r\n                this.channelInfo.items.pop();\r\n                this.channelInfo.items.push({\r\n                    heading:  this.model.channels[value].descriptionHeading ?? this.model.channelReadMore,\r\n                    headingTag: \"h6\",\r\n                    body: this.model.channels[value].description,\r\n                    id: value,\r\n                    anchor: value\r\n                });\r\n                this.channelInfo.accordionOpen = this.model.accordionOpen;\r\n                this.channelInfo.accordionClose = this.model.accordionClose;\r\n                this.$root.$emit(\"updateHeadingTag\", \"h6\");\r\n            },\r\n            changeChannel(value) {\r\n                let data = JSON.stringify(this.model.channels[value].mappings);\r\n                axios.post(\"/api/v1/airqualitygraphs/monitor\", data, {\r\n                        headers: {\r\n                            'Content-Type': 'application/json'\r\n                        }\r\n                    }\r\n                ).then((response) => {\r\n                    this.indexSelected = this.model.channels[value].indexChannel;\r\n                    this.setTitle(value);\r\n                    this.channelData = response.data;\r\n                    this.refreshChannnels();\r\n                    this.setYaxis();\r\n                    this.setChannelInfo(value);\r\n                    this.ready = true;\r\n                }).catch(error => {\r\n                    console.error(error);\r\n                });\r\n                this.selectedChannel = value;\r\n            },\r\n            setTitle(value) {\r\n              let title = this.model.channels[value].title;\r\n              let unit = this.model.channels[value].unit;\r\n              if (unit) {\r\n                title = `${title} (${unit})`;\r\n              }\r\n\r\n              this.chartOptions.title = {\r\n                text: title,\r\n                align: \"center\",\r\n                y: 60,\r\n                useHTML: true\r\n              }\r\n\r\n            },\r\n            setYaxis() {\r\n              if(this.indexSelected) {\r\n                this.chartOptions.yAxis = {\r\n                  labels: {\r\n                    useHTML: true,\r\n                    formatter: function() {\r\n                      var label = this.axis.defaultLabelFormatter.call(this);\r\n                      let ai = getAirQualityGraphValue(label);\r\n                      if(ai != null) {\r\n                        return `<span><span class=\"mr-3\">${ai.label}</span><span class=\"legend-color\" style=\"background-color: ${ai.color}\"></span></span>`;\r\n                      }\r\n                    }\r\n                  },\r\n                  max: 200,\r\n                  min: 0,\r\n                  tickPositioner: function () {\r\n                    return [0,50,75,100,150,200];\r\n                  },\r\n                  showFirstLabel: true,\r\n                  showLastLabel: false,\r\n                  offset: 20\r\n                }\r\n              } else {\r\n                this.chartOptions.yAxis =  {\r\n                  labels: {\r\n                    useHTML: false,\r\n                    formatter: undefined,\r\n                    y: -8\r\n                  },\r\n                  max: null,\r\n                  min: null,\r\n                  tickPositioner: undefined,\r\n                  tickPositions: undefined,\r\n                  showFirstLabel: true,\r\n                  showLastLabel: true,\r\n                  offset: 20\r\n                }\r\n              } \r\n            },\r\n            refreshChannnels() {\r\n                this.chartOptions.series = [];\r\n                this.selectedStations.map(value => {\r\n                    if (this.channelData[value]) {\r\n                        let precision = this.model.channels[this.selectedChannel].numberOfDecimals;\r\n                        let showNegativeValues =  this.model.channels[this.selectedChannel].showNegativeValues;\r\n                        this.chartOptions.series.push({\r\n                            name: this.model.stations[value].name,\r\n                            color: this.model.stations[value].color,\r\n                            tooltip: {\r\n                              pointFormatter: function () {\r\n                                return '<br />' + this.series.name + ': ' + '<b>' + this.y.toFixed(precision) + '</b>';\r\n                              }\r\n                            },\r\n                            data: this.channelData[value].filter((d) => {\r\n                                let startTime = Date.parse(this.model.stations[value].measurementStartTime);\r\n                                if (startTime !== Date.parse('0001-01-01T00:00:00') && startTime > Date.parse(d.date)) {\r\n                                    return false;\r\n                                }\r\n                              if(!showNegativeValues) {\r\n                                return d.data >= 0.0;\r\n                              }\r\n                              return true;\r\n                            }).map(d => { \r\n                              return [Date.parse(d.date), d.data] \r\n                            })\r\n                        });\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n</script>","import { render, staticRenderFns } from \"./air-quality-channel-graphs.vue?vue&type=template&id=122fafd4&\"\nimport script from \"./air-quality-channel-graphs.vue?vue&type=script&lang=js&\"\nexport * from \"./air-quality-channel-graphs.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pb-5\"},[_c('div',{staticClass:\"nav-container mt-4\"},[_c('ul',{staticClass:\"nav nav-tabs justify-content-center\",attrs:{\"role\":\"tablist\"}},_vm._l((_vm.model.channels),function(channel,value){return _c('li',{key:'c' + value,staticClass:\"nav-item\"},[_c('button',{staticClass:\"nav-link px-2 py-1\",class:{active: value == _vm.selectedChannel },attrs:{\"role\":\"tab\",\"aria-label\":channel.nameAriaLabel,\"aria-pressed\":value == _vm.selectedChannel ? 'true' : 'false'},on:{\"click\":function($event){return _vm.changeChannel(value)}}},[_c('div',{domProps:{\"innerHTML\":_vm._s(channel.name)}})])])}),0)]),_vm._v(\" \"),_c('div',{staticClass:\"container-fluid mb-4\"},[_c('highcharts',{attrs:{\"options\":_vm.chartOptions,\"constructor-type\":'stockChart',\"highcharts\":_vm.hcInstance}}),_vm._v(\" \"),(_vm.ready)?_c('div',{staticClass:\"mx-2\"},[_c('h2',{staticClass:\"h6\"},[_vm._v(_vm._s(_vm.model.measurementStationsTitle))]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex flex-wrap mb-4\"},_vm._l((_vm.stationsWithData),function(station,value){return _c('div',{key:'s' + value,staticClass:\"d-flex smaller-font mb-4 mr-4\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedStations),expression:\"selectedStations\"}],staticClass:\"styled-checkbox\",attrs:{\"id\":value,\"type\":\"checkbox\",\"aria-label\":station.name},domProps:{\"value\":value,\"checked\":Array.isArray(_vm.selectedStations)?_vm._i(_vm.selectedStations,value)>-1:(_vm.selectedStations)},on:{\"change\":function($event){var $$a=_vm.selectedStations,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=value,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.selectedStations=$$a.concat([$$v]))}else{$$i>-1&&(_vm.selectedStations=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.selectedStations=$$c}}}}),_vm._v(\" \"),_c('label',{staticClass:\"custom-checkbox mr-2\",style:({borderColor: station.color}),attrs:{\"for\":value}}),_vm._v(\"\\n                    \"+_vm._s(station.name)+\"\\n                \")])}),0)]):_vm._e(),_vm._v(\" \"),(_vm.ready)?_c('accordion',{staticClass:\"mx-2\",attrs:{\"model\":_vm.channelInfo}}):_vm._e()],1)])}\nvar staticRenderFns = []\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!./air-quality-station-graphs.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!./air-quality-station-graphs.vue?vue&type=script&lang=js&\"","<template>\r\n    <div class=\"pb-5\">\r\n        <div class=\"nav-container mt-4\">\r\n            <ul class=\"nav nav-tabs justify-content-center\" role=\"tablist\" :aria-label=\"model.tableMeasurementStationColumn\">\r\n                <li v-for=\"(station, value) in model.stations\" :key=\"'s' + value\" class=\"nav-item\">\r\n                    <button class=\"nav-link px-2 py-1\" :class=\"{active: value == selectedStation }\" role=\"tab\" :aria-label=\"station.name\" :aria-pressed=\"value == selectedStation ? 'true' : 'false'\" @click=\"changeStation(value)\">{{ station.name }}</button>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n        <div class=\"container-fluid mb-4\">\r\n            <highcharts :options=\"chartOptions\" :highcharts=\"hcInstance\" :constructor-type=\"'stockChart'\"></highcharts>\r\n            <div v-if=\"ready\" class=\"mx-2\">\r\n                <h2 class=\"h6\">{{ model.channelsTitle }}</h2>\r\n                <div class=\"d-flex flex-wrap\">\r\n                    <div v-for=\"(channel, value) in channelsWithData\" :key=\"'c' + value\" class=\"d-flex smaller-font mb-4 mr-4\">\r\n                        <input :id=\"value\" v-model=\"selectedChannels\" class=\"styled-checkbox\" :value=\"value\" type=\"checkbox\" :aria-label=\"channel.nameAriaLabel\" />\r\n                        <label class=\"custom-checkbox mr-2\" :style=\"{borderColor: channel.color}\" :for=\"value\"></label>\r\n                        <div v-html=\"channel.name\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <accordion v-if=\"ready\" :model=\"stationInfo\" class=\"mx-2\"></accordion>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import Highcharts from './air-quality-chart-init';\r\n    import { Chart } from 'highcharts-vue';\r\n    import axios from 'axios';\r\n    import Accordion from '../accordion.vue';\r\n\r\n    export default {\r\n        components: {\r\n            highcharts: Chart,\r\n            accordion: Accordion\r\n        },\r\n        props: {\r\n            model: {\r\n                type: Object,\r\n                required: true\r\n            }\r\n        },\r\n        data() {\r\n            return {\r\n                ready: false,\r\n                selectedStation: 1,\r\n                channelData: null,\r\n                stationInfo: {\r\n                    items: [{\r\n                        heading: \"\",\r\n                        body: \"\",\r\n                        id: null,\r\n                        anchor: \"\"\r\n                    }], accordionClose: '', accordionOpen: ''\r\n                },\r\n                hcInstance: Highcharts,\r\n                chartOptions: {\r\n                    chart: {\r\n                        marginTop: 60,\r\n                        style: {\r\n                            fontFamily: 'Interstate'\r\n                        },\r\n                        height: 500\r\n                    },\r\n                    credits: {\r\n                        enabled: false\r\n                    },\r\n                    series: [],\r\n                    navigator: {\r\n                        enabled: false\r\n                    },\r\n                    scrollbar: {\r\n                        enabled: false\r\n                    },\r\n                    tooltip: {\r\n                        xDateFormat: `%A %d.%m.%Y %H:%M`,\r\n                        shared: true,\r\n                        split: false,\r\n                        enabled: true,\r\n                    },\r\n                    rangeSelector: {\r\n                        selected: 2,\r\n                        allButtonsEnabled: true,\r\n                        inputDateFormat: '%d.%m.%Y',\r\n                        inputEditDateFormat: '%d.%m.%Y',\r\n                        inputDateParser: function (value) {\r\n                            value = value.split(/[.]/);\r\n                            return Date.UTC(\r\n                                parseInt(value[2]),\r\n                                parseInt(value[1] - 1),\r\n                                parseInt(value[0])\r\n                            );\r\n                        },\r\n                        buttons: [\r\n                            {\r\n                                type: 'month',\r\n                                text: this.model.rangeMonth,\r\n                                count: 1\r\n                            },\r\n                            {\r\n                                type: 'week',\r\n                                count: 1,\r\n                                text: this.model.rangeWeek\r\n                            },\r\n                            {\r\n                                type: 'day',\r\n                                count: 1,\r\n                                text: this.model.rangeDay\r\n                            }\r\n                        ],\r\n                        buttonTheme: {\r\n                            'stroke': '#00847F',\r\n                            'stroke-width': 2,\r\n                            r: 3,\r\n                            y: -30,\r\n                            fill: '#fff',\r\n                            height: 30,\r\n                            width: 75,\r\n                            cursor: 'pointer',\r\n                            style: {\r\n                                fontSize: '18px',\r\n                                fontWeight: 600,\r\n                                color: '#00847F',\r\n                                dominantBaseline: 'middle',\r\n                            },\r\n                            states: {\r\n                                select: {\r\n                                    fill: '#00847F',\r\n                                    style: {\r\n                                        color: '#fff'\r\n                                    }\r\n                                },\r\n                                hover: {\r\n                                    fill: '#00847F',\r\n                                    style: {\r\n                                        color: '#fff'\r\n                                    }\r\n                                }\r\n                            }\r\n                        },\r\n                        inputBoxBorderColor: '#00847F',\r\n                        inputBoxWidth: 140,\r\n                        inputBoxHeight: 30,\r\n                        inputStyle: {\r\n                            color: '#00847F',\r\n                            fontWeight: 'bold',\r\n                            fontSize: '18px',\r\n                        },\r\n                        labelStyle: {\r\n                            color: '#00847F',\r\n                            fontWeight: 'normal',\r\n                            fontSize: '24px',\r\n                            textAnchor: 'middle',\r\n                            dominantBaseline: 'ideographic'\r\n                        },\r\n                        inputPosition: {\r\n                            floating: true,\r\n                            y: -25\r\n                        },\r\n                    },\r\n                    plotOptions: {\r\n                        series: {\r\n                            lineWidth: 1,\r\n                            states: {\r\n                                hover: {\r\n                                    lineWidth: 4\r\n                                }\r\n                            }\r\n                        }\r\n                    },\r\n                    responsive: {\r\n                        rules: [{\r\n                            condition: {\r\n                                maxWidth: 853\r\n                            },\r\n                            chartOptions: {\r\n                                rangeSelector: {\r\n                                    buttonPosition: {\r\n                                        align: 'center'\r\n                                    },\r\n                                    inputEnabled: false\r\n                                }\r\n                            }\r\n                        }]\r\n                    },\r\n                },\r\n                selectedChannels: [],\r\n            }\r\n        },\r\n\t\tcomputed: {\r\n\t\t\tchannelsWithData: function () {\r\n\t\t\t\tlet channels = {};\r\n\t\t\t\tObject.keys(this.model.channels)\r\n\t\t\t\t\t.filter(id => this.channelData[this.findChannelId(id)] != null)\r\n\t\t\t\t\t.map(channel => {\r\n\t\t\t\t\t\tchannels[channel] = this.model.channels[channel]\r\n\t\t\t\t\t});\r\n\t\t\t\treturn channels;\r\n\t\t\t}\r\n\t\t},\r\n        watch: {\r\n            selectedChannels: function () {\r\n                if (this.ready) {\r\n                    this.refreshStations();\r\n                }\r\n            }\r\n        },\r\n        mounted() {\r\n            this.selectedChannels = Object.keys(this.model.channels);\r\n            let urlParams = new URLSearchParams(window.location.search);\r\n            let station = urlParams.get(\"station\");\r\n            var selectedStation = Object.keys(this.model.stations).find((key) => {\r\n              return this.model.stations[key] != null && this.model.stations[key].name.toLowerCase() == station;\r\n            });\r\n            if(!selectedStation) {\r\n              selectedStation = Object.keys(this.model.stations)[0];\r\n            }\r\n            this.changeStation(selectedStation);\r\n        },\r\n        methods: {\r\n            setStationInfo(value) {\r\n                this.stationInfo.items.pop();\r\n                this.stationInfo.items.push({\r\n                    heading: this.model.stations[value].descriptionHeading ?? this.model.stationReadMore,\r\n                    headingTag: \"h6\",\r\n                    body: this.model.stations[value].description,\r\n                    id: value,\r\n                    anchor: value\r\n                });\r\n                this.stationInfo.accordionOpen = this.model.accordionOpen;\r\n                this.stationInfo.accordionClose = this.model.accordionClose;\r\n                this.$root.$emit(\"updateHeadingTag\", \"h6\");\r\n            },\r\n            changeStation(value) {\r\n                axios.get(\"/api/v1/airqualitygraphs/station\", {\r\n                    params: { station: value }\r\n                }).then((response) => {\r\n                    this.chartOptions.series = [];\r\n                    this.channelData = response.data;\r\n                    this.refreshStations();\r\n                    this.setStationInfo(value);\r\n                    this.ready = true;\r\n                }).catch(error => {\r\n                    console.error(error);\r\n                });\r\n                this.selectedStation = value;\r\n            },\r\n            refreshStations() {\r\n                this.chartOptions.series = [];\r\n                this.selectedChannels.map(value => {\r\n                    let channelId = this.findChannelId(value);\r\n                    if (channelId != null && this.channelData[channelId]) {\r\n                        let precision = this.model.channels[value].numberOfDecimals;\r\n                        let showNegativeValues = this.model.channels[value].showNegativeValues;\r\n                        this.chartOptions.series.push({\r\n                            name: this.getChannelName(value),\r\n                            color: this.model.channels[value].color,\r\n                            tooltip: {\r\n                              pointFormatter: function () {\r\n                                return this.series.name.replace(\"{0}\", this.y.toFixed(precision));\r\n                              }\r\n                            },\r\n                            data: this.channelData[channelId].filter((d) => {\r\n                                let startTime = Date.parse(this.model.stations[this.selectedStation].measurementStartTime);\r\n                                if (startTime !== Date.parse('0001-01-01T00:00:00') && startTime > Date.parse(d.date)) {\r\n                                    return false;\r\n                                }\r\n                              if(!showNegativeValues) {\r\n                                return d.data >= 0.0;\r\n                              }\r\n                              return true;\r\n                            }).map(d => { return [Date.parse(d.date), d.data] })\r\n                        });\r\n                    }\r\n                });\r\n            },\r\n            findChannelId(value) {\r\n              const mapping = this.model.channels[value].mappings.find(mapping => mapping.stationId == this.selectedStation)\r\n              return mapping != null ? mapping.channelId : null;\r\n            },\r\n            getChannelName(value) {\r\n                if (this.model.channels[value].unit) {\r\n                    return `<br />${this.model.channels[value].name}: <b>{0}</b> ${this.model.channels[value].unit}`;\r\n                }\r\n                return `<br />${this.model.channels[value].name}: <b>{0}</b>`;\r\n            }\r\n        }\r\n    }\r\n</script>","import { render, staticRenderFns } from \"./air-quality-station-graphs.vue?vue&type=template&id=5422baea&\"\nimport script from \"./air-quality-station-graphs.vue?vue&type=script&lang=js&\"\nexport * from \"./air-quality-station-graphs.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pb-5\"},[_c('div',{staticClass:\"nav-container mt-4\"},[_c('ul',{staticClass:\"nav nav-tabs justify-content-center\",attrs:{\"role\":\"tablist\",\"aria-label\":_vm.model.tableMeasurementStationColumn}},_vm._l((_vm.model.stations),function(station,value){return _c('li',{key:'s' + value,staticClass:\"nav-item\"},[_c('button',{staticClass:\"nav-link px-2 py-1\",class:{active: value == _vm.selectedStation },attrs:{\"role\":\"tab\",\"aria-label\":station.name,\"aria-pressed\":value == _vm.selectedStation ? 'true' : 'false'},on:{\"click\":function($event){return _vm.changeStation(value)}}},[_vm._v(_vm._s(station.name))])])}),0)]),_vm._v(\" \"),_c('div',{staticClass:\"container-fluid mb-4\"},[_c('highcharts',{attrs:{\"options\":_vm.chartOptions,\"highcharts\":_vm.hcInstance,\"constructor-type\":'stockChart'}}),_vm._v(\" \"),(_vm.ready)?_c('div',{staticClass:\"mx-2\"},[_c('h2',{staticClass:\"h6\"},[_vm._v(_vm._s(_vm.model.channelsTitle))]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex flex-wrap\"},_vm._l((_vm.channelsWithData),function(channel,value){return _c('div',{key:'c' + value,staticClass:\"d-flex smaller-font mb-4 mr-4\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedChannels),expression:\"selectedChannels\"}],staticClass:\"styled-checkbox\",attrs:{\"id\":value,\"type\":\"checkbox\",\"aria-label\":channel.nameAriaLabel},domProps:{\"value\":value,\"checked\":Array.isArray(_vm.selectedChannels)?_vm._i(_vm.selectedChannels,value)>-1:(_vm.selectedChannels)},on:{\"change\":function($event){var $$a=_vm.selectedChannels,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=value,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.selectedChannels=$$a.concat([$$v]))}else{$$i>-1&&(_vm.selectedChannels=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.selectedChannels=$$c}}}}),_vm._v(\" \"),_c('label',{staticClass:\"custom-checkbox mr-2\",style:({borderColor: channel.color}),attrs:{\"for\":value}}),_vm._v(\" \"),_c('div',{domProps:{\"innerHTML\":_vm._s(channel.name)}})])}),0)]):_vm._e(),_vm._v(\" \"),(_vm.ready)?_c('accordion',{staticClass:\"mx-2\",attrs:{\"model\":_vm.stationInfo}}):_vm._e()],1)])}\nvar staticRenderFns = []\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!./air-quality-channel-table.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!./air-quality-channel-table.vue?vue&type=script&lang=js&\"","<template>\r\n    <div class=\"container-fluid mt-3 pb-5\">\r\n        <div class=\"d-flex flex-wrap justify-content-center align-items-center pb-2\">\r\n            <fieldset class=\"pb-3\">\r\n                <legend class=\"inline-legend mt-n1\">\r\n                    <b>{{ model.tableDateSelect }}</b>\r\n                </legend>\r\n                <vuejs-datepicker v-model=\"selectedDate\"\r\n                                  class=\"ml-2 mr-4 d-inline-block\"\r\n                                  :value=\"selectedDate\"\r\n                                  format=\"dd.MM.yyyy\"\r\n                                  :disabled-dates=\"disabledDates\"\r\n                                  @input=\"refreshData\"></vuejs-datepicker>\r\n            </fieldset>\r\n            <fieldset class=\"pb-3\">\r\n                <legend class=\"inline-legend mt-n1\">\r\n                    <b>{{ model.tableTimeSelect }}</b>\r\n                </legend>\r\n                <select v-model=\"time\" class=\"custom-select ml-2\" @change=\"refreshData\">\r\n                    <option v-for=\"(time, index) in times\" v-bind:key=\"index\" :value=\"time.value\">{{ time.label }}</option>\r\n                </select>\r\n            </fieldset>\r\n        </div>\r\n        <table class=\"my-4 smaller-font custom-table\" :aria-label=\"model.tableHeading\">\r\n            <thead>\r\n                <tr>\r\n                    <th scope=\"col\" class=\"pb-2\" :aria-label=\"model.tableMeasurementStationColumn\">{{ model.tableMeasurementStationColumn }}</th>\r\n                    <th v-for=\"(channel, value) in model.channels\" :id=\"'c' + value\" :key=\"'c' + value\" :aria-label=\"getName(channel, true)\" scope=\"col\" class=\"pb-2\"><div v-html=\"getName(channel)\"/></th>\r\n                </tr>\r\n            </thead>\r\n            <tbody v-if=\"table != null\">\r\n                <tr v-for=\"(station, s) in model.stations\" :key=\"'s' + s\">\r\n                    <td :aria-label=\"station.name\">{{ station.name }}</td>\r\n                    <td v-for=\"(channel, c) in model.channels\" :key=\"'cc' + c\" :headers=\"'c' + c\" :data-title=\"getName(channel)\" :aria-label=\"getValue(s, c)\" v-html=\"getValue(s, c)\"></td>\r\n                </tr>\r\n            </tbody>\r\n        </table>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import axios from 'axios';\r\n    import moment from 'moment';\r\n    import Datepicker from 'vuejs-datepicker';\r\n    import getAirQualityIndexValue from '../air-quality-index';\r\n\r\n    export default {\r\n\t\tcomponents: {\r\n\t\t\t'vuejs-datepicker': Datepicker\r\n\t\t},\r\n        props: ['model'],\r\n        data() {\r\n            return {\r\n                table: null,\r\n                selectedDate: moment(String(new Date)).format('YYYY-MM-DD'),\r\n                disabledDates: {\r\n                    from: new Date(Date()),\r\n                    to: new Date(moment().subtract(3, 'months'))\r\n                },\r\n                time: new Date(Date()),\r\n                times: [\r\n                    { label: \"01:00\", value: \"01:00:00\" },\r\n                    { label: \"02:00\", value: \"02:00:00\" },\r\n                    { label: \"03:00\", value: \"03:00:00\" },\r\n                    { label: \"04:00\", value: \"04:00:00\" },\r\n                    { label: \"05:00\", value: \"05:00:00\" },\r\n                    { label: \"06:00\", value: \"06:00:00\" },\r\n                    { label: \"07:00\", value: \"07:00:00\" },\r\n                    { label: \"08:00\", value: \"08:00:00\" },\r\n                    { label: \"09:00\", value: \"09:00:00\" },\r\n                    { label: \"10:00\", value: \"10:00:00\" },\r\n                    { label: \"11:00\", value: \"11:00:00\" },\r\n                    { label: \"12:00\", value: \"12:00:00\" },\r\n                    { label: \"13:00\", value: \"13:00:00\" },\r\n                    { label: \"14:00\", value: \"14:00:00\" },\r\n                    { label: \"15:00\", value: \"15:00:00\" },\r\n                    { label: \"16:00\", value: \"16:00:00\" },\r\n                    { label: \"17:00\", value: \"17:00:00\" },\r\n                    { label: \"18:00\", value: \"18:00:00\" },\r\n                    { label: \"19:00\", value: \"19:00:00\" },\r\n                    { label: \"20:00\", value: \"20:00:00\" },\r\n                    { label: \"21:00\", value: \"21:00:00\" },\r\n                    { label: \"22:00\", value: \"22:00:00\" },\r\n                    { label: \"23:00\", value: \"23:00:00\" },\r\n                    { label: \"24:00\", value: \"24:00:00\" }]\r\n            }\r\n        },\r\n        mounted() {\r\n            axios.get(\"/api/v1/airqualitygraphs/date\").then((response) => {\r\n                this.table = response.data.dataPoints;\r\n                this.selectedDate = response.data.latest;\r\n                this.time = moment(response.data.latest).format('HH:mm:ss');\r\n            }).catch(error => {\r\n                console.error(error);\r\n            });\r\n        },\r\n        methods: {\r\n            getValue(station, channel) {\r\n                if (this.table[station] != null) {\r\n                    let startTime = Date.parse(this.model.stations[station].measurementStartTime);\r\n                    let selectedTime = Date.parse(moment(String(this.selectedDate)).format('YYYY-MM-DD') + 'T' + this.time);\r\n                    const mapping = this.model.channels[channel].mappings.find(mapping => mapping.stationId == station);\r\n                    if (mapping) {\r\n                        let channelId = mapping.channelId;\r\n                        if (this.table[station][channelId] != null) {\r\n                            let currentChannel = this.table[station][channelId];\r\n                            if (!this.model.channels[channel].showNegativeValues && currentChannel.data <= 0.0) {\r\n                                return \"-\"\r\n                            }\r\n                            if (startTime !== Date.parse('0001-01-01T00:00:00') && startTime > selectedTime) {\r\n                                return \"-\";\r\n                            }\r\n                            if (this.model.channels[channel].indexChannel) {\r\n                                let index = getAirQualityIndexValue(currentChannel.data);\r\n                                return `<span class=\"d-lg-flex d-inline-block align-items-center\"><span class=\"quality-range mr-2\" style=\"background-color: ${index.color}\"></span>${this.model[index.value]}</span>`\r\n                            }\r\n                            return currentChannel.data.toFixed(this.model.channels[channel].numberOfDecimals);\r\n                        }\r\n                        else {\r\n                            return \"-\";\r\n                        }\r\n                    }\r\n                    else {\r\n                        return \"-\";\r\n                    }\r\n                }\r\n                else {\r\n                    return \"-\";\r\n                }\r\n            },\r\n            getName(channel, isAria) {\r\n                if (channel.unit) {\r\n                    if (isAria) {\r\n                        return `${channel.nameAriaLabel} (${channel.unitAriaLabel})`;\r\n                    }\r\n                    return `${channel.name} (${channel.unit})`;\r\n                }\r\n                return channel.name;\r\n            },\r\n            refreshData() {\r\n                let date = moment(String(this.selectedDate)).format('YYYY-MM-DD') + 'T' + this.time;\r\n                if(this.time == '24:00:00') {\r\n                  date = moment(String(this.selectedDate)).add(1, 'days').format('YYYY-MM-DD') + 'T' + '00:00:00';\r\n                }\r\n\r\n                axios.get(\"/api/v1/airqualitygraphs/date\", {\r\n                    params: {\r\n                        date: date\r\n                    }\r\n                }).then((response) => {\r\n                    this.table = response.data.dataPoints;\r\n                }).catch(error => {\r\n                    console.error(error);\r\n                });\r\n            }\r\n        }\r\n    }\r\n</script>","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./air-quality-graphs.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!./air-quality-graphs.vue?vue&type=script&lang=js&\"","<template>\r\n    <div>\r\n        <fieldset class=\"d-flex justify-content-center align-items-center pb-3\">\r\n            <legend class=\"inline-legend\"><b>{{model.selectionTitle}}</b></legend>\r\n            <button @click=\"changeGraph(defaultType)\" class=\"filter ml-2 mr-2\" :aria-pressed=\"selectedType != 'table' ? 'true' : 'false'\" :class=\"{'active': selectedType != 'table'}\">\r\n                {{model.graphSelect}}\r\n                <svg class=\"icon icon-hsy-icon-data-1-bold ml-2\"><use xlink:href=\"#icon-hsy-icon-data-1-bold\"></use></svg>\r\n            </button>\r\n            <button @click=\"changeGraph('table')\" class=\"filter mx-1\" :aria-pressed=\"selectedType == 'table' ? 'true' : 'false'\" :class=\"{'active': selectedType == 'table'}\">\r\n                {{ model.tableSelect }}\r\n                <svg class=\"icon icon-hsy-icon-table-bold-copy ml-2\"><use xlink:href=\"#icon-hsy-icon-table-bold-copy\"></use></svg>\r\n            </button>\r\n        </fieldset>\r\n        <air-quality-channel-graphs v-if=\"selectedType == 'channel'\" :model=\"model\" />\r\n        <air-quality-station-graphs v-if=\"selectedType == 'station'\" :model=\"model\" />\r\n        <air-quality-channel-table v-if=\"selectedType == 'table'\" :model=\"model\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import AirQualityChannelGraphs from './air-quality-channel-graphs.vue';\r\n    import AirQualityStationGraphs from './air-quality-station-graphs.vue';\r\n    import AirQualityChannelTable from './air-quality-channel-table.vue';\r\n    export default {\r\n        components: {\r\n            'air-quality-channel-graphs': AirQualityChannelGraphs,\r\n            'air-quality-station-graphs': AirQualityStationGraphs,\r\n            'air-quality-channel-table': AirQualityChannelTable\r\n        },\r\n        props: {\r\n            model: {\r\n                type: Object,\r\n                required: true\r\n            }\r\n        },\r\n        data() {\r\n            return {\r\n                defaultType: null,\r\n                selectedType: null\r\n            }\r\n        },\r\n        mounted() {\r\n            this.defaultType = this.model.type;\r\n            this.selectedType = this.defaultType\r\n        },\r\n        methods: {\r\n            changeGraph(type) {\r\n                this.selectedType = type;\r\n            }\r\n        }\r\n    }\r\n</script>","import { render, staticRenderFns } from \"./air-quality-channel-table.vue?vue&type=template&id=69e52ecb&\"\nimport script from \"./air-quality-channel-table.vue?vue&type=script&lang=js&\"\nexport * from \"./air-quality-channel-table.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid mt-3 pb-5\"},[_c('div',{staticClass:\"d-flex flex-wrap justify-content-center align-items-center pb-2\"},[_c('fieldset',{staticClass:\"pb-3\"},[_c('legend',{staticClass:\"inline-legend mt-n1\"},[_c('b',[_vm._v(_vm._s(_vm.model.tableDateSelect))])]),_vm._v(\" \"),_c('vuejs-datepicker',{staticClass:\"ml-2 mr-4 d-inline-block\",attrs:{\"value\":_vm.selectedDate,\"format\":\"dd.MM.yyyy\",\"disabled-dates\":_vm.disabledDates},on:{\"input\":_vm.refreshData},model:{value:(_vm.selectedDate),callback:function ($$v) {_vm.selectedDate=$$v},expression:\"selectedDate\"}})],1),_vm._v(\" \"),_c('fieldset',{staticClass:\"pb-3\"},[_c('legend',{staticClass:\"inline-legend mt-n1\"},[_c('b',[_vm._v(_vm._s(_vm.model.tableTimeSelect))])]),_vm._v(\" \"),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.time),expression:\"time\"}],staticClass:\"custom-select ml-2\",on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.time=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.refreshData]}},_vm._l((_vm.times),function(time,index){return _c('option',{key:index,domProps:{\"value\":time.value}},[_vm._v(_vm._s(time.label))])}),0)])]),_vm._v(\" \"),_c('table',{staticClass:\"my-4 smaller-font custom-table\",attrs:{\"aria-label\":_vm.model.tableHeading}},[_c('thead',[_c('tr',[_c('th',{staticClass:\"pb-2\",attrs:{\"scope\":\"col\",\"aria-label\":_vm.model.tableMeasurementStationColumn}},[_vm._v(_vm._s(_vm.model.tableMeasurementStationColumn))]),_vm._v(\" \"),_vm._l((_vm.model.channels),function(channel,value){return _c('th',{key:'c' + value,staticClass:\"pb-2\",attrs:{\"id\":'c' + value,\"aria-label\":_vm.getName(channel, true),\"scope\":\"col\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.getName(channel))}})])})],2)]),_vm._v(\" \"),(_vm.table != null)?_c('tbody',_vm._l((_vm.model.stations),function(station,s){return _c('tr',{key:'s' + s},[_c('td',{attrs:{\"aria-label\":station.name}},[_vm._v(_vm._s(station.name))]),_vm._v(\" \"),_vm._l((_vm.model.channels),function(channel,c){return _c('td',{key:'cc' + c,attrs:{\"headers\":'c' + c,\"data-title\":_vm.getName(channel),\"aria-label\":_vm.getValue(s, c)},domProps:{\"innerHTML\":_vm._s(_vm.getValue(s, c))}})})],2)}),0):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./air-quality-graphs.vue?vue&type=template&id=9c7814a6&\"\nimport script from \"./air-quality-graphs.vue?vue&type=script&lang=js&\"\nexport * from \"./air-quality-graphs.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"],"sourceRoot":""}