{"version":3,"file":"js/app.832a3b40.js","mappings":"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","sources":["webpack://kiwi/./src/state/User.js","webpack://kiwi/./src/components/NavBar.vue","webpack://kiwi/./src/components/NavBar.vue?01fd","webpack://kiwi/./src/components/NavBarMobile.vue","webpack://kiwi/./src/state/StationsData.js","webpack://kiwi/./src/App.vue","webpack://kiwi/./src/App.vue?7ccd","webpack://kiwi/./src/modules/GoogleMapStyle.js","webpack://kiwi/./src/components/RegionFloatingBox.vue","webpack://kiwi/./src/components/RegionFloatingBox.vue?4887","webpack://kiwi/./src/state/RegionsData.js","webpack://kiwi/./src/state/SelectedStation.js","webpack://kiwi/./src/modules/StationIcon.js","webpack://kiwi/./src/modules/Geo.js","webpack://kiwi/./src/components/PollutionMap.vue","webpack://kiwi/./src/components/PollutionMap.vue?7bd9","webpack://kiwi/./src/components/charts/ValueGraph.vue","webpack://kiwi/./src/components/charts/ValueGraph.vue?5a5e","webpack://kiwi/./src/components/StationValue.vue","webpack://kiwi/./src/components/StationValue.vue?7e08","webpack://kiwi/./src/components/UaqiDiagram.vue","webpack://kiwi/./src/components/UaqiDiagram.vue?df7e","webpack://kiwi/./src/components/ModalComponent.vue","webpack://kiwi/./src/components/ModalComponent.vue?2dbd","webpack://kiwi/./src/components/ShareThis.vue","webpack://kiwi/./src/components/ShareThis.vue?dc1d","webpack://kiwi/./src/components/StationShare.vue","webpack://kiwi/./src/components/StationShare.vue?28a7","webpack://kiwi/./src/components/StationInfo.vue","webpack://kiwi/./src/components/StationInfo.vue?bb80","webpack://kiwi/./src/components/SearchOnMap.vue","webpack://kiwi/./src/components/SearchOnMap.vue?2ec5","webpack://kiwi/./src/components/ChangelogBlog.vue","webpack://kiwi/./src/components/ChangelogBlog.vue?58a4","webpack://kiwi/./src/components/WelcomePanel.vue","webpack://kiwi/./src/components/WelcomePanel.vue?f832","webpack://kiwi/./src/components/LoadingScreen.vue","webpack://kiwi/./src/components/LoadingScreen.vue?f185","webpack://kiwi/./src/views/HomeView.vue","webpack://kiwi/./src/views/HomeView.vue?1da1","webpack://kiwi/./src/modules/Language.js","webpack://kiwi/./src/components/RegionStatsItem.vue","webpack://kiwi/./src/components/RegionStatsItem.vue?c199","webpack://kiwi/./src/views/StatsView.vue","webpack://kiwi/./src/views/StatsView.vue?67db","webpack://kiwi/./src/components/StationListItem.vue","webpack://kiwi/./src/components/StationListItem.vue?9830","webpack://kiwi/./src/components/RegionMap.vue","webpack://kiwi/./src/components/RegionMap.vue?978c","webpack://kiwi/./src/components/PollutantValue.vue","webpack://kiwi/./src/components/PollutantValue.vue?9e16","webpack://kiwi/./src/components/charts/PollutionCalendar.vue","webpack://kiwi/./src/components/charts/PollutionCalendar.vue?3245","webpack://kiwi/./src/components/charts/PlotlyChart.vue","webpack://kiwi/./src/components/charts/PlotlyChart.vue?3dc6","webpack://kiwi/./src/views/RegionView.vue","webpack://kiwi/./src/views/RegionView.vue?7dbf","webpack://kiwi/./src/modules/DataValidation.js","webpack://kiwi/./src/views/LoginView.vue","webpack://kiwi/./src/views/LoginView.vue?5755","webpack://kiwi/./src/components/AvatarUpload.vue","webpack://kiwi/./src/components/AvatarUpload.vue?a100","webpack://kiwi/./src/views/CabinetView.vue","webpack://kiwi/./src/views/CabinetView.vue?bf87","webpack://kiwi/./src/views/StationView.vue","webpack://kiwi/./src/views/StationView.vue?983f","webpack://kiwi/./src/views/PasswordRecoveryView.vue","webpack://kiwi/./src/views/PasswordRecoveryView.vue?2846","webpack://kiwi/./src/views/PasswordResetView.vue","webpack://kiwi/./src/views/PasswordResetView.vue?bad5","webpack://kiwi/./src/components/LocationSelector.vue","webpack://kiwi/./src/components/LocationSelector.vue?0b8d","webpack://kiwi/./src/views/AddStationView.vue","webpack://kiwi/./src/views/AddStationView.vue?d522","webpack://kiwi/./src/views/CabinetStationView.vue","webpack://kiwi/./src/views/CabinetStationView.vue?e627","webpack://kiwi/./src/views/RegisterView.vue","webpack://kiwi/./src/views/RegisterView.vue?1ec6","webpack://kiwi/./src/router/index.js","webpack://kiwi/./src/main.js","webpack://kiwi/./src/modules/UAQI.js","webpack://kiwi/./src/components/GradientBackground.vue","webpack://kiwi/webpack/bootstrap","webpack://kiwi/webpack/runtime/chunk loaded","webpack://kiwi/webpack/runtime/compat get default export","webpack://kiwi/webpack/runtime/define property getters","webpack://kiwi/webpack/runtime/ensure chunk","webpack://kiwi/webpack/runtime/get javascript chunk filename","webpack://kiwi/webpack/runtime/get mini-css chunk filename","webpack://kiwi/webpack/runtime/global","webpack://kiwi/webpack/runtime/hasOwnProperty shorthand","webpack://kiwi/webpack/runtime/load script","webpack://kiwi/webpack/runtime/make namespace object","webpack://kiwi/webpack/runtime/publicPath","webpack://kiwi/webpack/runtime/css loading","webpack://kiwi/webpack/runtime/jsonp chunk loading","webpack://kiwi/webpack/startup"],"sourcesContent":["import { reactive } from 'vue'\n\nimport axios from 'axios'\n\nimport { event } from 'vue-gtag'\n\nexport const User = reactive({\n\tprofile: null,\n\tstations: null,\n\t_isAuthenticated: false,\n\tisAuthenticated() {\n\t\treturn this._isAuthenticated\n\t},\n\tasync register(user) {\n\t\ttry {\n\t\t\tconsole.log(\"REGISTRATION request\")\n\t\t\tconst response = await axios.post(\"/api/v1/auth/signup\", user)\n\n\t\t\tif (response.status == 200) {\n\t\t\t\tconsole.log(\"REGISTRATION SUCCESSFUL\")\n\n\t\t\t\t// Invoke Google Analytics event\n\t\t\t\tevent('registration', { method: 'Default' })\n\n\t\t\t\treturn true\n\t\t\t} else {\n\t\t\t\tconsole.error(\"REGISTRATION FAILED\")\n\t\t\t\treturn false\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error('Error REGISTRATION: ', error)\n\t\t\treturn false\n\t\t}\n\t},\n\tasync confirmEmail(token) {\n\t\ttry {\n\t\t\tconsole.log(\"EMAIL CONFIRMATION request\")\n\t\t\tconst response = await axios.post(\"/api/v1/auth/signup-confirmation?token=\" + token)\n\n\t\t\tif (response.status == 200) {\n\t\t\t\tconsole.log(\"EMAIL CONFIRMATION SUCCESSFUL\")\n\t\t\t\tthis._isAuthenticated = true\n\t\t\t} else {\n\t\t\t\tconsole.error(\"EMAIL CONFIRMATION FAILED\")\n\t\t\t\tthis._isAuthenticated = false\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error('Error EMAIL CONFIRMATION: ', error)\n\t\t\tthis._isAuthenticated = false\n\t\t}\n\n\t\treturn this.isAuthenticated()\n\t},\n\tasync login(email, password) {\n\t\tconst user = {\n\t\t\t\"email\": email,\n\t\t\t\"password\": password\n\t\t}\n\n\t\ttry {\n\t\t\tconsole.log(\"LOGIN request\")\n\t\t\tconst response = await axios.post(\"/api/v1/auth/signin\", user)\n\n\t\t\tif (response.status == 200) {\n\t\t\t\tconsole.log(\"LOGIN SUCCESSFUL\")\n\t\t\t\tthis._isAuthenticated = true\n\n\t\t\t\t// Invoke Google Analytics event\n\t\t\t\tevent('login', { method: 'Default' })\n\t\t\t} else {\n\t\t\t\tconsole.error(\"LOGIN FAILED\")\n\t\t\t\tthis._isAuthenticated = false\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error('Error LOGIN: ', error)\n\t\t\tthis._isAuthenticated = false\n\t\t}\n\n\t\treturn this.isAuthenticated()\n\t},\n\tasync loginGoogle(code) {\n\t\ttry {\n\t\t\tconsole.log(\"LOGIN request\")\n\t\t\tconst response = await axios.post(\"/api/v1/auth/signin/google?code=\" + code)\n\n\t\t\tif (response.status == 200) {\n\t\t\t\tconsole.log(\"LOGIN SUCCESSFUL\")\n\t\t\t\tthis._isAuthenticated = true\n\n\t\t\t\t// Invoke Google Analytics event\n\t\t\t\tevent('login', { method: 'Google' })\n\t\t\t} else {\n\t\t\t\tconsole.error(\"LOGIN FAILED\")\n\t\t\t\tthis._isAuthenticated = false\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error('Error GOOGLE LOGIN: ', error)\n\t\t\tthis._isAuthenticated = false\n\t\t}\n\n\t\treturn this.isAuthenticated()\n\t},\n\tasync logout() {\n\t\ttry {\n\t\t\tconsole.log(\"LOGOUT request\")\n\t\t\tawait axios.delete(\"/api/v1/auth/signout\")\n\n\t\t\tconsole.log(\"LOGOUT SUCCESSFUL\")\n\t\t\tthis._isAuthenticated = false\n\t\t\tthis.profile = null\n\t\t\tthis.stations = null\n\t\t} catch (error) {\n\t\t\tconsole.error('Error LOGOUT: ', error)\n\t\t}\n\n\t\treturn this.isAuthenticated()\n\t},\n\tasync fetchProfile() {\n\t\ttry {\n\t\t\tconsole.log(\"Loading PROFILE\")\n\t\t\tconst response = await axios.get(\"/api/v1/cabinet/profile\")\n\t\t\tthis.profile = response.data\n\t\t\tthis._isAuthenticated = true\n\t\t\treturn true\n\t\t} catch (error) {\n\t\t\tconsole.error('Failed to load PROFILE: ', error)\n\t\t\treturn false\n\t\t}\n\t},\n\tasync fetchStations() {\n\t\ttry {\n\t\t\tconsole.log(\"Loading USER STATIONS\")\n\t\t\tconst response = await axios.get(\"/api/v1/cabinet/stations_list\")\n\t\t\tthis.stations = response.data\n\t\t} catch (error) {\n\t\t\tconsole.error('Failed to load USER STATIONS: ', error)\n\t\t}\n\t},\n\tasync saveProfile() {\n\t\ttry {\n\t\t\tconsole.log(\"Saving USER PROFILE edit\")\n\t\t\tconst response = await axios.patch(\"/api/v1/cabinet/profile\", this.profile)\n\t\t\treturn response.status == 200\n\t\t} catch (error) {\n\t\t\tconsole.error('Failed to save USER PROFILE: ', error)\n\t\t\treturn false\n\t\t}\n\t}\n})","<script>\nexport default { name: 'NavBar' }\n</script>\n\n<template>\n\t<nav>\n\t\t<div class=\"navMenu navMenuLeft\">\n\t\t\t<img id=\"logo\" src=\"@/assets/logo-white.svg\">\n\t\t\t<div class=\"logoText\">EcoCity</div>\n\t\t\t<router-link to=\"/\">Мапа</router-link> \n\t\t\t<router-link to=\"/stats\">Статистика</router-link> \n\t\t\t<router-link to=\"/about\">Про нас</router-link>\n\t\t</div>\n\t\t<div class=\"navMenu\">\n\t\t\t<router-link \n\t\t\t\tv-if=\"User.profile == null\" \n\t\t\t\tto=\"/login\" \n\t\t\t\tid=\"loginButton\"\n\t\t\t>\n\t\t\t\t<span class=\"loginButtonText\">Кабінет</span>\n\t\t\t\t<FontAwesomeIcon :icon=\"faUser\"/>\n\t\t\t</router-link> \n\t\t\t<router-link \n\t\t\t\tv-else\n\t\t\t\tto=\"/cabinet\"\n\t\t\t\tid=\"loginButton\"\n\t\t\t>\n\t\t\t\t<div v-if=\"User.profile?.logo == null\">\n\t\t\t\t\t<span id=\"loginButtonText\">Кабінет</span>\n\t\t\t\t\t<FontAwesomeIcon :icon=\"faUser\"/>\n\t\t\t\t</div>\n\t\t\t\t<div v-else class=\"accountContainer\">\n\t\t\t\t\t<span class=\"loginButtonText\">Кабінет</span>\n\t\t\t\t\t<div class=\"logoContainer\">\n\t\t\t\t\t\t<img \n\t\t\t\t\t\t\t:src=\"'https://reborn.eco-city.org.ua/logos/' + User.profile?.logo\" \n\t\t\t\t\t\t\talt=\"user logo\" \n\t\t\t\t\t\t\tstyle=\"width: 100%; height: 100%;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</router-link> \n\t\t</div>\n\t</nav>\n</template>\n\n<script setup>\nimport { watch  } from 'vue';\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faUser } from '@fortawesome/free-solid-svg-icons'\nimport { User } from '@/state/User.js'\n\nwatch(User, async () => {\n\tif (User.isAuthenticated()) {\n\t\tif (User.profile == null) await User.fetchProfile()\n\t}\n})\n\n</script>\n\n<style scoped>\n#logo {\n\theight: 2em;\n\tfilter: drop-shadow(0px 2px 10px #dadada60);\n}\n\n.accountContainer {\n\tdisplay: flex;\n\n\tflex-direction: row;\n}\n\n.logoContainer {\n\twidth: 1.4em;\n\theight: 1.4em;\n\taspect-ratio: 1 / 1; \n\tborder-radius: 100%; \n\toverflow: hidden; \n\n\tflex-shrink: 0;\n\n\tbackground-color: #101010;\n\n\tmargin-left: 0.3em;\n\tmargin-top: -0.2em;\n}\n\n@media only screen and (max-width: 520px) {\n\t.loginButtonText {\n\t\tdisplay: none;\n\t}\n\n\t.logoContainer {\n\t\tmargin-left: 0em;\n\t}\n}\n\nnav {\n\tpadding: 12px 25px;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\n\tbackground-color: #101010;\n\n\tbox-shadow: 0px 2px 58px 0px #202020;\n\n\tuser-select: none;\n\n\tz-index: 100;\n}\n\n.navMenu {\n\tdisplay: flex;\n}\n\nnav a {\n\tcolor: #aaa;\n\t\n\tfont-family: \"Montserrat\", sans-serif;\n\t/* font-family: \"Roboto\", sans-serif; */\n\tfont-weight: bolder;\n\tfont-size: large;\n\n\ttext-decoration: none;\n\n\tpadding: 0.2em;\n\tmargin: 0.1em;\n\tmargin-top: 0.3em;\n\n\ttransition: all 0.3s ease-in-out;\n}\n\nnav a:hover {\n\ttranslate: 0px -2px;\n\tfilter: drop-shadow(0px 4px 10px var(---color-primary));\n}\n\nnav a.router-link-exact-active {\n\tcolor: white;\n\tfilter: drop-shadow(0px 2px 10px #dadada60);\n\ttransition: all 0.3s ease-in-out;\n}\n\nnav a.router-link-exact-active:hover {\n\tfilter: drop-shadow(0px 4px 10px var(--color-text));\n}\n\n.logoText {\n\tcolor: white;\n\tmargin: 0.1em;\n\t\n\tfont-family: \"Montserrat\", sans-serif;\n\tfont-weight: bolder;\n\tfont-size: large;\n\n\tpadding-top: 0.4em;\n\n\tdisplay: none;\n}\n\n@media screen and (max-width: 768px) {\n\t.navMenuLeft a {\n\t\tdisplay: none;\n\t}\n\n\t.logoText {\n\t\tdisplay: block;\n\t}\n}\n</style>","import script from \"./NavBar.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./NavBar.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./NavBar.vue?vue&type=style&index=0&id=4811a20a&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-4811a20a\"]])\n\nexport default __exports__","import script from \"./NavBarMobile.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./NavBarMobile.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./NavBarMobile.vue?vue&type=style&index=0&id=74f044fc&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-74f044fc\"]])\n\nexport default __exports__","import { reactive } from 'vue'\n\nimport axios from 'axios'\n\nexport const StationsData = reactive({\n\tstations: null,\n\t_updatedAt: null, // Used to check if data need to be updated\n\t_inUseOf: [ ], // Used to pause autofetch from server\n\tautoUpdate: false, // Is auto update set up\n\t_bounds: { // Filter stations by coordinates\n\t\tnorth: 50.7360,\n\t\tsouth: 50.1922,\n\t\teast: 31.0110,\n\t\twest: 30.01130,\n\t},\n\tget() {\n\t\treturn this.stations\n\t},\n\tisUpdateNeeded() {\n\t\t// If never received data\n\t\tif (this._updatedAt == null) return true\n\n\t\t// The number of milliseconds after which the data should be updated\n\t\tconst updateTimeout = (10 * 1000) \n\n\t\treturn (Date.now() - this._updatedAt > updateTimeout)\n\t},\n\tasync update() {\n\t\ttry {\n\t\t\tconsole.log(\"Loading STATIONS data\")\n\n\t\t\tconst response = await axios.get(\n\t\t\t\t\"/api/v1/map\" + \n\t\t\t\t\"?south=\" + 43.5 + \n\t\t\t\t\"&west=\" + 22.0 +\n\t\t\t\t\"&north=\" + 53.5 +\n\t\t\t\t\"&east=\" + 40.3\n\t\t\t)\n\n\t\t\tthis.stations = response.data\n\n\t\t\tconsole.log(\"STATIONS data updated\")\n\t\t\tthis._updatedAt = Date.now()\n\t\t} catch (error) {\n\t\t\tconsole.error('Error fetching STATIONS: ', error)\n\t\t}\n\t},\n\tsetInUse(nameOfService) {\n\t\tif (this._inUseOf.indexOf(nameOfService) == -1) {\n\t\t\tthis._inUseOf.push(nameOfService)\n\t\t}\n\t},\n\tunsetInUse(nameOfService) {\n\t\tconst index = this._inUseOf.indexOf(nameOfService)\n\t\tif (index != -1) {\n\t\t\tthis._inUseOf.splice(index, 1);\n\t\t}\n\t},\n\tisInUse()\n\t{\n\t\treturn this._inUseOf.length > 0\n\t},\n\tsetupAutoUpdating() {\n\t\tconsole.log(\"AutoUpdate for STATIONS setup\")\n\t\tthis.autoUpdate = true\n\t\tsetInterval(() => {\n\t\t\tif (this.isInUse()) this.update()\t\t\n\t\t}, 10 * 1000);\n\t},\n\tsetBounds(bounds) {\n\t\tthis.bounds = bounds\n\t}\n})","<template>\n\t<NavBar />\n\t<router-view class=\"routerContent\"/>\n\t<NavBarMobile class=\"navMobile\"/>\n</template>\n\n<script setup>\nimport NavBar from \"@/components/NavBar.vue\"\nimport NavBarMobile from \"@/components/NavBarMobile.vue\";\nimport { onMounted } from \"vue\";\nimport { StationsData } from \"./state/StationsData\";\nimport { User } from \"./state/User\";\n\n// Set favicon based on device theme\nfunction setFavicon() {\n\tconst favicon = document.querySelector('link[rel=\"icon\"]')\n\tfavicon.href = (window.matchMedia('(prefers-color-scheme: dark)').matches)\n\t\t? '/logo-white.svg'\n\t\t: '/logo-black.svg'\n}\n\nonMounted(() => {\n\tconsole.log(\"MOUNT APP\")\n\n\t// Setup station data auto update\n\tif (StationsData.autoUpdate == false) StationsData.setupAutoUpdating()\n\n\t// Login user\n\tif (User.fetchProfile()) console.log(\"User login\")\n\n\t// Set favicon\n\tsetFavicon()\n\twindow.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', setFavicon)\n})\n</script>\n\n<style>\n#app {\n\tfont-family: \"Roboto\", Arial, sans-serif;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tcolor: var(--color-text);\n\n\tbox-sizing: border-box;\n\n\theight: 100%;\n\tmax-height: 100vh;\n\n\tdisplay: flex;\n    flex-direction: column;\n}\n\n.routerContent {\n\tflex: 1 1 auto;\n\n\twidth: 100%;\n\t/* height: 100%; */\n\n\toverflow-y: auto;\n\n\tbox-sizing: border-box;\n\n\toverflow-x: hidden;\n}\n\n.navMobile {\n\tdisplay: none !important;\n\n\tflex: 0 0 auto;\n}\n\n@media screen and (max-width: 768px) {\n\t.navMobile {\n\t\tdisplay: flex !important;\n\t}\n}\n</style>\n","import script from \"./App.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=773ca5fa&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","// Created using https://mapstyle.withgoogle.com/ and \"Dark\" preset \nexport const darkStyle = [\n\t{\n\t\t\"elementType\": \"geometry\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#212121\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"elementType\": \"labels.icon\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"visibility\": \"off\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"elementType\": \"labels.text.fill\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#757575\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"elementType\": \"labels.text.stroke\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#212121\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"administrative\",\n\t\t\"elementType\": \"geometry\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#757575\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"administrative.country\",\n\t\t\"elementType\": \"labels.text.fill\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#9e9e9e\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"administrative.land_parcel\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"visibility\": \"off\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"administrative.land_parcel\",\n\t\t\"elementType\": \"labels\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"visibility\": \"off\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"administrative.locality\",\n\t\t\"elementType\": \"labels.text.fill\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#bdbdbd\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"poi\",\n\t\t\"elementType\": \"labels.text\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"visibility\": \"off\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"poi\",\n\t\t\"elementType\": \"labels.text.fill\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#757575\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"poi.park\",\n\t\t\"elementType\": \"geometry\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#181818\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"poi.park\",\n\t\t\"elementType\": \"labels.text.fill\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#616161\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"poi.park\",\n\t\t\"elementType\": \"labels.text.stroke\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#1b1b1b\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"road\",\n\t\t\"elementType\": \"geometry.fill\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#2c2c2c\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"road\",\n\t\t\"elementType\": \"labels.text.fill\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#8a8a8a\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"road.arterial\",\n\t\t\"elementType\": \"geometry\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#373737\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"road.highway\",\n\t\t\"elementType\": \"geometry\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#3c3c3c\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"road.highway.controlled_access\",\n\t\t\"elementType\": \"geometry\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#4e4e4e\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"road.local\",\n\t\t\"elementType\": \"labels\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"visibility\": \"off\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"road.local\",\n\t\t\"elementType\": \"labels.text.fill\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#616161\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"transit\",\n\t\t\"elementType\": \"labels.text.fill\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#757575\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"water\",\n\t\t\"elementType\": \"geometry\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#000000\"\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\t\"featureType\": \"water\",\n\t\t\"elementType\": \"labels.text.fill\",\n\t\t\"stylers\": [\n\t\t\t{\n\t\t\t\t\"color\": \"#3d3d3d\"\n\t\t\t}\n\t\t]\n\t}\n];","<template>\n\t<div \n\t\tv-if=\"x != null && y != null\"\n\t\tclass=\"regionBox\" \n\t\t:style=\"{ top: `${y - 60}px`, left: `${x + 20}px` }\"\n\t>\n\t\t<div \n\t\t\tstyle=\"font-weight: bold;\" \n\t\t\t:style=\"{ color: uaqiColorsBright[region.level]}\"\n\t\t>\n\t\t\t{{ region.name }}\n\t\t</div>\n\t\t<div>{{ uaqiDescriptions[region.level].name }}</div>\n\t</div>\n</template>\n\n<script setup>\nimport { defineProps } from 'vue';\nimport { uaqiColorsBright, uaqiDescriptions } from '@/modules/UAQI.js'\n\ndefineProps({\n\tregion: Object\n})\n\nimport { useMouse } from '@vueuse/core'\n\nconst { x, y } = useMouse({ touch: false })\n</script>\n\n<style scoped>\n.regionBox {\n\tposition: absolute;\n\t\n\tbackground-color: var(--color-bg);\n\tborder-radius: 10px;\n\tpadding: 5px;\n\n\t/* This ensures the element doesn't interfere with mouse events */\n\tpointer-events: none;\n\n\t/* Add transition for smooth movement */\n\ttransition: top 0.2s ease, left 0.2s ease;\n}\n</style>","import script from \"./RegionFloatingBox.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RegionFloatingBox.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RegionFloatingBox.vue?vue&type=style&index=0&id=c0835532&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-c0835532\"]])\n\nexport default __exports__","import { reactive } from 'vue'\n\nimport axios from 'axios'\n\nexport const RegionsData = reactive({\n\tregions: null,\n\tupdatedAt: null, // Used to check if data need to be updated\n\tupdateInProgress: false, // Check to avoid running few updates in the same time\n\tget() {\n\t\treturn this.regions\n\t},\n\tasync getUpdated() {\n\t\t// Update data if needed\n\t\tif (this.regions == null) \n\t\t\tawait this.update()\n\t\telse if (this.isUpdateNeeded()) \n\t\t\tthis.update()\n\n\t\treturn this.regions\n\t},\n\tisUpdateNeeded() {\n\t\t// If never received data\n\t\tif (this.updatedAt == null) return true\n\n\t\t// The number of milliseconds after which the data should be updated\n\t\tconst updateTimeout = (30 * 1000) \n\n\t\treturn (Date.now() - this.updatedAt > updateTimeout)\n\t},\n\tasync update() {\n\t\tif (this.updateInProgress) { \n\t\t\tconsole.warn(\"Regions update already in progress\")\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tconsole.log(\"Loading REGIONS data\")\n\t\t\tthis.updateInProgress = true\n\t\t\t\n\t\t\t// const response = await axios.get('test_data/regions.json')\n\t\t\tconst response = await axios.get('/api/v1/regions')\n\n\t\t\tthis.updatedAt = Date.now()\n\t\t\tthis.regions = response.data\n\t\t\t\n\t\t\tconsole.log(\"REGIONS data updated\")\n\t\t\tthis.updateInProgress = false\n\t\t} catch (error) {\n\t\t\tconsole.error('Error fetching REGIONS: ', error)\n\t\t}\n\t}\n})","import { reactive } from 'vue'\n\nimport axios from 'axios'\n\nimport { event } from 'vue-gtag'\n\nexport const SelectedStation = reactive({\n\tstation: null,\n\tdata: null,\n\tgraphs: { \n\t\taverage_48h_1h: null,\n\t\taverage_30d_1d: null,\n\t},\n\t_cancelSource: null,\n\t_onChangedCallbacks: [],\n\tgetInfo() {\n\t\treturn this.station;\n\t},\n\tgetData() {\n\t\treturn this.data;\n\t},\n\tgetGraphs() {\n\t\treturn this.graphs\n\t},\n\tset(station) {\n\t\tif (station == null) {\n\t\t\tconsole.error(\"Station is NULL\")\n\t\t\treturn\n\t\t}\n\n\t\tif (this.station != null && station.id == this.station.id) {\n\t\t\tconsole.log(\"Station is already selected\")\n\t\t\treturn\n\t\t}\n\n\t\tconsole.log(\"Selected station: \" + station.id)\n\t\tthis.station = station\n\n\t\t// Invoke Google Analytics event\n\t\tevent('view_station', { station_id: station.id, station_name: station.name })\n\n\t\t// If data is loading, drop request\n\t\tif (this._cancelSource != null) { \n\t\t\tthis._cancelSource.cancel('Request canceled due to user action')\n\t\t}\n\n\t\t// Create new cancellation source\n\t\tthis._cancelSource = axios.CancelToken.source();\n\n\t\tthis.fetchData()\n\t\tthis.fetchGraph()\n\n\t\t// Run onChanged callback\n\t\tfor (const callback of this._onChangedCallbacks) callback()\n\t},\n\tremove() {\n\t\tthis.station = null\n\t},\n\tasync fetchData() {\n\t\ttry {\n\t\t\tconst response = await axios.get(\n\t\t\t\t`api/v1/station?id=${this.station.id}`,\n\t\t\t\t{ cancelToken: this._cancelSource.token }\n\t\t\t)\n\t\t\tconsole.log(\"STATION loaded\")\n\t\t\tthis.data = updateData(this.data, response.data)\n\t\t} catch (error) {\n\t\t\tconsole.error(\"Error fetching STATION: \", error)\n\t\t\tthis.data = null;\n\t\t}\n\n\t\tfunction updateData(oldData, newData) {\n\t\t\t// Data from other station or first station\n\t\t\tif (oldData == null || oldData.id != newData.id) {\n\t\t\t\treturn newData\n\t\t\t}\n\n\t\t\t// No updates needed\n\t\t\tif (oldData.last_online == newData.last_online) {\n\t\t\t\treturn oldData\n\t\t\t}\n\n\t\t\t// Update values\n\t\t\t// for (v in newData.current_values) {\n\t\t\t\t\n\t\t\t// \tlet oldValue = oldData.current_values.find(\n\t\t\t// \t\te => e.sensor == v.sensor && \n\t\t\t// \t\te.type == v.type && \n\t\t\t// \t\te.unit == v.unit\n\t\t\t// \t)\n\n\t\t\t// \tif (oldValue) {\n\t\t\t// \t\toldValue.value = v.value\n\t\t\t// \t} else {\n\n\t\t\t// \t}\n\t\t\t// }\n\n\t\t\t// Update other data\n\t\t\tfor (const key in oldData) {\n\t\t\t\tif (!(key in newData)) delete oldData[key]\n\t\t\t}\n\n\t\t\tObject.assign(oldData, newData)\n\n\t\t\treturn newData\n\t\t}\n\t},\n\tasync fetchGraph() {\n\t\ttry {\n\t\t\t// const response = await axios.get(`/test_data/graph${\"1\"}.json`)\n\t\t\tconst response = await axios.get(\n\t\t\t\t`/api/v1/graphs/average_48h_1h?station_id=${this.station.id}`,\n\t\t\t\t{ cancelToken: this._cancelSource.token }\n\t\t\t)\n\n\t\t\tthis.graphs.average_48h_1h = response.data\n\t\t\tconsole.log(\"GRAPH loaded\")\n\t\t} catch (error) {\n\t\t\tconsole.error(\"Error fetching GRAPH: \", error)\n\t\t}\n\t},\n\tisSelected(station) {\n\t\tif (this.station == null) return false\n\t\t\n\t\t// Compare by id\n\t\treturn this.station.id == station.id\n\t},\n\tonStationChanged(callback) {\n\t\tif (typeof callback === 'function') {\n\t\t\tthis._onChangedCallbacks.push(callback)\n\t\t} else {\n\t\t\tthrow new Error('Callback must be a function');\n\t\t}\n\t}\n})","\nimport { faHouseChimney } from '@fortawesome/free-solid-svg-icons'\nimport { faTreeCity } from '@fortawesome/free-solid-svg-icons'\nimport { faWrench } from '@fortawesome/free-solid-svg-icons'\nimport { faBriefcase } from '@fortawesome/free-solid-svg-icons'\nimport { faCircle } from '@fortawesome/free-solid-svg-icons'\n\n\n\nexport function getStationIcon(station) {\n\n\tconst typeToIcon = {\n\t\t\"indoor\": faHouseChimney,\n\t\t\"outdoor\": faTreeCity,\n\t\t\"service\": faWrench,\n\t\t\"portable\": faBriefcase\n\t}\n\n\tif (station == null) \n\t\treturn faCircle\n\n\tif (station.service == true) \n\t\treturn typeToIcon[\"service\"]\n\n\treturn typeToIcon[station.type]\n}\n","/**\n * Expand bounds \n * \n * @param {Object} api Google Maps API (mapRef.value.api / new google.maps)\n * @param {Object} bounds Bounds to expand \n * @param {Number} increasePercentage Increase percent \n * @returns {Object} Expanded bounds object\n */\nexport function expandBounds(api, bounds, increasePercentage = 1.1) {\n\tconst pointNorthEast = bounds.getNorthEast();\n\tconst pointSouthWest = bounds.getSouthWest();\n\n\tvar latAdjustment = (pointNorthEast.lat() - pointSouthWest.lat()) * (increasePercentage - 1);\n\tvar lngAdjustment = (pointNorthEast.lng() - pointSouthWest.lng()) * (increasePercentage - 1);\n\t\n\tvar newPointNorthEast = new api.LatLng(pointNorthEast.lat() + latAdjustment, pointNorthEast.lng() + lngAdjustment);\n\tvar newPointSouthWest = new api.LatLng(pointSouthWest.lat() - latAdjustment, pointSouthWest.lng() - lngAdjustment);\n\n\tlet newBounds = new api.LatLngBounds()\n\tnewBounds.extend(newPointNorthEast)\n\tnewBounds.extend(newPointSouthWest)\n\n\treturn newBounds\n}\n\n/**\n * Check if station is in bounds \n * \n * @param {Object} api Google Maps API (mapRef.value.api / new google.maps)\n * @param {Object} map Map Object (mapRef.value.map / google.maps.Map) \n * @param {Object} station Station object\n * @returns {Boolean} True if station in specified bounds\n */\nexport function isStationsInMapBounds(api, map, station) {\n\tlet bounds = map?.getBounds()\n\n\t// Map not loaded\n\tif (bounds == null) return true\n\n\t// Expand to not clip\n\tbounds = expandBounds(api, bounds, 1.1)\n\n\treturn bounds.contains(\n\t\t{ lat: station.latitude, lng: station.longitude }\n\t)\n}\n\n\n// Is map animation running\nvar isMapAnimation = false\n\n/**\n * Set map zoom to Ukraine\n * \n * @param {Object} api Google Maps API (mapRef.value.api / new google.maps)\n * @param {Object} map Map Object (mapRef.value.map / google.maps.Map) \n */\nexport function zoomToUkraine(api, map) {\n\tconsole.log(\"Zoom to Ukraine\")\n\n\t// Cancel animation if already zooming\n\tif (isMapAnimation != false) return \n\n    // Coordinates of Ukraine bounds\n    const bounds = {\n\t\t// North offset to fit map under search bar\n        north: ( 52.379528 + 0.5), // Northern latitude\n        south: 44.390913, // South latitude\n        east: 40.228727,  // Eastern longitude\n        west: 22.128711   // Western longitude\n    };\n\n    // Create an object LatLngBounds for Ukraine's borders\n    const ukraineBounds = new api.LatLngBounds(\n        new api.LatLng(bounds.south, bounds.west), // Southwestern corner\n        new api.LatLng(bounds.north, bounds.east)  // Northeast corner\n    );\n\n\t// Disable user zoom control and set flag\n\tisMapAnimation = true\n\tmap.setOptions({ gestureHandling: \"none\" })\n\n\t// Using timeout as it won't work in any other way\n\tsetTimeout(() => {\n\t\t// Pan and zoom the map to the borders of Ukraine\n\t\tmap.panToBounds(ukraineBounds);\n\t\tmap.fitBounds(ukraineBounds);\n\t}, 100)\n\n\t// Waiting to the end of animation\n\tsetTimeout(() => {\n\t\tisMapAnimation = false\n\t\tmap.setOptions({ gestureHandling: \"auto\" })\n\t}, 1000)\n}","<script>\nexport default { name: 'PollutionMap' }\n</script>\n\n<script setup>\nimport { ref, watch, onMounted, onBeforeUnmount, defineExpose } from 'vue'\n\nimport { CustomMarker, GoogleMap } from 'vue3-google-map'\nimport { darkStyle } from '@/modules/GoogleMapStyle.js'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport RegionFloatingBox from '@/components/RegionFloatingBox.vue'\n\nimport { StationsData } from '@/state/StationsData.js'\nimport { RegionsData } from '@/state/RegionsData.js'\nimport { SelectedStation } from '@/state/SelectedStation.js'\nimport { uaqiColors } from '@/modules/UAQI.js'\nimport { getStationIcon } from '@/modules/StationIcon.js'\nimport { isStationsInMapBounds, zoomToUkraine } from \"@/modules/Geo.js\"\n\n// Default map zoom and center point\nconst defaultCenter = { lat: 50.449399, lng: 30.523335 }\nconst defaultMapZoom = 10\n\n// When true, regions is shown and markers is minimized\nconst regionsMode = ref(false)\n\n// Reference to Google Map object\nconst mapRef = ref(null)\n\n// Region under the mouse\nconst selectedRegion = ref(null)\n\n// Show regions on map\nfunction showRegions(show)\n{\n\tconsole.log(\"SHOW REGIONS\")\n\n\tconst data = RegionsData.regions\n\n\tmapRef.value.map.data.setStyle(function (feature) {\n\t\t// Get region from data\n\t\tconst region = data.find(r => r.name === feature.getProperty(\"name\"))\n\t\t\n\t\t// Get level and color\n\t\tconst level = region ? region.level : 0\n\t\tconst color = level != 0 ? uaqiColors[level] : \"black\"\n\n\t\t// Set level to properties\n\t\tfeature.setProperty(\"level\", level)\n\n\t\treturn {\n\t\t\tfillColor: color,\n\t\t\tstrokeWeight: 1,\n\t\t\tstrokeColor: \"#dadada\",\n\t\t\tvisible: show\n\t\t};\n\t});\n}\n\n// Show regions on zoomout state\nwatch(regionsMode, (regionsMode) => {\n\tconsole.log(\"Regions mode changed:  \" + regionsMode)\n\tshowRegions(regionsMode)\n})\n\n// Filtered stations to show on map\nconst stationsToShow = ref([])\n\nfunction filterStationsToShow() {\n\tconst all = StationsData.stations\n\n\tif (all == null) {\n\t\tstationsToShow.value = [ ]\n\t} else {\n\t\tstationsToShow.value = all.filter(e => isStationsInMapBounds(mapRef.value.api, mapRef.value.map, e))\n\t}\n}\n\nfunction arrayRemoveItemAll(arr, value) {\n\tvar i = 0;\n\twhile (i < arr.length) {\n\t\tif (arr[i] === value) {\n\t\t\tarr.splice(i, 1);\n\t\t} else {\n\t\t\t++i;\n\t\t}\n\t}\n\treturn arr;\n}\n\nconst updatedStations = ref([])\n\nwatch(StationsData, () => {\n\tfilterStationsToShow()\n})\n\nlet oldData = [ ]\n\nwatch(StationsData, () => {\n\tconst newData = StationsData.stations\n\n\tif (newData == null) return\n\n\tnewData.find((n) => {\n\t\t// Find in old data\n\t\tconst old = oldData.find(o => o.id == n.id)\n\n\t\tif (old == null || old.last_online != n.last_online) { \n\t\t\tupdatedStations.value.push(n.id)\n\n\t\t\tsetTimeout(() => { \n\t\t\t\tarrayRemoveItemAll(updatedStations.value, n.id)\n\t\t\t}, 500)\n\t\t}\n\t})\n\n\toldData = newData\n})\n\n// On component mounted\nonMounted(() => {\n\tconsole.log(\"MAP component mounted\")\n\n\t// Update data if needed\n\tif (StationsData.isUpdateNeeded()) StationsData.update()\n\n\t// Set in use to auto update stations\n\tStationsData.setInUse(\"map\")\n})\n\nonBeforeUnmount(() => {\n\tStationsData.unsetInUse(\"map\")\n})\n\n// Watch for \"ready\" then do something with the API or map instance\nwatch(() => mapRef.value?.ready, (ready) => {\n\tif (!ready) return\n\n\tconsole.log(\"GOOGLE MAP is ready\")\n\n\t// Get map \n\tconst map = mapRef.value.map\n\n\tmap.addListener(\"bounds_changed\", () => { filterStationsToShow() })\n\n\t// Set markers to minimized and show regions\n\tmap.addListener(\"zoom_changed\", () => {\n\t\tregionsMode.value = (map.getZoom() < 8)\n\t})\n\n\t// When the user hovers, tempt them to click by outlining the regions\n\tmap.data.addListener('mouseover', function (event) {\n\t\t// Call revertStyle() to remove all overrides. This will use the style \n\t\t// rules defined in the function passed to setStyle()\n\t\tmap.data.revertStyle()\n\t\t\n\t\t// Override stroke value\n\t\tmap.data.overrideStyle(event.feature, { strokeWeight: 4 })\n\n\t\tselectedRegion.value = { \n\t\t\tname: event.feature.getProperty(\"name\"),\n\t\t\tlevel: event.feature.getProperty(\"level\")\n\t\t}\n\t})\n\n\tmap.data.addListener('mouseout', function (event) {\n\t\tmap.data.revertStyle()\n\n\t\t// Hide region info box\n\t\tselectedRegion.value = null\n\t})\n\n\t// Region onclick\n\tmap.data.addListener('click', function (event) {\n\t\t// Get bounds of region\n\t\tconst bounds = new mapRef.value.api.LatLngBounds()\n\t\tevent.feature.getGeometry().forEachLatLng(function (latlng) {\n\t\t\tbounds.extend(latlng)\n\t\t})\n\n\t\t// Zoom to bounds\n\t\tmap.fitBounds(bounds)\n\n\t\t// Zoomin more if needed\n\t\tconst listener = mapRef.value.api.event.addListenerOnce(map, 'bounds_changed', function () {\n\t\t\tif (map.getZoom() < 8) map.setZoom(9)\n\t\t})\n\n\t\t// Hide region info box\n\t\tselectedRegion.value = null\n\t})\n\n\t// Set last zoom to default\n\tvar lastZoom = defaultMapZoom\n\n\tmap.addListener(\"zoom_changed\", () => {\n\t\tlet currentZoom = map.getZoom()\n\n\t\t// Zoom to full Ukraine\n\t\tif (lastZoom > currentZoom && currentZoom < 8 && currentZoom > 6)\n\t\t{\n\t\t\tconsole.log(\"Zoomout detected\")\n\t\t\tzoomToUkraine(mapRef.value.api, map)\n\t\t}\n\n\t\tlastZoom = currentZoom\n\t})\n\n\t// Get last map position\n\tconst lastPositionJSON = localStorage.getItem('lastPosition')\n\n\tif (lastPositionJSON != null) \n\t{ \n\t\tconst lastPosition = JSON.parse(lastPositionJSON) \n\t\tmap.panTo(lastPosition.location)\n\t\tmap.setZoom(lastPosition.zoom)\n\t} \n\telse \n\t{\n\t\t// Trigger all of the event listeners\n\t\tmap.panTo(defaultCenter)\n\t\tmap.setZoom(defaultMapZoom)\n\t}\n\n\tmap.addListener('tilesloaded', function (event) {\n\t\tconst position = { location: map.getCenter(), zoom: map.getZoom() }\n\t\tlocalStorage.setItem('lastPosition', JSON.stringify(position))\n\t})\n\n\t// Setup regions view\n\tsetupRegions()\n})\n\nasync function setupRegions() {\n\t// Run Region data update\n\tawait RegionsData.getUpdated()\n\n\t// Load GeoJSON of ukraine regions\n\tconsole.log(\"Loading regions graphics\")\n\tmapRef.value.map.data.loadGeoJson(\"ukraine_regions.json\")\n\n\t// Hide regions if not a regions mode\n\tshowRegions(regionsMode.value)\n}\n\n/**\n * Pan map to object location.\n * Function to call from other modules (Search)\n * \n * @param {Object} location Google Maps location object (`{ lat: 50, lng: 30 }`)\n */\nfunction panToLocation(location)\n{\n\tconst map = mapRef.value.map\n\tif (map == null) return\n\n\tmap.panTo(location)\n\tmap.setZoom(12)\n}\n\ndefineExpose({ panToLocation });\n</script>\n\n<template>\n\t<GoogleMap \n\t\tref=\"mapRef\"\n\t\tapi-key=\"AIzaSyBgVH0fE8NBe3dgXJzCU9v3be8Q0IcOvQM\" \n\t\tstyle=\"width: 100%; height: 100%\" \n\t\t:disableDefaultUi=true\n\t\t:clickableIcons=false\n\t\t:isFractionalZoomEnabled=true\n\t\t:backgroundColor=\"'#212121'\"\n\t\t:minZoom=5\n\t\t:styles=\"darkStyle\"\n\t\t:center=\"defaultCenter\" \n\t\t:zoom=\"defaultMapZoom\"\n\t>\n\t\t<CustomMarker \n\t\t\tv-for=\"station in stationsToShow\"\n\t\t\t:key=\"station.id\"\n\t\t\t:options=\"{ \n\t\t\t\tposition: { lat: station.latitude, lng: station.longitude }, \n\t\t\t\tzIndex: SelectedStation.isSelected(station) ? 10 : station.current_level,\n\t\t\t\tanchorPoint: 'CENTER'\n\t\t\t}\"\n\t\t\t@click=\"regionsMode ? null : SelectedStation.set(station)\"\n\t\t>\n\t\t\t<div \n\t\t\t\tclass=\"station-marker\" \n\t\t\t\tv-bind:class=\"{ \n\t\t\t\t\tmini: regionsMode, \n\t\t\t\t\tselected: SelectedStation.isSelected(station),\n\t\t\t\t\tupdated: updatedStations.some(e => e == station.id) \n\t\t\t\t}\"\n\t\t\t\t:style=\"{ backgroundColor: uaqiColors[station.current_level] }\"\n\t\t\t>\n\t\t\t\t<FontAwesomeIcon v-if=\"station.type != 'outdoor' || station.service\" :icon=\"getStationIcon(station)\"/>\n\t\t\t</div>\n\t\t</CustomMarker>\n\t</GoogleMap>\n\n\t<RegionFloatingBox v-if=\"regionsMode && selectedRegion != null\" :region=\"selectedRegion\"/>\n</template>\n\n<style scoped>\n\n.station-marker {\n\tbackground-color: gray; \n\t\n\tborder-radius: 20px; \n\tborder: 5px solid var(--color-station-outline);\n\t\n\twidth: 20px; \n\theight: 20px;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\tcursor: pointer;\n\n\toverflow: hidden;\n\n\ttransition: width 0.3s ease,\n\t\t\t\theight 0.3s ease,\n\t\t\t\tborder-width 0.3s ease,\n\t\t\t\tborder-color 0.3s ease,\n\t\t\t\ttransform 0.3s ease;\n}\n\n.station-marker.selected {\n\tborder-color: var(--color-station-outline-active);\n}\n\n.station-marker.mini {\n\twidth: 5px !important; \n\theight: 5px !important;\n\n\tborder-width: 0px !important;\n}\n\n.station-marker.mini > svg { \n\tdisplay: none;\n}\n\n.station-marker.updated {\n\ttransform: scale(1.2);\n}\n</style>\n","import script from \"./PollutionMap.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PollutionMap.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PollutionMap.vue?vue&type=style&index=0&id=f32f84e0&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-f32f84e0\"]])\n\nexport default __exports__","<template>\n\t<div class=\"diagramContainer\">\n\t\t<div class=\"topContainer\">\n\t\t\t<small>{{ onHoverText }}</small>\n\t\t\t<small>{{ onHoverTime }}</small>\n\t\t</div>\n\t\t<div class=\"plotContainer\">\n\t\t\t<div\n\t\t\t\tv-for=\"v in values\"\n\t\t\t\t:key=\"v\"\n\n\t\t\t\t@mouseover=\"onBarHover(v)\"\n\t\t\t>\n\t\t\t\t<div :style=\"{ \n\t\t\t\t\theight: scaleByData(v.value, values.map(e => e.value)) + '%', \n\t\t\t\t\tbackgroundColor: uaqiColorsBright[valueLevel(v.value)] \n\t\t\t\t}\"></div>\n\t\t\t\t<div v-if=\"v.time.getHours() == 0 || v.time.getHours() == 12\" class=\"line\"></div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"lablesContainer\">\n\t\t\t<small\n\t\t\t\tv-for=\"l in timestampLables\"\n\t\t\t\t:key=\"l\"\n\t\t\t\tstyle=\"white-space: pre-wrap;\"\n\t\t\t>\n\t\t\t\t{{ formatTimestamp(l) }}\n\t\t\t</small>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { defineProps, computed, ref } from 'vue'\n\nimport { uaqiColorsBright } from '@/modules/UAQI.js';\n\nimport { format } from \"date-fns\";\n\nconst props = defineProps({\n\tdata: Object,\n\ttype: String,\n\tsensor: String,\n\tunit: String\n})\n\nfunction onBarHover(v) {\n\tconst valueText = v.value == null ? \"-\" : v.value.toFixed(2)\n\n\tonHoverText.value = valueText + ' ' + props.unit\n\tonHoverTime.value = format(v.time, \"dd.MM HH:mm\")\n}\n\nconst series = computed(() => {\n\tif (props.data?.series == null) return { }\n\n\tconst s = props.data.series.find(s => s.sensor == props.sensor && s.type == props.type)\n\n\treturn s\n})\n\nconst values = computed(() => {\n\tif (series.value?.values == null) return []\n\n\tlet result = [ ]\n\n\tfor (let i = 0; i < series.value.values.length; i++) {\n\t\tlet time = props.data.timestamps[i]\n\t\ttime = new Date(time)\n\n\t\tresult.push({\n\t\t\tvalue: series.value.values[i],\n\t\t\ttime: time\n\t\t})\n\t}\n\n\treturn result\n})\n\nconst count = computed(() => {\n\tif (props.data.series == null) return 0;\n\treturn props.data.series.reduce((max, series) => {\n        return Math.max(max, series.values.length);\n    }, 0);\n})\n\nfunction scale(value, inMin, inMax, outMin, outMax) {\n    return (value - inMin) * (outMax - outMin) / (inMax - inMin) + outMin;\n}\n\nfunction scaleByData(value, vector) {\n\tif (value == null) return 0;\n\tconst vectorClear = vector.filter(e => e != null)\n\treturn scale(value, Math.min(...vectorClear), Math.max(...vectorClear), 10, 90)\n}\n\nfunction valueLevel(value) {\n\tconst levels = [ 0 ].concat(series.value.levels)\n\n\t// Even if there are no levels, there will be two elements in this array after concat()\n\tif (levels == null || levels.length <= 2) return 0\n\n\t// Find level\n\tfor (let i = 0; i < levels.length; i++) {\n        if (value < levels[i]) {\n            return i\n        }\n    }\n    return levels.length\n}\n\nconst timestampLables = computed(() => {\n\tconst timestamps = props.data.timestamps\n\n    const first = timestamps[0];\n    const last = timestamps[timestamps.length - 1];\n    const interval = Math.floor((timestamps.length - 1) / 3);\n\n    const second = timestamps[interval];\n    const third = timestamps[2 * interval];\n\n    return [first, second, third, last];\n})\n\nfunction formatTimestamp(timestamp) {\n    const date = new Date(timestamp);\n    \n    const day = String(date.getDate()).padStart(2, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const hours = String(date.getHours()).padStart(2, '0');\n    const minutes = String(date.getMinutes()).padStart(2, '0');\n    \n    return `${day}.${month}\\n${hours}:${minutes}`;\n}\n\nconst onHoverText = ref(\"Графік за останні 48 годин\")\nconst onHoverTime = ref(\"\")\n</script>\n\n<style scoped>\n.diagramContainer {\n\twidth: 100%;\n\taspect-ratio: 6 / 4;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\n\tpadding: 0.5em;\n\tbox-sizing: border-box;\n}\n\n.topContainer {\n\tmargin: 0.3em;\n\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n\n.plotContainer {\n\tbackground-color: #101010;\n\n\tflex-grow: 2;\n\n\tborder-radius: 10px;\n\n\t/*  padding: 0.5em; */\n\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: flex-end;\n\n\tpadding: 0.5em;\n}\n\n/* Bar */\n.plotContainer > div {\n\twidth: v-bind(100 / count + \"%\");\n\tbox-sizing: border-box;\n\n\tpadding: 1px;\n\n\theight: 100%;\n\n\tdisplay: flex;\n\tflex-direction: column-reverse;\n\talign-items: center;\n\n\tfilter: brightness(0.8) saturate(2);\n\t\n\ttransition: all 0.3s ease-in-out;\n}\n\n.plotContainer > div:hover {\n\tfilter: brightness(1) saturate(2);\n}\n\n.plotContainer > div:hover > div:first-child {\n\ttransform: scaleX(1.4);\n}\n\n.plotContainer > div > div {\n\tborder-radius: 10px;\n\twidth: 100%;\n}\n\n.line {\n\twidth: 0px !important;\n\tborder-radius: 0px !important;\n\tborder: none;\n\tborder-right: 1px dashed #505050;\n\n\tflex-grow: 2;\n}\n\n.lablesContainer {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex-wrap: nowrap;\n\n\tmargin-top: 0.5em;\n}\n\n\n.appear-enter-active,\n.appear-leave-active {\n\ttransition: max-width 1s ease;\n\tmax-width: 100%;\n}\n\n.appear-enter-from,\n.appear-leave-to {\n\tmax-width: 0em;\n}\n</style>","import script from \"./ValueGraph.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ValueGraph.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ValueGraph.vue?vue&type=style&index=0&id=7f58bddc&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7f58bddc\"]])\n\nexport default __exports__","<template>\n\t<div class=\"stationValue\" @click=\"graphOpened = !graphOpened\">\n\t\t<div class=\"valueTexts\">\n\t\t\t<div class=\"valueName\">\n\t\t\t\t<div style=\"font-weight: bold;\">{{ value.local_type }}</div>\n\t\t\t\t<small>{{ value.type }}</small>\n\t\t\t</div>\n\t\t\t<div class=\"valueMeasurement\">\n\t\t\t\t<span \n\t\t\t\t\tstyle=\"font-weight: bold; margin-right: 0.2em;\"\n\t\t\t\t>\n\t\t\t\t\t{{ value.value == null ? \"-\" : value.value.toFixed(2) }}\n\t\t\t\t</span> \n\t\t\t\t<span>{{ value.local_unit }}</span>\n\t\t\t</div>\n\t\t</div>\n\t\t<Transition name=\"appear\">\n\t\t\t<div class=\"graph\" v-if=\"graphOpened\">\n\t\t\t\t<ValueGraph \n\t\t\t\t\t:data=\"SelectedStation.graphs.average_48h_1h\" \n\t\t\t\t\t:type=\"value.type\"\n\t\t\t\t\t:sensor=\"value.sensor\"\n\t\t\t\t\t:unit=\"value.unit\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</Transition>\n\t</div>\n</template>\n\n<script setup>\n\nimport { defineProps, computed, ref } from 'vue';\n\nimport { uaqiColors } from '@/modules/UAQI.js'\nimport { SelectedStation } from '@/state/SelectedStation';\n\nimport ValueGraph from '@/components/charts/ValueGraph.vue'\n\nconst levelColor = computed(() => {\n\treturn uaqiColors[props.value.level]\n})\n\nconst props = defineProps({\n\tvalue: {\n\t\ttype: Object,\n\t\trequired: true\n\t}\n})\n\nconst graphOpened = ref(false)\n</script>\n\n<style scoped>\n\n.stationValue {\n\tbackground-color: var(--color-bg);\n\tborder-radius: 10px;\n\tpadding: 0.5em;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\n\tborder: 1px solid v-bind(levelColor + \"A0\");\n\n\tuser-select: none;\n\tcursor: pointer;\n\n\toverflow: hidden;\n\n\t-webkit-tap-highlight-color: transparent;\n\n\ttransition: background-color 0.3s ease-in-out,\n\t\t\t\tbox-shadow 0.5s ease-in-out,\n\t\t\t\ttranslate 0.3s ease-out;\n}\n\n.stationValue:hover {\n\tbackground-color: v-bind(levelColor + \"40\");\n\tbox-shadow: 0 2px 10px var(--color-bg);\n\ttranslate: 0 -2px;\n}\n\n.valueTexts {\n\tdisplay: flex;\n}\n\n.valueName {\n\tflex-grow: 2;\n\tbackground: linear-gradient(to right, v-bind(levelColor + \"80\"), #00000000);\n\n\tmargin: -0.5em;\n\tpadding: 0.5em;\n}\n\n.valueMeasurement {\n\tdisplay: flex;\n\tjustify-content: right;\n\talign-items: center;\n}\n\n.graph {\n\toverflow: hidden;\n}\n\n.appear-enter-active,\n.appear-leave-active {\n\ttransition: max-height 0.5s ease;\n\t/* FIXME */\n\tmax-height: 20em;\n}\n\n.appear-enter-from,\n.appear-leave-to {\n\tmax-height: 0em;\n}\n\n</style>","import script from \"./StationValue.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StationValue.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./StationValue.vue?vue&type=style&index=0&id=05df623c&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-05df623c\"]])\n\nexport default __exports__","<template>\n\t<div class=\"uaqiContainer\">\n\t\t<div class=\"box radiation\">\n\t\t\tРадіація\n\t\t</div>\n\t\t<div class=\"box pm\">\n\t\t\tМікропил\n\t\t</div>\n\t\t<div class=\"box other-gases\">\n\t\t\tІнші гази\n\t\t</div>\n\t\t<div class=\"box main-gases\">\n\t\t\tОсновні гази\n\t\t</div>\n\t\t<div class=\"center-box-bg\"></div>\n\t\t<div class=\"center-box\">\n\t\t\t<div class=\"levelText\">\n\t\t\t\t{{ levelToText[uaqi.main] }}\n\t\t\t</div>\n\t\t\t<small>рівень</small>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { defineProps } from 'vue'\n\nimport { uaqiColors } from '@/modules/UAQI.js'\n\ndefineProps({\n\tuaqi: Object\n})\n\nconst levelToText = [ \"-\", \"I\", \"II\", \"III\", \"IV\", \"V\", \"VI\", \"VII\" ]\n</script>\n\n<style scoped>\n.uaqiContainer {\n\tdisplay: grid;\n\tgrid-template-areas:\n\t\t\"radiation pm\"\n\t\t\"other-gases main-gases\";\n\tgap: 7px;\n\tgrid-template-columns: 49% 49%;\n\tjustify-content: space-around;\n\tposition: relative;\n\n\tcolor: var(--color-text-super);\n\n\tuser-select: none;\n}\n\n.levelText {\n\tfont-size: xx-large; \n\tfont-weight: bolder; \n\tfont-family: 'Montserrat', sans-serif;\n}\n\n.box {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\n\tborder-radius: 10px;\n\tpadding: 10px;\n\theight: 60px;\n\n\ttransition: all 0.5s ease;\n}\n\n.center-box {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\t\n\n\tpadding: 20px;\n\tborder-radius: 50%;\n\n\t/* box-shadow: 0px 1px 20px 5px #00000020; */\n\tbackground-color: v-bind(uaqiColors[uaqi.main] + \"80\");\n\tborder: 1px solid v-bind(uaqiColors[uaqi.main]);\n\n\t/* border: 6px solid #101010; */\n\t\n\tfont-size: medium;\n\ttext-align: center;\n\t\n\twidth: 50px;\n\theight: 50px;\n\t\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n\n.center-box-bg {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\t\n\tborder-radius: 50%;\n\n\tbackground-color: var(--color-bg);\n\n\tborder: 5px solid var(--color-bg);\n\t\n\twidth: 95px;\n\theight: 95px;\n}\n\n/* .center-box::backdrop */\n\n.pm {\n\tgrid-area: pm;\n\tdisplay: flex;\n\tjustify-content: right;\n\n\tbackground-color: v-bind(uaqiColors[uaqi.pm] + \"80\");\n\tborder: 1px solid v-bind(uaqiColors[uaqi.pm]);\n}\n\n.radiation {\n\tgrid-area: radiation;\n\n\tbackground-color: v-bind(uaqiColors[uaqi.radiation] + \"80\");\n\tborder: 1px solid v-bind(uaqiColors[uaqi.radiation]);\n}\n\n.main-gases {\n\tgrid-area: main-gases;\n\tdisplay: flex;\n\tjustify-content: right;\n\talign-items: end;\n\n\tbackground-color: v-bind(uaqiColors[uaqi.mainGases] + \"80\");\n\tborder: 1px solid v-bind(uaqiColors[uaqi.mainGases]);\n}\n\n.other-gases {\n\tgrid-area: other-gases;\n\tdisplay: flex;\n\talign-items: end;\n\n\tbackground-color: v-bind(uaqiColors[uaqi.otherGases] + \"80\");\n\tborder: 1px solid v-bind(uaqiColors[uaqi.otherGases]);\n}\n</style>","import script from \"./UaqiDiagram.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UaqiDiagram.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./UaqiDiagram.vue?vue&type=style&index=0&id=2785a11e&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2785a11e\"]])\n\nexport default __exports__","<script setup>\nimport { defineProps, defineEmits, ref } from \"vue\";\nimport { onClickOutside } from '@vueuse/core'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faXmark } from '@fortawesome/free-solid-svg-icons'\n\n// https://medium.com/@romanvinnick/vue3-composition-api-creating-a-reusable-modal-component-with-outside-click-handling-43e830d289c1\n\nconst props = defineProps({\n\tisOpen: Boolean,\n});\n\nconst emit = defineEmits([\"modal-close\"]);\n\nconst target = ref(null)\nonClickOutside(target, () => emit('modal-close'))\n</script>\n\n<template>\n\t<div>\n\t\t<Transition>\n\t\t\t<div v-if=\"props.isOpen\" class=\"modal-mask\">\n\t\t\t\t<div class=\"modal-wrapper\">\n\t\t\t\t\t<div class=\"modal-container\" ref=\"target\">\n\t\t\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t<slot name=\"header\">HEADER</slot>\n\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"btn closeBtn\" \n\t\t\t\t\t\t\t\t@click.stop=\"emit('modal-close')\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faXmark\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"modal-body\">\n\t\t\t\t\t\t\t<slot name=\"content\"></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<!-- <div class=\"modal-footer\">\n\t\t\t\t\t\t\t<slot name=\"footer\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<button @click.stop=\"emit('modal-close')\">Submit</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t</div> -->\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Transition>\n\t</div>\n</template>\n\n<style scoped>\n.closeBtn {\n\twidth: 2.5em; \n\theight: 2.5em; \n\t\n\tborder-radius: 50%; \n\t\n\tdisplay: flex; \n\tjustify-content: center; \n\talign-items: center; \n\t\n\tmargin-left: 1em;\n}\n\n.modal-mask {\n\tposition: fixed;\n\tz-index: 9998;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: rgba(0, 0, 0, 0.8);\n\n\tpadding: 0 1em;\n\n\tbox-sizing: border-box;\n}\n\n.modal-wrapper {\n\toverflow: auto;\n    max-height: 100%;\n}\n\n.modal-container {\n\tbox-sizing: border-box;\n\n\twidth: 100%;\n\tmax-width: 32em;\n\t\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tmargin-top: 15vh;\n\tpadding: 20px 30px;\n\n\tbackground-color: var(--color-bg);\n\tborder-radius: 2px;\n\tbox-shadow: 0 2px 25px #00000020;\n\n\tborder: 1px solid var(--color-border);\n\n\tborder-radius: 1em;\n}\n\n.modal-header {\n\tdisplay: flex;\n\tjustify-content: space-between; \n\talign-items: center;\n}\n\n.v-enter-active,\n.v-leave-active {\n\ttransition: all 0.5s ease;\n}\n\n.v-enter-from,\n.v-leave-to {\n\topacity: 0;\n\tfilter: blur(3px);\n\ttransform: translateY(-10px);\n}\n</style>","import script from \"./ModalComponent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ModalComponent.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ModalComponent.vue?vue&type=style&index=0&id=ebd9b75c&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ebd9b75c\"]])\n\nexport default __exports__","<!-- https://motorscript.com/share-this-component-for-vue-nuxt/ -->\n\n<template>\n\t<div class=\"share-this\">\n\t\t<!-- This is the placement code ShareThis provides. -->\n\t\t<div class=\"sharethis-inline-share-buttons\"></div>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tmounted() {\n\t\tconst st = window.__sharethis__\n\t\tif (!st) {\n\t\t\tconst script = document.createElement('script')\n\t\t\tscript.src =\n\t\t\t\t'https://platform-api.sharethis.com/js/sharethis.js#property=66a386d3e1507500197b03db&product=inline-share-buttons'\n\t\t\tdocument.body.appendChild(script)\n\t\t} else if (typeof st.initialize === 'function') {\n\t\t\tst.href = window.location.href\n\t\t\tst.initialize()\n\t\t}\n\t}\n}\n</script>\n\n<style scoped>\n.share-this {\n\tmargin-bottom: 0.5em;\n}\n</style>\n\n<style>\n/* Invert twitter logo */\n/* TODO: light theme */\n.st-btn[data-network='twitter'] {\n\tfilter: invert(1) brightness(0.85);\n}\n</style>","import { render } from \"./ShareThis.vue?vue&type=template&id=09eadcee&scoped=true\"\nimport script from \"./ShareThis.vue?vue&type=script&lang=js\"\nexport * from \"./ShareThis.vue?vue&type=script&lang=js\"\n\nimport \"./ShareThis.vue?vue&type=style&index=0&id=09eadcee&scoped=true&lang=css\"\nimport \"./ShareThis.vue?vue&type=style&index=1&id=09eadcee&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-09eadcee\"]])\n\nexport default __exports__","<template>\n\t<div>\n\t\t<div class=\"container\">\n\t\t\t<Transition>\n\t\t\t\t<img v-if=\"imageSrc\" style=\"width: 100%;\" :src=\"imageSrc\" alt=\"Зображення для поширення\" />\n\t\t\t</Transition>\n\t\t\t<div v-if=\"false\" style=\"height: 100%; display: flex; justify-content: center; align-items: center;\"> \n\t\t\t\t<FontAwesomeIcon :icon=\"faCircle\" style=\"font-size: xx-large;\" beat-fade />\n\t\t\t</div>\n\t\t</div>\n\t\t<br/>\n\t\t<a :href=\"imageSrc\" :download=\"imageDownloadName\">\n\t\t\t<button class=\"btn\" style=\"margin-right: 0.5em;\">\n\t\t\t\tЗавантажити&nbsp;\n\t\t\t\t<FontAwesomeIcon :icon=\"faDownload\" />\n\t\t\t</button>\n\t\t</a>\n\t\t<button class=\"btn\" @click=\"shareImageClick\">\n\t\t\tПоширити&nbsp;\n\t\t\t<FontAwesomeIcon :icon=\"faShare\" />\n\t\t</button>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, onMounted, defineProps, computed } from \"vue\";\n\nimport { uaqiColorsBright, uaqiColors, uaqiDescriptions } from \"@/modules/UAQI\";\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faCircle, faDownload, faShare } from '@fortawesome/free-solid-svg-icons'\n\nconst svgUrl = \"/StationShareHorizontalDark3-2.svg\";\n\nconst props = defineProps({\n\tstationData: Object\n})\n\nconst imageSrc = ref(null);\nconst imageDownloadName = computed(() => {\n\tconst stationName = removeIllegalCharacters(props.stationData.name)\n\tconst stationTime = removeIllegalCharacters(props.stationData.last_online)\n\treturn `EcoCity ${stationName} ${stationTime}.png`\n})\n\nasync function shareImageClick() {\n\t// FIXME\n\tconst imageBlob = await fetch(imageSrc.value).then(res => res.blob())\n\tconst file = new File([imageBlob], imageDownloadName.value, imageBlob)\n\n\tconsole.warn(file)\n\n\tconst data = {\n\t\turl: window.location.href,\n\t\ttext: `${props.stationData.name} (Станція EcoCity)`,\n\t\ttitle: `${props.stationData.name}`,\n\t\tfiles: [file]\n\t}\n\n\tconsole.log(navigator.canShare(data))\n\n\tnavigator.share(data)\n}\n\nfunction removeIllegalCharacters(str) {\n\treturn str != null ? str.replace(/[/\\\\?%*:|\"<>]/g, '-') : str\n}\n\nfunction getValuesForSvg(stationValues) {\n\tconst filteredData = stationValues.filter(item => item.level > 0);\n\tconst data = filteredData.slice(0, filteredData.length >= 5 ? 5 : filteredData.length);\n\t\n\tconst types = data.map(item => item.type);\n\tconst values = data.map(item => item.value.toFixed(1));\n\tconst units = data.map(item => item.local_unit);\n\tconst levels = data.map(item => item.level);\n\n\treturn { types, values, units, levels }\n}\n\nfunction processSvg(svg) {\n\tlet result = svg\n\n\tconst levelToText = [ \"-\", \"I\", \"II\", \"III\", \"IV\", \"V\", \"VI\", \"VII\" ]\n\n\tresult = result.replace(\"{{StationName}}\", props.stationData.name)\n\tresult = result.replace(\"{{StationAddress}}\", props.stationData.address)\n\tresult = result.replaceAll(\"{{ColorLevel}}\", uaqiColors[props.stationData.uaqi.main])\n\n\tresult = result.replace(\"{{AirIs}}\", uaqiDescriptions[props.stationData.uaqi.main].air)\n\tresult = result.replace(\"{{UaqiMain}}\", levelToText[props.stationData.uaqi.main])\n\n\tresult = result.replace(\"{{ColorUaqiPm}}\", uaqiColors[props.stationData.uaqi.categories.A])\n\tresult = result.replace(\"{{ColorUaqiMainGases}}\", uaqiColors[props.stationData.uaqi.categories.B])\n\tresult = result.replace(\"{{ColorUaqiOtherGases}}\", uaqiColors[props.stationData.uaqi.categories.C])\n\tresult = result.replace(\"{{ColorUaqiRadiation}}\", uaqiColors[props.stationData.uaqi.categories.D])\n\n\tconst data = getValuesForSvg(props.stationData.current_values)\n\n\tfor (let i = 0; i < data.types.length; i++) {\n\t\tresult = result.replace(`{{Type${i}}}`, data.types[i])\n\t\tresult = result.replace(`{{Value${i}}}`, data.values[i])\n\t\tresult = result.replace(`{{Unit${i}}}`, data.units[i])\n\t\tresult = result.replaceAll(`{{Level${i}Color}}`, uaqiColorsBright[data.levels[i]])\n\t}\n\n\t// Replace with empty fields if values less than 5\n\tresult = result.replaceAll(/{{(Unit|Type|Value)\\d}}/g, \"\")\n\n\tresult = result.replace(\"{{Timestamp}}\", props.stationData.last_online)\n\n\treturn result\n}\n\nasync function loadSVG() {\n\ttry {\n\t\tconst response = await fetch(svgUrl);\n\t\tif (!response.ok) {\n\t\t\tthrow new Error(`Failed to download SVG: ${response.statusText}`);\n\t\t}\n\n\t\tconst templateSvg = await response.text();\n\t\tconst finalSvg = processSvg(templateSvg)\n\n\t\timageSrc.value = await convertSvgToPng(finalSvg, 1200, 630)\n\t} catch (error) {\n\t\tconsole.error(\"Loading error SVG:\", error);\n\t}\n}\n\nasync function convertSvgToPng(svgData, width, height) {\n\t// Create a URL for SVG data\n\tconst svgBlob = new Blob([svgData], { type: 'image/svg+xml;charset=utf-8' });\n\tconst url = URL.createObjectURL(svgBlob);\n\n\t// Download SVG into the image\n\tconst img = new Image();\n\timg.src = url;\n\n\t// Waiting for the image to load\n\tawait new Promise((resolve) => (img.onload = resolve));\n\n\t// Create canvas for PNG rendering\n\tconst canvas = document.createElement('canvas');\n\tcanvas.width = width;\n\tcanvas.height = height;\n\tconst ctx = canvas.getContext('2d');\n\n\tctx.drawImage(img, 0, 0, width, height);\n\tURL.revokeObjectURL(url);\n\n\treturn new Promise((resolve) => {\n\t\tcanvas.toBlob((blob) => {\n\t\t\tconst pngUrl = URL.createObjectURL(blob);\n\t\t\tresolve(pngUrl);\n\t\t}, 'image/png');\n\t});\n}\n\nonMounted(() => {\n\tloadSVG()\n})\n</script>\n\n<style scoped>\n.container {\n\twidth: 100%;\n\taspect-ratio: 1200 / 630;\n\n\toverflow: hidden;\n\n\tborder-radius: 0.5em;\n\n\tbackground-color: var(--color-paper);\n}\n\nimg {\n\twidth: 100%;\n}\n\n.v-enter-active,\n.v-leave-active {\n\ttransition: opacity 0.5s ease;\n}\n\n.v-enter-from,\n.v-leave-to {\n\topacity: 0;\n}\n</style>","import script from \"./StationShare.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StationShare.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./StationShare.vue?vue&type=style&index=0&id=68624edb&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-68624edb\"]])\n\nexport default __exports__","<template>\n\t<Transition name=\"appear\">\n\t\t<div v-if=\"station.info != null\" class=\"stationInfo\">\n\t\t\t<div class=\"infoContent\">\n\n\t\t\t\t<div\n\t\t\t\t\tstyle=\"display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;\"\n\t\t\t\t>\n\t\t\t\t\t<h2 style=\"display: flex; align-items: center;\">\n\t\t\t\t\t\t<FontAwesomeIcon style=\"margin-right: 0.35em;\" :icon=\"getStationIcon(station.info)\" />\n\t\t\t\t\t\t<span>{{ station.info.name }}</span>\n\t\t\t\t\t</h2>\n\t\t\t\t\t<button id=\"close\" class=\"btn\" @click=\"closeOnClick\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faXmark\" />\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"descriptionContainer\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faLocationCrosshairs\"/>\n\t\t\t\t\t\t{{ station.info.address }}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faClock\"/>\n\t\t\t\t\t\t{{ stationLastOnline }}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<br />\n\n\t\t\t\t<div class=\"actions\">\n\t\t\t\t\t<button class=\"btn\" @click=\"isShareModalOpen = true\">\n\t\t\t\t\t\tПоширити\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faShare\" />\n\t\t\t\t\t</button>\n\t\t\t\t\t<button class=\"btn\" @click=\"subscribeOnClick()\">\n\t\t\t\t\t\tПідписатись\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faBell\" />\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\n\t\t\t\t<div>\n\t\t\t\t\t<ModalComponent :isOpen=\"isShareModalOpen\" @modal-close=\"isShareModalOpen = false\">\n\t\t\t\t\t\t<template #header>\n\t\t\t\t\t\t\tПоширити станцію\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template #content>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<!-- <div style=\"margin-bottom: 0.5em;\"></div> -->\n\t\t\t\t\t\t\t\t<small>\n\t\t\t\t\t\t\t\t\t✨ Тримай це зображення! Воно буде просто прекрасно виглядати на твоєму сайті чи в соцмережі\n\t\t\t\t\t\t\t\t</small>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<br>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<StationShare :stationData=\"station.data\" />\n\t\t\t\t\t\t\t<br/>\n\t\t\t\t\t\t\t<p>Поширити посилання на станцію</p>\n\t\t\t\t\t\t\t<ShareThis />\n\t\t\t\t\t\t\t<br/>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</ModalComponent>\n\t\t\t\t</div>\n\n\t\t\t\t<div v-show=\"showData\">\n\t\t\t\t\t<div class=\"notePanel\" v-if=\"station.info.type == 'indoor' || station.info.service == true\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faTriangleExclamation\" style=\"font-size: x-large; padding-right: 0.5em\"/>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<div style=\"font-weight: bold; margin-bottom: 0.3em;\">\n\t\t\t\t\t\t\t\tДані можуть бути не точними\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<small v-if=\"station.info.service == true\">\n\t\t\t\t\t\t\t\tЦя станція потребує обслуговування. \n\t\t\t\t\t\t\t\tДані можуть не відповідати реальним. <br/>\n\t\t\t\t\t\t\t\t<a href=\"https://eco-city.org.ua/article?id=18\">\n\t\t\t\t\t\t\t\t\tЦе моя станція, що робити?\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</small>\n\t\t\t\t\t\t\t<small v-if=\"station.info.type == 'indoor'\">\n\t\t\t\t\t\t\t\tЦя станція встановлена всередині приміщення.\n\t\t\t\t\t\t\t\tДані можуть не відповідати значенням на вулиці. \n\t\t\t\t\t\t\t</small>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<h3>Діаграма UAQI</h3>\n\t\t\t\t\t<small>\n\t\t\t\t\t\tДіаграма показує забруднення по окремих категоріях забрудників.\n\t\t\t\t\t\t<a href=\"https://eco-city.org.ua/article?id=5\" target=\"_blank\">Що означає цей рівень?</a>\n\t\t\t\t\t</small>\n\t\t\t\t\t<br /><br />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<UaqiDiagram :uaqi=uaqi />\n\t\t\t\t\t</div>\n\t\t\t\t\t<br />\n\n\t\t\t\t\t<h3>Забрудники</h3>\n\t\t\t\t\t<small>\n\t\t\t\t\t\tТут представлений список всіх показників, що виміряються цією станцією.\n\t\t\t\t\t\t<a href=\"https://eco-city.org.ua/article?id=5\" target=\"_blank\">Що означають ці кольори?</a>\n\t\t\t\t\t</small>\n\t\t\t\t\t<br /><br />\n\t\t\t\t\t<div class=\"stationValuesList\">\n\t\t\t\t\t\t<TransitionGroup>\n\t\t\t\t\t\t\t<StationValue v-for=\"v in station.data?.current_values\" :key=\"v\" :value=\"v\"></StationValue>\n\t\t\t\t\t\t</TransitionGroup>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div v-show=\"!showData\">\n\t\t\t\t\t<div class=\"notePanel\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faTriangleExclamation\" style=\"font-size: x-large; padding-right: 0.5em\"/>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<div style=\"font-weight: bold; margin-bottom: 0.3em;\">\n\t\t\t\t\t\t\t\tДані застарілі\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<small style=\"margin-bottom: 0.5em;\">\n\t\t\t\t\t\t\t\tВостаннє ця станція надсилала дані більш ніж годину тому. \n\t\t\t\t\t\t\t\t<a \n\t\t\t\t\t\t\t\t\t@click=\"showOldData = true\"\n\t\t\t\t\t\t\t\t\tstyle=\"text-decoration: underline; cursor: pointer;\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tПоказати?\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</small>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<br />\n\n\t\t\t\t<h3>Треба більше даних?</h3>\n\t\t\t\t<br />\n\t\t\t\t<div \n\t\t\t\t\tclass=\"statsBtn\"\n\t\t\t\t\t@click=\"statsOnClick\"\n\t\t\t\t>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3>Переглянути статистику</h3>\n\t\t\t\t\t\t<small>\n\t\t\t\t\t\t\tДані за тиждень, місяць та навіть роки! \n\t\t\t\t\t\t\tА також інструменти для порівняння та аналізу даних.\n\t\t\t\t\t\t</small>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<br />\n\t\t\t\t<h3>Джерело даних</h3>\n\t\t\t\t<br />\n\t\t\t\t<div \n\t\t\t\t\tclass=\"ownerBox\" \n\t\t\t\t\tv-if=\"station.data?.owner != null && station.data?.owner?.logo && station.data.owner.logo.length > 0\"\n\t\t\t\t\tstyle=\"margin-bottom: 0.5em;\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"logoContainer\">\n\t\t\t\t\t\t<img \n\t\t\t\t\t\t\t:src=\"'https://reborn.eco-city.org.ua/logos/' + station.data.owner.logo\" \n\t\t\t\t\t\t\talt=\"user logo\" \n\t\t\t\t\t\t\tstyle=\"width: 100%; height: 100%;\"\n\t\t\t\t\t\t>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style=\"margin-left: 0.75em\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<h4>\n\t\t\t\t\t\t\t\t<span v-if=\"station.data?.owner?.url == ''\">\n\t\t\t\t\t\t\t\t\t{{ station.data?.owner?.name }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<a v-else :href=\"station.data?.owner?.url\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t\t\t\t\t\t\t{{ station.data?.owner?.name }}\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t<small>Власник станції</small>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"providerBox\">\n\t\t\t\t\t<div class=\"logoContainer\" style=\"width: 2em; height: 2em; padding: 0.25em\">\n\t\t\t\t\t\t<img v-if=\"station.data?.provider == 'ecocity'\" src=\"@/assets/logo-white.svg\" alt=\"data provider logo\" style=\"width: 100%; height: 100%;\">\n\t\t\t\t\t\t<img v-else-if=\"station.data?.provider == 'emc'\" src=\"@/assets/emc-logo-white-m.svg\" alt=\"data provider logo\" style=\"width: 100%; height: 100%;\">\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style=\"margin-left: 0.5em\">\n\t\t\t\t\t\t<div v-if=\"station.data?.provider == 'ecocity'\">\n\t\t\t\t\t\t\t{{ providerToText[station.data?.provider] }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div v-else>\n\t\t\t\t\t\t\t<a :href=\"providerToUrl[station.data?.provider]\">\n\t\t\t\t\t\t\t\t{{ providerToText[station.data?.provider] }}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<br /><br />\n\t\t\t</div>\n\t\t</div>\n\t</Transition>\n</template>\n\n<script setup>\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { \n\tfaTriangleExclamation, \n\tfaXmark, \n\tfaBell, \n\tfaShare,\n\tfaLocationCrosshairs \n} from '@fortawesome/free-solid-svg-icons'\n\nimport { faClock } from '@fortawesome/free-regular-svg-icons'\n\nimport StationValue from '@/components/StationValue.vue'\nimport UaqiDiagram from './UaqiDiagram.vue'\nimport ModalComponent from './ModalComponent.vue'\nimport ShareThis from './ShareThis.vue'\nimport StationShare from './StationShare.vue'\n\nimport { SelectedStation } from '@/state/SelectedStation.js'\nimport { getStationIcon } from '@/modules/StationIcon.js'\n\nimport { differenceInMinutes } from 'date-fns';\n\nconst router = useRouter()\n\nconst providerToText = {\n\t\"ecocity\": \"Мережа EcoCity\",\n\t\"emc\": \"Центр Екологічного Моніторингу\",\n\t\"lun\": \"Lun Місто Air\"\n}\n\nconst providerToUrl = {\n\t\"ecocity\": \"https://reborn.eco-city.org.ua\",\n\t\"emc\": \"https://ecomonitoring.info/\",\n\t\"lun\": \"https://lun.ua/misto/air\"\n}\n\nconst isShareModalOpen = ref(false)\n\nfunction statsOnClick() \n{\n\trouter.push(\n\t\t{ \n\t\t\tname: 'station', \n\t\t\tparams: { id: station.value.info.id } \n\t\t}\n\t)\n}\n\nfunction closeOnClick() { \n\tSelectedStation.remove()\n}\n\nfunction subscribeOnClick() {\n\twindow.alert('Ця функція поки не реалізована(')\n}\n\nconst stationLastOnline = computed(()  => {\n\tif (station.value.data == null || station.value.data.id != station.value.info.id) {\n\t\treturn station.value.info.last_online\n\t} else {\n\t\treturn station.value.data.last_online\n\t}\n})\n\nconst dataIsTooOld = computed(() => {\n\treturn differenceInMinutes(new Date(), new Date(stationLastOnline.value)) > 60\n})\n\nconst showOldData = ref(false)\n\nconst showData = computed(() => { return dataIsTooOld.value == false || showOldData.value == true })\n\nSelectedStation.onStationChanged(function () {\n\tshowOldData.value = false\n})\n\nconst station = computed(() => {\n\treturn {\n\t\tinfo: SelectedStation.getInfo(),\n\t\tdata: SelectedStation.getData()\n\t}\n})\n\nconst uaqi = computed(() => {\n\tconst uaqi = station.value?.data?.uaqi\n\n\tif (uaqi == null) return { \n\t\tmain: 0,\n\t\tpm: 0,\n\t\tmainGases: 0,\n\t\totherGases: 0,\n\t\tradiation: 0\n\t};\n\n\treturn {\n\t\tmain: uaqi.main,\n\t\tpm: uaqi.categories.A,\n\t\tmainGases: uaqi.categories.B,\n\t\totherGases: uaqi.categories.C,\n\t\tradiation: uaqi.categories.D\n\t}\n})\n\nlet updateDataInterval = null\n\nonMounted(() => {\n\tupdateDataInterval = setInterval(() => {\n\t\tif (SelectedStation.station != null) {\n\t\t\tSelectedStation.fetchData()\n\t\t\tSelectedStation.fetchGraph()\n\t\t}\n\t}, 5000)\n})\n\nonBeforeUnmount(() => {\n\tclearInterval(updateDataInterval.value) \n})\n</script>\n\n<style scoped>\n\n.notePanel {\n\tpadding: 1em;\n\tborder-radius: 10px;\n\tbackground-color: var(--color-paper);\n\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\n\tmargin-bottom: 1.2em;\n}\n\n.descriptionContainer svg {\n\twidth: 1em;\n}\n\n.descriptionContainer > div {\n\twhite-space: nowrap;\n\toverflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.actions {\n\tmargin-bottom: 1.2em;\n\tdisplay: flex;\n}\n\n.actions > .btn {\n\tmargin-right: 0.5em;\n}\n\n/* \n.actions > .btn {\n\twidth: 100%;\n}\n\n.actions > .btn + .btn {\n\tmargin-left: 0.5em;\n} */\n\n.statsBtn {\n\twidth: 100%;\n\taspect-ratio: 2 / 1;\n\n\tborder-radius: 10px;\n\n\toverflow: hidden;\n\n\tbackground: linear-gradient(to top, #202020 0%, #202020ee 40%, #00000040 100%), \n\t\t\t\turl(https://media.istockphoto.com/id/1407983911/photo/forex-diagrams-and-stock-market-rising-lines-with-numbers.jpg?s=612x612&w=0&k=20&c=zas1h6LR6v2iCvE7SWnVoZ_s7ZSiboN45UK0d5oMWac=);\n\n\tbackground-size: cover;\n\tbackground-position: center;\n\n\tdisplay: flex;\n\talign-items: end;\n\n\tborder: 1px solid var(--color-border);\n\n\tcursor: pointer;\n\tuser-select: none;\n\n\ttransition: all 0.3s ease;\n}\n\n.statsBtn > div {\n\tpadding: 1em;\n}\n\n.statsBtn:hover {\n\tbox-shadow: 0 2px 10px #202020aa;\n\ttranslate: 0 -2px;\n}\n\n.stationValuesList > * {\n\tmargin-bottom: 0.5em;\n}\n\nh3 {\n\tmargin-top: 0.5em;\n\tmargin-bottom: 0.2em;\n}\n\nsmall {\n\tcolor: var(--color-text-dim)\n}\n\n#close {\n\tborder-radius: 15px;\n\twidth: 2.5em;\n\theight: 2.5em;\n}\n\n.stationInfo {\n\tbox-sizing: border-box;\n\n\tflex-shrink: 0;\n\n\theight: 100%;\n\tmax-height: 100%;\n\n\twidth: 100%;\n\n\tbackground-color: var(--color-bg);\n\n\toverflow: hidden;\n\n\tz-index: 20;\n}\n\n.infoContent {\n\tbox-sizing: border-box;\n\twidth: 100%;\n\theight: 100%; \n\n\t/* For proper animations */\n\tmin-width: 400px;\n\n\toverflow-y: scroll;\n\toverflow-x: hidden;\n\n\tpadding: 20px;\n}\n\n@media only screen and (min-width: 700px) {\n\t.stationInfo {\n\t\twidth: 400px;\n\t}\n}\n\n@media only screen and (max-width: 700px) {\n\t.infoContent {\n\t\tmin-width: 100vw;\n\t}\n}\n\n.logoContainer {\n\twidth: 4em;\n\theight: 4em;\n\taspect-ratio: 1 / 1; \n\tborder-radius: 5px; \n\toverflow: hidden; \n\n\tflex-shrink: 0;\n\n\tbackground-color: var(--color-bg);\n}\n\n/* @media (prefers-color-scheme: light) {\n\t.providerBox img {\n\t\tfilter: invert(95%);\n\t}\n} */\n\n.ownerBox {\n\tbackground-color: var(--color-paper);\n\tpadding: 0.5em;\n\tborder-radius: 10px;\n\n\tborder: 1px solid var(--color-border);\n\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.ownerBox > div {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n}\n\n.ownerBox h4 {\n\tmargin-top: 0.1em;\n\tmargin-bottom: 0.15em;\n}\n\n.ownerBox a {\n\tcolor: var(--color-text)\n}\n\n.providerBox {\n\tbackground-color: var(--color-paper);\n\tpadding: 0.5em;\n\tborder-radius: 10px;\n\n\tborder: 1px solid var(--color-border);\n\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\n\tuser-select: none;\n}\n\n.appear-enter-active,\n.appear-leave-active {\n\ttransition: max-width 1s ease;\n\tmax-width: 100%;\n}\n\n.appear-enter-from,\n.appear-leave-to {\n\tmax-width: 0em;\n}\n\n.v-enter-active,\n.v-leave-active {\n\ttransition: opacity 0.5s ease-out,\n\t\t\t\tfilter 0.5s ease-out,\n\t\t\t\tpadding 0.3s ease-in-out,\n\t\t\t\tmargin 0.3s ease-in-out,\n\t\t\t\tmax-height 0.3s ease-in-out,\n\t\t\t\tborder-width 0.3s ease-in-out;\n\toverflow: hidden;\n}\n\n.v-enter-from,\n.v-leave-to {\n\topacity: 0;\n\tfilter: blur(6px);\n\n\tmax-height: 0;\n\toverflow: hidden;\n\t\n\tpadding: 0px !important;\n\tmargin: 0px !important;\n\tborder-width: 0;\n}\n</style>","import script from \"./StationInfo.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StationInfo.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./StationInfo.vue?vue&type=style&index=0&id=6dc987c7&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6dc987c7\"]])\n\nexport default __exports__","<template>\n\t<div class=\"searchContainer\">\n\t\t<div class=\"searchOnMap\">\n\t\t\t<FontAwesomeIcon :icon=\"faSearch\" style=\"margin-right: 0.5em;\" />\n\t\t\t<input \n\t\t\t\ttype=\"text\" \n\t\t\t\tplaceholder=\"Пошук на мапі...\" \n\t\t\t\tv-model=\"searchText\" \n\t\t\t\t@keydown=\"inputKeydown\"\n\t\t\t\t@input=\"selectedIndex = 0\"\n\t\t\t>\n\t\t</div>\n\t\t<div v-if=\"searchResults.length > 0\" class=\"searchResults\">\n\t\t\t<div \n\t\t\t\tv-for=\"(r, index) in searchResults\" \n\t\t\t\t:key=\"r.item.name\" \n\t\t\t\tclass=\"searchResult\"\n\t\t\t\t:class=\"{ active: index == selectedIndex }\" \n\t\t\t\t@click=\"onResultClick(r.item)\"\n\t\t\t>\n\t\t\t\t<FontAwesomeIcon \n\t\t\t\t\t:icon=\"r.item.icon\" \n\t\t\t\t\tstyle=\"font-size: medium; margin-right: 0.8em; width: 1.2em;\"\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t<div>{{ r.item.name }}</div>\n\t\t\t\t\t<small \n\t\t\t\t\t\tv-if=\"r.item.description != '-'\" \n\t\t\t\t\t\tstyle=\"color: gray; white-space: nowrap\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ r.item.description }}\n\t\t\t\t\t</small>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div v-else-if=\"searchText.length > 0\" class=\"searchResults\" style=\"padding: 10px 20px;\">\n\t\t\t<span style=\"color: gray\">На жаль, ми нічого не знайшли...</span>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, onMounted, defineEmits, computed } from 'vue'\nimport { useFuse } from '@vueuse/integrations/useFuse'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\nimport { faMapLocationDot } from '@fortawesome/free-solid-svg-icons'\n\nimport { StationsData } from '@/state/StationsData.js'\nimport { SelectedStation } from '@/state/SelectedStation'\nimport { getStationIcon } from '@/modules/StationIcon.js'\n\nimport axios from 'axios'\nimport { event } from 'vue-gtag'\n\nconst emit = defineEmits(['resultClicked'])\n\nfunction onResultClick(item) {\n\temit('resultClicked', item.location)\n\n\t// Invoke Google Analytics event\n\tevent('search', { search_term: searchText.value })\n\n\tif (item.station) {\n\t\t// Time for map to zoom\n\t\tsetTimeout(() => {\n\t\t\tSelectedStation.set(item.station)\n\t\t}, 500);\n\t}\n\n\tsearchText.value = ''\n}\n\nfunction transliterateToUkr(text) {\n    // Table of transliteration\n    const transliterationMap = {\n        'a': 'а', 'b': 'б', 'c': 'ц', 'd': 'д', 'e': 'е', 'f': 'ф', 'g': 'г',\n        'h': 'х', 'i': 'і', 'j': 'й', 'k': 'к', 'l': 'л', 'm': 'м', 'n': 'н',\n        'o': 'о', 'p': 'п', 'q': 'к', 'r': 'р', 's': 'с', 't': 'т', 'u': 'у',\n        'v': 'в', 'w': 'в', 'x': 'кс', 'y': 'и', 'z': 'з',\n        'A': 'А', 'B': 'Б', 'C': 'Ц', 'D': 'Д', 'E': 'Е', 'F': 'Ф', 'G': 'Г',\n        'H': 'Х', 'I': 'І', 'J': 'Й', 'K': 'К', 'L': 'Л', 'M': 'М', 'N': 'Н',\n        'O': 'О', 'P': 'П', 'Q': 'К', 'R': 'Р', 'S': 'С', 'T': 'Т', 'U': 'У',\n        'V': 'В', 'W': 'В', 'X': 'Кс', 'Y': 'И', 'Z': 'З'\n    };\n\n    let transliteratedText = '';\n    for (let char of text) {\n        transliteratedText += transliterationMap[char] || char;\n    }\n\n    return transliteratedText;\n}\n\nconst fetchSettlements = async () => {\n\ttry {\n\t\tconst response = await axios.get('ukraine_settlements.json')\n\t\tconsole.log(response.data)\n\n\t\tsettlements.value = response.data\n\t} catch (error) {\n\t\tconsole.error('Error fetching settlements:', error)\n\t}\n}\n\nconst settlements = ref([])\n\nonMounted(() => {\n\tfetchSettlements()\n})\n\nconst searchIndex = computed(() => {\n\tlet result = []\n\n\tif (StationsData.stations) {\n\t\tStationsData.stations.forEach(s => {\n\t\t\tresult.push({\n\t\t\t\tname: s.name,\n\t\t\t\talternative: transliterateToUkr(s.name),\n\t\t\t\tdescription: s.address,\n\t\t\t\tlocation: { \n\t\t\t\t\tlat: parseFloat(s.latitude),\n\t\t\t\t\tlng: parseFloat(s.longitude)\n\t\t\t\t},\n\t\t\t\ttype: \"station\",\n\t\t\t\ticon: getStationIcon(s),\n\t\t\t\tstation: s\n\t\t\t})\n\t\t})\n\t}\n\n\tif (settlements.value) {\n\t\tsettlements.value.forEach(s => {\n\t\t\tresult.push({\n\t\t\t\tname: s.name,\n\t\t\t\tdescription: s.region,\n\t\t\t\tlocation: s.location,\n\t\t\t\ttype: \"region\",\n\t\t\t\ticon: faMapLocationDot\n\t\t\t})\n\t\t})\n\t}\n\n\treturn result\n})\n\nconst searchText = ref('')\n\nconst fuseOptions = {\n\t// isCaseSensitive: false,\n\t// includeScore: false,\n\t// shouldSort: true,\n\t// includeMatches: false,\n\t// findAllMatches: false,\n\t// minMatchCharLength: 1,\n\t// location: 0,\n\t// threshold: 0.6,\n\t// distance: 100,\n\t// useExtendedSearch: false,\n\t// ignoreLocation: false,\n\t// ignoreFieldNorm: false,\n\t// fieldNormWeight: 1,\n\tkeys: [\n\t\t{ name: \"name\", weight: 3 },\n\t\t{ name: \"alternative\", weight: 1 },\n\t]\n};\n\nconst { results: searchResults } = useFuse(searchText, searchIndex, { fuseOptions: fuseOptions, resultLimit: 10 })\n\nconst selectedIndex = ref(0)\n\nfunction inputKeydown(e) {\n\tif (e.key == \"ArrowUp\" && selectedIndex.value > 0) {\n\t\tselectedIndex.value--\n\t}\n\tif (e.key == \"ArrowDown\" && selectedIndex.value < (searchResults.value.length - 1)) {\n\t\tselectedIndex.value++\n\t}\n\n\t// If arrow keys\n\tif (e.key == \"ArrowUp\" || e.key == \"ArrowDown\") {\n\t\t// Prevent default keystrokes\n\t\te.preventDefault()\n\n\t\t// Scroll to selected item\n\t\tscrollToSelected()\n\t}\n\n\tif (e.key == \"Enter\") {\n\t\tonResultClick(searchResults.value[selectedIndex.value].item)\n\t}\n\n\tif (e.key == \"Escape\") {\n\t\tsearchText.value = \"\"\n\t}\n}\n\nconst scrollToSelected = () => {\n\t// Get all search result elements\n\tconst resultElements = document.querySelectorAll('.searchResult');\n\n\tif (resultElements[selectedIndex.value]) \n\t{\n\t\tresultElements[selectedIndex.value].scrollIntoView({\n\t\t\tbehavior: 'smooth',\n\t\t\tblock: 'nearest'\n\t\t});\n\t}\n};\n</script>\n\n<style scoped>\n.searchContainer {\n\twidth: 100%;\n\tmax-width: 25em;\n\tposition: relative;\n\n\tz-index: 10;\n}\n\n.searchOnMap {\n\tbackground-color: var(--color-bg);\n\tborder-radius: 15px;\n\tpadding: 10px 15px;\n\twidth: 100%;\n\n\t/* border: 1px solid var(--color-border); */\n\n\tbox-sizing: border-box;\n\n\tfont-size: medium;\n\n\tdisplay: flex;\n\talign-items: center;\n\n\tcolor: var(--color-text);\n}\n\n.searchResults {\n\tbackground-color: var(--color-bg);\n\tborder-radius: 15px;\n\n\t/* border: 1px solid var(--color-border); */\n\n\tmargin-top: 10px;\n\tpadding: 5px;\n\n\tposition: absolute;\n\n\tbox-sizing: border-box;\n\n\twidth: 100%;\n\n\tmax-height: 50vh;\n\toverflow-y: auto;\n\n\tbox-shadow: 0px 2px 40px 0px var(--color-bg);\n}\n\n.searchResult {\n\tbackground-color: var(--color-bg);\n\tpadding: 10px 15px;\n\n\tborder-radius: 10px;\n\n\tfont-size: medium;\n\n\tdisplay: flex;\n\talign-items: center;\n\n\tuser-select: none;\n\tcursor: pointer;\n}\n\n.searchResult:hover {\n\tbackground-color: var(--color-paper);\n}\n\n.searchResult.active {\n\tbackground-color: var(--color-paper);\n}\n\ninput {\n\tbackground-color: var(--color-bg);\n\toutline: none;\n\tborder: none;\n\n\twidth: 100%;\n\n\tfont-size: inherit;\n\n\tcolor: inherit;\n}\n\ninput:active {\n\toutline: none;\n\tborder: none;\n}\n</style>","import script from \"./SearchOnMap.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SearchOnMap.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./SearchOnMap.vue?vue&type=style&index=0&id=51020b00&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-51020b00\"]])\n\nexport default __exports__","<template>\n\t<div v-html=\"blogHtml\" style=\"width: 100%;\"></div>\n</template>\n\n<script setup>\nimport { onMounted, ref } from 'vue'\n\nimport axios from 'axios'\n\nconst blogHtml = ref(null)\n\nconst fetchBlog = async () => {\n\ttry {\n\t\tconst response = await axios.get(\"/changelog/changelog.html\")\n\n\t\tblogHtml.value = response.data\n\t} catch (error) {\n\t\tconsole.error('Error fetching blogposts:', error)\n\t}\n}\n\nonMounted(()=>{\n\tfetchBlog()\n})\n</script>\n\n<style>\n.clPost {\n\tbackground-color: var(--color-paper);\n\n\tborder-radius: 0.5em;\n\n\tborder: 1px solid var(--color-border);\n\n\tmargin-bottom: 1em;\n\n\twidth: 100%;\n\n\tbox-sizing: border-box;\n}\n\n.clPost h3 {\n\tmargin-top: 0.1em;\n\tmargin-bottom: 0.5em;\n}\n\n.clPost p {\n\tfont-size: smaller;\n\n\tmargin-top: 0.6em;\n\tmargin-bottom: 0.2em;\n}\n\n.clContainer {\n\tposition: relative;\n}\n\n.clContent {\n\tposition: relative;\n\n\tpadding: 1em;\n\tpadding-left: 8em;\n}\n\n.clImage {\n\t/* height: 10em; */\n\theight: 100%;\n\n\toverflow: hidden;\n\tborder-radius: 0.5em;\n\n\taspect-ratio: 4/3;\n\n\tposition: relative;\n\n\tpointer-events: none;\n\tposition: absolute;\n\tz-index: 0;\n\n\topacity: 0.8;\n}\n\n.clImage::before{\n\tcontent: '';\n\n\tbackground: \n\t\tlinear-gradient(to left, var(--color-paper), #00000000),\n\t\tlinear-gradient(to bottom, #00000000, #19aaee41);\n\n\twidth: 100%;\n\theight: 100%;\n\n\tdisplay: block;\n\tposition: absolute;\n}\n\n.clImage > img {\n\theight: 100%;\n}\n</style>","import script from \"./ChangelogBlog.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ChangelogBlog.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ChangelogBlog.vue?vue&type=style&index=0&id=55d1d8e1&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n\t<div class=\"welcomeContainer\">\n\t\t<div class=\"panel\">\n\t\t\t<h2>Вітаємо на оновленому EcoCity ✨</h2>\n\n\t\t\t<div style=\"margin-bottom: 2em;\">\n\t\t\t\t<p>\n\t\t\t\t\tПредставляємо вам альфа-версію нашого нового вебсайту. Він все ще \n\t\t\t\t\tперебуває в розробці тому деяких функцій тут може не вистачати.\n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tВи все ще можете перейти на нашу \n\t\t\t\t\t<a href=\"https://eco-city.org.ua\">класичну версію сайту</a>.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t\n\t\t\t<h3>Останні оновлення</h3>\n\t\t\t<div style=\"overflow-y: scroll; height: 15em; border-radius: 0.25em;\">\n\t\t\t\t<ChangelogBlog/>\n\t\t\t</div>\n\n\t\t\t<br/><br/>\n\n\t\t\t<div style=\"width:100%; display:flex; justify-content: center;\">\n\t\t\t\t<button \n\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\tstyle=\"\n\t\t\t\t\t\tfont-size: medium;\n\t\t\t\t\t\tborder: 1px solid #252525;\n\t\t\t\t\t\"\n\t\t\t\t\t@click=\"emit('closeClicked')\"\n\t\t\t\t>\n\t\t\t\t\tПогнали дивитись\n\t\t\t\t\t<FontAwesomeIcon :icon=\"faPlay\" style=\"margin-left: 0.3em;\"/>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { defineEmits } from 'vue'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faPlay } from '@fortawesome/free-solid-svg-icons'\n\nimport ChangelogBlog from './ChangelogBlog.vue';\n\nconst emit = defineEmits(['closeClicked'])\n</script>\n\n<style scoped>\n.welcomeContainer {\n\tposition: absolute;\n\ttop: 0px;\n\tleft: 0px; \n\n\twidth: 100%;\n\theight: 100%;\n\n\tz-index: 100;\n\n\tbackground-color: #000000AA;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\tpadding: 1em;\n\n\tbox-sizing: border-box;\n}\n\n.panel {\n\tbackground-color: var(--color-bg);\n\tborder-radius: 10px;\n\n\tborder: 1px solid var(--color-border);\n\n\tpadding: 1.5em;\n\n\tmax-width: 30em;\n}\n</style>","import script from \"./WelcomePanel.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./WelcomePanel.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./WelcomePanel.vue?vue&type=style&index=0&id=0721d072&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-0721d072\"]])\n\nexport default __exports__","<template>\n\t<div class=\"loading\" :class=\"{ hide: props.loadingStatus }\" v-if=\"showLoadingScreen\">\n\t\t<div v-if=\"showLoader\" class=\"lds-dual-ring\"></div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, defineProps, watch } from 'vue'\n\nconst props = defineProps({\n\tloadingStatus: Boolean,\n\tshowLoader: { \n\t\ttype: Boolean,\n\t\tdefault: false,\n\t\trequired: false\n\t}\n})\n\nconst showLoadingScreen = ref(true)\n\nwatch(props, (a) => {\n\tif (a.loadingStatus == true) {\n\t\tsetTimeout(() => {\n\t\t\tshowLoadingScreen.value = false\n\t\t}, 500);\n\t}\n})\n</script>\n\n<style scoped>\n.hide {\n\topacity: 0 !important;\n}\n\n.loading {\n\tbox-sizing: border-box;\n\n\tposition: fixed;\n\n\t/* top: 0px; */\n\t/* left: 0px; */\n\t\n\twidth: 100%;\n\theight: 100%;\n\n\tbackground-color: #101010;\n\n\t/* Must be less than navbar */\n\tz-index: 90;\n\n\t/* To shift behind navbar */\n\tmargin: -1em 0 -1em;\n\n\toverflow: hidden;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-direction: column;\n\n\topacity: 1;\n\n\ttransition: opacity 0.5s ease-in-out;\n}\n\n/* https://loading.io/css/ */\n.lds-dual-ring {\n\tdisplay: inline-block;\n\twidth: 80px;\n\theight: 80px;\n}\n\n.lds-dual-ring:after {\n\tcontent: \" \";\n\tdisplay: block;\n\twidth: 64px;\n\theight: 64px;\n\tmargin: 8px;\n\tborder-radius: 50%;\n\tborder: 6px solid #fff;\n\tborder-color: #fff transparent #fff transparent;\n\tanimation: lds-dual-ring 1.2s linear infinite;\n}\n\n@keyframes lds-dual-ring {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n</style>","import script from \"./LoadingScreen.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LoadingScreen.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LoadingScreen.vue?vue&type=style&index=0&id=ad3a307e&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ad3a307e\"]])\n\nexport default __exports__","<template>\n\t<div class=\"home\">\n\t\t<LoadingScreen :loadingStatus=\"dataLoaded\" :showLoader=true style=\"height: 100vh; margin: 0px\"/>\n\t\t<WelcomePanel v-if=\"isFirstVisit\" @closeClicked=\"setVisited()\"/>\n\t\t<div class=\"container\" style=\"display: flex;\">\n\t\t\t<StationInfo />\n\t\t\t<div class=\"controls\">\n\t\t\t\t<div class=\"topContainer\" style=\"margin-bottom: 10px;\">\n\t\t\t\t\t<Transition>\n\t\t\t\t\t\t<SearchOnMap\n\t\t\t\t\t\t\tv-show=\"SelectedStation.getInfo() == null\" \n\t\t\t\t\t\t\t@resultClicked=\"(l) => map.panToLocation(l)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Transition>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"centerContainer\"></div>\n\t\t\t</div>\n\t\t\t<PollutionMap ref=\"map\"/>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport PollutionMap from '@/components/PollutionMap.vue';\nimport StationInfo from '@/components/StationInfo.vue';\nimport SearchOnMap from '@/components/SearchOnMap.vue';\nimport WelcomePanel from '@/components/WelcomePanel.vue'\nimport LoadingScreen from '@/components/LoadingScreen.vue'\n\nimport { ref, watch, onMounted } from 'vue'\nimport { useUrlSearchParams } from '@vueuse/core'\nimport { useRoute } from 'vue-router'\n\nimport { SelectedStation } from '@/state/SelectedStation.js';\nimport { StationsData } from '@/state/StationsData.js';\n\nconst map = ref(null)\n\nconst params = useUrlSearchParams('history')\nconst route = useRoute()\n\n// Get station from URL\nfunction setStationFromUrl() {\n\t// Get UUID\n\tconst idFromUrl = route.query.station\n\n\t// Cancel if UUID not found in URL\n\tif (idFromUrl == null) return\n\n\t// Cancel if station already selected\n\tif (SelectedStation.station != null) return\n\n\tconst unwatch = watch(StationsData, () => {\n\t\t// Wait to stations data load\n\t\tif (StationsData.stations == null) return\n\t\n\t\t// Get station with UUID from URL\n\t\tconst station = StationsData.stations.find(e => e.id == idFromUrl)\n\t\n\t\tif (station != null) {\n\t\t\tconsole.log(\"Found URL param for station. Set station to: \" + station.id)\n\t\t\tSelectedStation.set(station)\n\t\t}\n\n\t\t// Disable watch\n\t\tunwatch()\n\t})\n}\n\n\nconst isFirstVisit = ref(false);\n\nconst checkFirstVisit = () => {\n\tconst visited = localStorage.getItem('visited');\n\tconsole.log(\"Visited: \" + visited)\n\tif (!visited) {\n\t\tisFirstVisit.value = true;\t\n\t} \n};\n\nconst setVisited = () => {\n\tisFirstVisit.value = false;\n\tlocalStorage.setItem('visited', 'true');\n}\n\n// Show welcome message \nonMounted(() => {\n\tcheckFirstVisit();\n\tsetStationFromUrl();\n\n\t// Update URL\n\twatch(SelectedStation, () => {\n\t\tif (SelectedStation.station != null) {\n\t\t\tparams.station = SelectedStation.station.id\n\t\t} else {\n\t\t\tparams.station = null\n\t\t}\n\t})\n})\n\nconst dataLoaded = ref(false)\n\n// Hide loading when stations loaded\nwatch(StationsData, () => {\n\tif (StationsData.stations != null) {\n\t\tsetTimeout(() => { dataLoaded.value = true }, 1000)\n\t}\n})\n</script>\n\n<style scoped>\n.home {\n\t/* To correctly size  */\n\tflex: 1 1 auto;\n    width: 100%;\n\toverflow-y: auto;\n}\n\n.container {\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n}\n\n.controls {\n\tposition: absolute;\n\tpadding: 15px;\n\tz-index: 10;\n\n\twidth: 100%;\n\theight: 100%;\n\n\tbox-sizing: border-box;\n\n\tpointer-events: none;\n}\n\n.controls > .topContainer {\n\twidth: 100%;\n\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n.controls > .topContainer > *{\n\tpointer-events: auto;\n}\n\n.controls > .centerContainer > *{\n\tpointer-events: auto;\n}\n.v-enter-active {\n\ttransition: opacity 0.5s ease 1s,\n\t\t\t\ttranslate 0.5s ease-out 1s;\n}\n.v-leave-active {\n\ttransition: opacity 0.5s ease,\n\t\t\t\ttranslate 0.5s ease-out;\n}\n\n.v-enter-from,\n.v-leave-to {\n\topacity: 0;\n\ttranslate: 0 -40px;\n}\n</style>","import script from \"./HomeView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HomeView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./HomeView.vue?vue&type=style&index=0&id=0da194f8&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-0da194f8\"]])\n\nexport default __exports__","\n// Change the end of a word based on a numerator\nexport function getStationWord(number) {\n    let word = \"станцій\";\n\n    if (number % 100 >= 11 && number % 100 <= 14) {\n        word = \"станцій\";\n    } else {\n        switch (number % 10) {\n            case 1:\n                word = \"станція\";\n                break;\n            case 2:\n            case 3:\n            case 4:\n                word = \"станції\";\n                break;\n            default:\n                word = \"станцій\";\n        }\n    }\n\n    return `${number} ${word}`;\n}","<template>\n\t<div class=\"regionItem\">\n\t\t<div class=\"regionName\">\n\t\t\t<div>\n\t\t\t\t<h2 style=\"margin: 0px;\">{{ region.name.replace(\" область\", \"\") }}</h2>\n\t\t\t\t<small>Всього встановлено {{ getStationWord(region.installed_stations) }}</small>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"regionPollutantsList\">\n\t\t\t<div\n\t\t\t\tv-for=\"v in region.pollutants\"\n\t\t\t\t:key=\"v.type\"\n\t\t\t\tclass=\"regionPollutant\"\n\t\t\t>\n\t\t\t\t<span>{{ v.type }}</span>\n\t\t\t\t<h3>{{ v.value != null ? v.value.toFixed(1) : \"-\" }}</h3>\n\t\t\t\t<small>{{ v.unit }}</small>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { defineProps, computed } from 'vue'\nimport { uaqiColors } from '@/modules/UAQI.js'\n\nimport { getStationWord } from '@/modules/Language.js'\n\nconst props = defineProps({\n\tregion: {\n\t\ttype: Object,\n\t\trequired: true\n\t}\n})\n\nconst levelColor = computed(() => {\n\treturn uaqiColors[props.region.level]\n})\n\n</script>\n\n<style scoped>\n.regionItem {\n\tdisplay: flex;\n\tflex-direction: row;\n\n\tbackground-color: var(--color-bg);\n\n\tpadding: 15px;\n\n\tborder-radius: 15px;\n\n\toverflow: hidden;\n\n\tuser-select: none;\n\tcursor: pointer;\n\n\tborder: 1px solid v-bind(levelColor);\n\n\t/* box-shadow: inset 0 0px 30px v-bin + 20); */\n\n\ttransition: background-color 0.3s ease-in-out,\n\t\t\t\tbox-shadow 0.5s ease-in-out,\n\t\t\t\ttranslate 0.3s ease-out;\n}\n\n.regionItem:hover {\n\tbackground-color: v-bind(levelColor + 20);\n\tbox-shadow: 0 2px 10px var(--color-bg);\n\ttranslate: 0 -5px;\n}\n\n.regionName {\n\twidth: 100%;\n\n\tmargin: -15px;\n\tpadding: 20px;\n\tpadding-left: 20px;\n\n\tdisplay: flex;\n\talign-items: center;\n\n\tbackground: linear-gradient(to right, v-bind(levelColor + \"60\"), #00000000);\n}\n\n/* Make block vertical */\n@media only screen and (max-width: 700px) {\n\t.regionItem {\n\t\tflex-direction: column;\n\t}\n\n\t.regionName {\n\t\tbackground: linear-gradient(v-bind(levelColor + \"60\"), #00000000);\n\t}\n}\n\n.regionPollutantsList {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n}\n\n.regionPollutant {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\n\twidth: 3.5em;\n\n\tpadding: 10px 10px;\n}\n\n@media only screen and (max-width: 520px) {\n\t.regionPollutant:last-child {\n\t\t/* display: none !important; */\n\t}\t\n}\n\n.regionPollutant > h3 {\n\tmargin: 0.2em;\n}\n</style>","import script from \"./RegionStatsItem.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RegionStatsItem.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RegionStatsItem.vue?vue&type=style&index=0&id=6d45c0dc&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6d45c0dc\"]])\n\nexport default __exports__","<template>\n\t<div class=\"contentContainer\">\n\t\t<LoadingScreen :loadingStatus=\"dataLoaded\" />\n\t\t<div class=\"content\">\n\t\t\t<GradientBackground :level=\"1\" />\n\t\t\t<br/>\n\t\t\t<h1>Статистика по областях</h1>\n\t\t\t<span>Тут представлений список областей та деяких міст. Що б отримати детальну статистику, натисніть на місто чи область, що вас зацікавила.</span>\n\t\t\t\n\t\t\t<br/><br/><br/>\n\n\t\t\t<div class=\"searchContainer\">\n\t\t\t\t<input \n\t\t\t\t\ttype=\"text\" \n\t\t\t\t\tv-model=\"searchText\"\n\t\t\t\t\tplaceholder=\"Пошук по назві...\"\n\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\tstyle=\"flex-grow: 1;\"\n\t\t\t\t>\n\t\t\t\t<div style=\"margin-left: 0.5em;\">\n\t\t\t\t\t<button \n\t\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t\tstyle=\"height: 100%; margin-right: 0.5em;\"\n\t\t\t\t\t\t@click=\"() => { sortType = 'name'; searchText = '' }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faArrowUpAZ\" />\n\t\t\t\t\t\t<span>За назвою</span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button \n\t\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t\tstyle=\"height: 100%\"\n\t\t\t\t\t\t@click=\"() => { sortType = 'level'; searchText = '' }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faArrowUpWideShort\" />\n\t\t\t\t\t\t<span>За забрудненням</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<br/>\n\t\t\t\n\t\t\t<div id=\"regionsList\">\n\t\t\t\t<RegionStatsItem \n\t\t\t\t\tv-for=\"r in regionsList\"\n\t\t\t\t\t:key=r.name\n\t\t\t\t\t:region=r\n\t\t\t\t\tstyle=\"margin-bottom: 1em;\"\n\t\t\t\t\t@click=\"router.push({ name: 'region', params: { id: r.name } })\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div v-if=\"regionsList.length == 0\" style=\"width: 100%; display: flex; justify-content: center;\">\n\t\t\t\t<div>\n\t\t\t\t\t<br><br>\n\t\t\t\t\tЩось тут нічого нема...\n\t\t\t\t\t<br><br>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watch, computed } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useFuse } from '@vueuse/integrations/useFuse'\n\nimport RegionStatsItem from '@/components/RegionStatsItem.vue';\nimport GradientBackground from '@/components/GradientBackground.vue'\nimport LoadingScreen from '@/components/LoadingScreen.vue'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';\nimport { faArrowUpAZ } from '@fortawesome/free-solid-svg-icons';\n// import { faArrowUpZA } from '@fortawesome/free-solid-svg-icons';\nimport { faArrowUpWideShort } from '@fortawesome/free-solid-svg-icons';\n// import { faArrowUpShortWide } from '@fortawesome/free-solid-svg-icons';\n\nimport { RegionsData } from '@/state/RegionsData.js'\nimport { uaqiColors } from '@/modules/UAQI';\n\nconst dataLoaded = ref(false)\n\nconst router = useRouter()\n\nconst searchText = ref('')\n\nconst fuseOptions = {\n\t// isCaseSensitive: false,\n\t// includeScore: false,\n\t// shouldSort: true,\n\t// includeMatches: false,\n\t// findAllMatches: false,\n\t// minMatchCharLength: 1,\n\t// location: 0,\n\t// threshold: 0.6,\n\t// distance: 100,\n\t// useExtendedSearch: false,\n\t// ignoreLocation: false,\n\t// ignoreFieldNorm: false,\n\t// fieldNormWeight: 1,\n\tkeys: [\n\t\t{ name: \"name\", weight: 2 },\n\t\t{ name: \"name_qwerty\", weight: 1 }\n\t]\n};\n\nconst sortType = ref(\"level\")\nconst sortReverse = ref(false)\n\nfunction ukrainianToQwerty(text) {\n\tconst qwerty = \"qwertyuiop[]asdfghjkl;'zcvbnm,./'\"\n\tconst ukr =    \"йцукенгшщзхїфівапролджєячсмитьбю.\"\n\n\tlet result = \"\";\n\n\tfor (const c of text) {\n\t\tif (ukr.includes(c)) {\n\t\t\tresult += qwerty[ukr.indexOf(c)]\n\t\t} else {\n\t\t\tresult += c\n\t\t}\n\t}\n\n\treturn result\n}\n\nconst regionsList = computed(() => {\n\tlet list = RegionsData.get()\n\n\tif (list == null) return []\n\n\tlist = list.map(e => ({ ...e, name_qwerty: ukrainianToQwerty(e.name) }))\n\n\tif (searchText.value != '') \n\t{\n\t\tconst { results: searchResults } = useFuse(searchText, list, { fuseOptions: fuseOptions })\n\n\t\tlist = searchResults.value.map(e => e.item)\n\t} \n\telse \n\t{\n\t\tlist = list.filter(e => e.online_stations > 0)\n\n\t\tlist.sort((a, b)  => {\n\t\t\tif (sortType.value == \"level\") {\n\t\t\t\treturn a.level - b.level\n\t\t\t} else {\n\t\t\t\tlet nameA = a.name.toLowerCase();\n\t\t\t\tlet nameB = b.name.toLowerCase();\n\n\t\t\t\tif (nameA > nameB) return -1\n\t\t\t\telse if (nameA < nameB) return 1\n\t\t\t\telse return 0\n\t\t\t}\n\t\t})\n\n\t\tif (!sortReverse.value) list.reverse()\n\t}\n\n\treturn list\n})\n\nonMounted(() => {\n\tif (RegionsData.isUpdateNeeded()) {\n\t\tRegionsData.update()\n\t\t\n\t\twatch(RegionsData, () => {\n\t\t\tdataLoaded.value = RegionsData.get() != null\n\t\t})\n\t} else {\n\t\tdataLoaded.value = true\n\t}\n})\n</script>\n\n<style scoped>\n.btn {\n\tbackground-color: #101010;\n\t/* font-size: medium; */\n\tborder: 1px solid v-bind(uaqiColors[1]);\n\n\t/* border-radius: 7px; */\n}\n\n@media only screen and (max-width: 520px) {\n\t.btn > span {\n\t\tdisplay: none;\n\t}\n}\n\n.text-box {\n\tbackground-color: #101010;\n\t/* font-size: medium; */\n\tborder: 1px solid v-bind(uaqiColors[1]);\n\n\t/* border-radius: 7px; */\n\t\n\tmargin: 0px;\n\twidth: auto;\n}\n\n.text-box:focus {\n\tbackground-color: #151515;\n}\n\n.searchContainer {\n\tdisplay: flex; \n\tflex-direction: row;\n}\n</style>","import script from \"./StatsView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StatsView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./StatsView.vue?vue&type=style&index=0&id=0c8765ac&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-0c8765ac\"]])\n\nexport default __exports__","<template>\n\t<div class=\"stationListItem\">\n\t\t<div class=\"infoContainer\" style=\"display: flex; align-items: center\">\n\t\t\t<FontAwesomeIcon :icon=\"getStationIcon(station)\" />\n\t\t\t<div style=\"margin-left: 1em;\">\n\t\t\t\t<div style=\"font-weight: bold;\">{{ station.name }}</div>\n\t\t\t\t<small>{{ station.address }}</small>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { defineProps, computed } from 'vue'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\n\nimport { uaqiColors } from '@/modules/UAQI.js'\nimport { getStationIcon } from '@/modules/StationIcon.js'\n\nconst props = defineProps({\n\tstation: {\n\t\ttype: Object,\n\t\trequired: true\n\t}\n})\n\nconst levelColor = computed(() => {\n\treturn uaqiColors[props.station.level]\n})\n\nconst levelColorDim = computed(() => {\n\treturn levelColor.value + \"40\"\n})\n</script>\n\n<style scoped>\n.stationListItem {\n\tbackground-color: var(--color-bg);\n\tborder-radius: 10px;\n\tpadding: 1em;\n\n\tborder: 1px solid v-bind(levelColor);\n\n\tdisplay: flex;\n\n\tuser-select: none;\n\tcursor: pointer;\n\n\toverflow: hidden;\n\n\t-webkit-tap-highlight-color: transparent;\n\n\ttransition: background-color 0.3s ease-in-out,\n\t\t\t\tbox-shadow 0.5s ease-in-out,\n\t\t\t\ttranslate 0.3s ease-out;\n}\n\n.stationListItem:hover {\n\tbackground-color: v-bind(levelColor + \"40\");\n\tbox-shadow: 0 2px 10px var(--color-bg);\n\ttranslate: 0 -2px;\n}\n\n.infoContainer {\n\tbackground: linear-gradient(to right, v-bind(levelColorDim), #00000000);\n\tmargin: -1em;\n\tpadding: 1em;\n}\n</style>","import script from \"./StationListItem.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StationListItem.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./StationListItem.vue?vue&type=style&index=0&id=14af92f4&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-14af92f4\"]])\n\nexport default __exports__","<template>\n\t<GoogleMap \n\t\tref=\"mapRef\"\n\t\tapi-key=\"AIzaSyBgVH0fE8NBe3dgXJzCU9v3be8Q0IcOvQM\" \n\t\tstyle=\"width: 100%; height: 100%\" \n\t\t:disableDefaultUi=true \n\t\t:clickableIcons=false \n\t\t:backgroundColor=\"'#212121'\"\n\t\tgestureHandling=\"none\"\n\t\t:styles=\"darkStyle\"\n\t>\n\t\t<Marker \n\t\t\tv-for=\"station in props.stations\"\n\t\t\t:key=\"station.id\"\n\t\t\t:options=\"{ \n\t\t\t\tposition: { lat: station.latitude, lng: station.longitude },\n\t\t\t\ticon: generateMarkerIcon(station.level, station.id == props.hoveredStationId),\n\t\t\t\tzIndex: station.id == props.hoveredStationId ? 10 : station.level\n\t\t\t}\"\n\t\t/>\n\t</GoogleMap>\n</template>\n\n<script setup>\n\nimport { ref, watch, defineProps } from 'vue'\n\nimport { Marker, GoogleMap } from 'vue3-google-map'\nimport { darkStyle } from '@/modules/GoogleMapStyle.js'\n\nimport { uaqiColors } from '@/modules/UAQI';\n\nconst props = defineProps({\n\tstations: Array,\n\thoveredStationId: String\n})\n\nconst mapRef = ref(null)\n\nfunction calculateBounds(markers) {\n    let bounds = new mapRef.value.api.LatLngBounds();\n\n    markers.forEach(marker => {\n        let latLng = new mapRef.value.api.LatLng(parseFloat(marker.latitude), parseFloat(marker.longitude));\n        bounds.extend(latLng);\n    });\n\n    return bounds;\n}\n\n// Watch for \"ready\" then do something with the API or map instance\nwatch(() => mapRef.value?.ready, (ready) => {\n\tif (!ready) return\n\n\tconsole.log(\"GOOGLE MAP is ready\")\n\n\tmapRef.value.map.fitBounds(calculateBounds(props.stations))\n})\n\nfunction generateMarkerIcon(level, hover) {\n\tconst stroke = (level != 0 ? 4 : (hover ? 3 : 0))\n\n\tconst svgMarker = {\n\t\tpath: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z\",\n\t\tfillColor: level != 0 ? uaqiColors[level] : \"#606060\",\n\t\tfillOpacity: 1,\n\t\tstrokeWeight: stroke,\n\t\tstrokeColor: hover ? \"#aaaaaa\" : \"#191919\",\n\t\trotation: 0,\n\t\tscale: level != 0 ? 0.035 : 0.015,\n\t\t// anchor: new mapRef.value.api.Point(200, 200)\n\t}\n\n\treturn svgMarker\n}\n\n</script>\n\n<style scoped>\n\n</style>","import script from \"./RegionMap.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RegionMap.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n\t<div\n\t\tclass=\"pollutantBox\"\n\t>\n\t\t<div>{{ pollutant.type }}</div>\n\t\t<h3>{{ pollutant.value != null ? pollutant.value.toFixed(1) : \"-\" }}</h3>\n\t\t<div>{{ pollutant.unit }}</div>\n\t\t<small style=\"margin-top: 1em; text-align: center;\">\n\t\t\t<span v-if=\"pollutant.stations_count\">\n\t\t\t\t{{ getStationWord(pollutant.stations_count) }}\n\t\t\t</span>\n\t\t\t<span v-else-if=\"pollutant.sensor\">\n\t\t\t\t{{ pollutant.sensor }}\n\t\t\t</span>\n\t\t</small>\n\t</div>\n</template>\n\n<script setup>\nimport { defineProps, computed } from 'vue'\n\nimport { getStationWord } from '@/modules/Language.js'\nimport { uaqiColors } from '@/modules/UAQI.js'\n\nconst props = defineProps({\n\tpollutant: Object\n})\n\nconst levelColor = computed(() => {\n\treturn uaqiColors[props.pollutant.level != null ? props.pollutant.level : 0]\n})\n</script>\n\n<style scoped>\n.pollutantBox {\n\tborder-radius: 5px;\n\tbackground: linear-gradient(to bottom, v-bind(levelColor + \"80\"), #00000000);\n\tborder: 1px solid v-bind(levelColor + \"A0\");\n\n\tpadding: 1em 1.2em;\n\tmargin-top: 0.2em;\n\tmargin-bottom: 0.2em;\n\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-grow: 2;\n\n\tmin-width: 4.5em;\n\n\tuser-select: none;\n\twidth: 100%;\n}\n\n.pollutantBox + .pollutantBox {\n\tmargin-left: 0.3em;;\n}\n\n.pollutantBox > h3 {\n\tmargin-top: 0.5em;\n\tmargin-bottom: 0.2em;\n}\n</style>","import script from \"./PollutantValue.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PollutantValue.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PollutantValue.vue?vue&type=style&index=0&id=79093c27&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-79093c27\"]])\n\nexport default __exports__","<template>\n\t<div class=\"calendarContainer\" ref=\"calendarContainer\">\n\t\t<table class=\"table\">\n\t\t\t<thead class=\"tableHeader\">\n\t\t\t\t<th\n\t\t\t\t\tv-for=\"e in calendarData.headerRow\"\n\t\t\t\t\t:key=\"e\"\n\t\t\t\t>\n\t\t\t\t\t<span>{{ e.text }}</span>\n\t\t\t\t</th>\n\t\t\t</thead>\n\t\t\t<tr \n\t\t\t\tv-for=\"weekDays in calendarData.dataTable\"\n\t\t\t\t:key=weekDays\n\t\t\t\tclass=\"tableRow\"\n\t\t\t>\n\t\t\t\t<td \n\t\t\t\t\tv-for=\"d in weekDays\"\n\t\t\t\t\t:key=d\n\t\t\t\t\t:class=\"{ rowHeader: d.rowName != null }\"\n\t\t\t\t>\n\t\t\t\t\t<span v-if=\"d.rowName != null\">\n\t\t\t\t\t\t{{ d.rowName }}\n\t\t\t\t\t</span>\n\t\t\t\t\t<div \n\t\t\t\t\t\tv-else-if=\"d.value != null\" \n\t\t\t\t\t\t:style=\"{ backgroundColor: uaqiCalendarColors[getValueByType(d.value)] }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<!-- {{ d.value.main }} -->\n\t\t\t\t\t\t<!-- <span style=\"font-size: xx-small;\">{{ d.date.substring(2, 10) }}</span> -->\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-else></div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\t</div>\n</template>\n\n<script setup>\n\nimport { ref, onMounted, defineProps, computed } from 'vue'\n\nimport { uaqiColors } from '@/modules/UAQI.js'\n\nconst uaqiCalendarColors = [ \"#151515\" ].concat(uaqiColors.slice(1))\n\nconst props = defineProps({\n\tdata: { type: Object },\n\ttype: { type: String, required: true }\n})\n\nfunction getValueByType(uaqi) {\n\tif (props.type == \"main\") \n\t\treturn uaqi.main\n\telse \n\t\treturn uaqi.categories[props.type]\n}\n\nfunction sortData(data) {\n\tlet entries = Object.entries(data)\n\tentries.sort((a, b) => new Date(a[0]) - new Date(b[0]));\n\n\tlet sortedData = {}\n\tfor (let [key, value] of entries) sortedData[key] = value\n\n\treturn sortedData\n}\n\nfunction adjustDataToStartFromMonday(data) {\n\tconst dates = Object.keys(data).map(date => new Date(date));\n\tconst firstDate = dates[0];\n\tconst firstDayOfWeek = ((firstDate.getDay() + 6) % 7);\n\n\tconst result = {};\n\n\tfor (let i = firstDayOfWeek; i > 0; i--) {\n\t\tconst newDate = new Date(firstDate);\n\t\tnewDate.setDate(newDate.getDate() - i);\n\t\tconst formattedDate = newDate.toISOString().split('T')[0];\n\t\tresult[formattedDate] = null;\n\t}\n\n\tObject.keys(data).forEach(date => {\n\t\tresult[date] = data[date];\n\t});\n\n\treturn result;\n}\n\nfunction adjustDataToHave365days(data) {\n\tconst dates = Object.keys(data).map(date => new Date(date))\n\tconst firstDate = dates[0]\n\n\tlet startDate = new Date(firstDate)\n\tstartDate.setDate(startDate.getDate() - (365 - dates.length))\n\n\t// Result object\n\tconst result = {};\n\n\t// Date iterator\n\tlet currentDate = new Date(startDate);\n\tcurrentDate.setHours(12, 0, 0)\n\n\twhile (currentDate <= firstDate) {\n\t\tconst formattedDate = currentDate.toISOString().split('T')[0];\n\t\tresult[formattedDate] = null;\n\n\t\t// Increment date\n\t\tcurrentDate.setDate(currentDate.getDate() + 1);\n\t\tcurrentDate.setHours(12, 0, 0)\n\t}\n\n\t// Create result object\n\tObject.keys(data).forEach(date => {\n\t\tresult[date] = data[date];\n\t});\n\n\treturn result;\n}\n\nfunction generateCalendarData(data) {\n\n\tconst dayNames = [\"Пн\", \"Вт\", \"Ср\", \"Чт\", \"Пт\", \"Сб\", \"Нд\"];\n\t\n\tconst dataTable = dayNames.map(day => [{ \"rowName\": day.toLowerCase() }]);\n\t\n\tfor (const [date, value] of Object.entries(data)) {\n\t\tconst dayIndex = ((new Date(date).getDay() + 6) % 7);\n\t\tdataTable[dayIndex].push({ \"value\": value, \"date\": date });\n\t}\n\n\treturn dataTable;\n}\n\nfunction generateHeaderForDataTable(dataTable) {\n\tconst firstRow = dataTable[0]\n\n\tlet headerRow = [ ]\n\n\tconst monthNames = [\"Січ\", \"Лют\", \"Бер\", \"Квіт\", \"Трав\", \"Черв\",\n\t\t\"Лип\", \"Серп\", \"Вер\", \"Жовт\", \"Лист\", \"Груд\"\n\t];\n\n\tconst firstDate = new Date(firstRow[1].date)\n\tconsole.log(\"firstDate\", firstDate)\n\n\tfirstRow.forEach(e => {\n\t\tif (e.date == null) {\n\t\t\t// headerRow.push({ text: \"D\" })\n\t\t\theaderRow.push({ text: \"\" })\n\t\t\treturn\n\t\t}\n\n\t\tfunction sameMonth(date1, date2) {\n\t\t\tif (date1 == null || date2 == null) return false\n\t\t\treturn date1.getMonth() == date2.getMonth() && date1.getFullYear() == date2.getFullYear()\n\t\t}\n\n\t\tconst date = new Date(e.date)\n\n\t\tif (sameMonth(date, firstDate) && date.getDate() > 14) {\n\t\t\t// headerRow.push({ text: \"S\" })\n\t\t\theaderRow.push({ text: \"\" })\n\t\t\treturn\n\t\t} \n\n\t\tconst monthName = monthNames[date.getMonth()]\n\n\t\tif (headerRow.find(e => sameMonth(e.date, date)) == null) {\n\t\t\theaderRow.push({ date: new Date(e.date), text: `${monthName}` })\n\t\t} else {\n\t\t\t// headerRow.push({ text: \"A\" })\n\t\t\theaderRow.push({ text: \"\" })\n\t\t}\n\t})\n\n\treturn headerRow\n}\n\n\n// Generate calendar data\nconst calendarData = computed(() => {\n\tlet defaultData = {}\n\tdefaultData[new Date().toISOString().split('T')[0]] = null\n\n\tlet data = props.data ?? defaultData\n\n\tdata = sortData(data)\n\n\tdata = adjustDataToHave365days(data)\n\n\tdata = sortData(data)\n\tdata = adjustDataToStartFromMonday(data)\n\n\tconst dataTable = generateCalendarData(data)\n\tconst headerRow = generateHeaderForDataTable(dataTable)\n\n\treturn { dataTable, headerRow }\n})\n\n// To scroll to end by default \nconst calendarContainer = ref(null);\n\nconst scrollToEnd = () => {\n\tconst container = calendarContainer.value;\n\tcontainer.scrollLeft = container.scrollWidth;\n};\n\nonMounted(() => {\n\tscrollToEnd()\n})\n</script>\n\n<style scoped>\n.calendarContainer {\n\t/* width: 100%; */\n\n\tuser-select: none;\n\n\toverflow-x: auto;\n\n\tbox-sizing: border-box;\n\n\tposition: relative;\n}\n\n.tableHeader > th {\n\toverflow: visible;\n\tmax-width: 1.2em;\n\twidth: 1.2em;\n\ttext-align: left;\n}\n\n.tableHeader > th > span {\n\tfont-size: small;\n\tfont-family: monospace;\n}\n\n.rowHeader {\n\tposition: absolute;\n\n\tfont-size: small;\n\tpadding: 0;\n}\n\n.table {\n\tfont-size: 10.5px;\n}\n\n.tableRow > td > div {\n\twidth: 1.2em;\n\theight: 1.2em;\n\n\tbackground-color: var(--color-paper);\n\n\tborder-radius: 3px;\n}\n\ntable, th, td {\n\tborder: 0px solid white;\n\tborder-collapse: collapse;\n}\n\ntd {\n\tpadding: 2px;\n}\n</style>","import script from \"./PollutionCalendar.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PollutionCalendar.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PollutionCalendar.vue?vue&type=style&index=0&id=25efd194&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-25efd194\"]])\n\nexport default __exports__","<template>\n\t<!-- <h3>{{ props.title }}</h3> -->\n\t<div ref=\"plot\"></div>\n</template>\n\n<script setup>\nimport Plotly from 'plotly.js-dist'\nimport { ref, defineProps, onMounted, watch, computed } from 'vue'\n\nconst props = defineProps({ \n\tdata: Object,\n\tlayout: Object,\n\ttitle: String,\n\tfixedRange: Boolean\n})\n\nconst plot = ref(null)\n\nconst defaultLayout = {\n\tautosize: true,\n\tmargin: { t: 10, b: 18, l: 52, r: 5, pad: 0 },\n\tplot_bgcolor: \"#050505\",\n\tpaper_bgcolor: \"#00000000\",\n\tfont: { color: 'white', family: 'monospace' },\n\tshowlegend: false,\n\ttitle: null\n}\n\nconst layout = computed(() => {\n\tlet finalLayout = defaultLayout\n\n\t// Merge with default settings\n\tif (props.layout != null) {\n\t\tfinalLayout = {...finalLayout, ...props.layout}\n\t}\n\n\tif (props.fixedRange) {\n\t\t// Create objects if null\n\t\tif (finalLayout.xaxis == null) finalLayout.xaxis = {}\n\t\tif (finalLayout.yaxis == null) finalLayout.xaxis = {}\n\n\t\t// Set fixed to both axes\n\t\tfinalLayout.xaxis.fixedrange = true\n\t\tfinalLayout.yaxis.fixedrange = true\n\t}\n\n\treturn finalLayout\n})\n\nconst settings = {\n\tdisplaylogo: false,\n\tmodeBarButtonsToRemove: [\n\t\t'zoom2d', \n\t\t'pan2d', \n\t\t'select2d', \n\t\t'lasso2d', \n\t\t'zoomIn2d', \n\t\t'zoomOut2d', \n\t\t// 'autoScale2d', \n\t\t'resetScale2d'\n\t]\n}\n\n// Plotly animation\n// const animation = {\n// \ttransition: {\n// \t\tduration: 500,\n// \t\teasing: 'cubic-in-out'\n// \t},\n// \tframe: {\n// \t\tduration: 500\n// \t}\n// }\n\nfunction renderChart() {\n\tPlotly.newPlot(plot.value, props.data, layout.value, settings);\n}\n\nfunction updateChart() {\n\tPlotly.react(plot.value, props.data, layout.value, settings);\n}\n\nonMounted(() => {\n\trenderChart()\n})\n\nwatch(props, () => {\n\t// layout.value.title = props.title\n\tupdateChart()\n})\n</script>\n\n<style scoped>\n\n</style>","import script from \"./PlotlyChart.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PlotlyChart.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n\t<div class=\"contentContainer\">\n\t\t<LoadingScreen :loadingStatus=\"dataLoaded\" />\n\t\t<div class=\"content\">\n\t\t\t<GradientBackground :level=\"region.level\"/>\n\t\t\t<div class=\"topControls\">\n\t\t\t\t<div>\n\t\t\t\t\t<button class=\"btn\" @click=\"router.push({ name: 'stats' })\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faAngleLeft\" />\n\t\t\t\t\t\t<span>Назад</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"navigationControls\">\n\t\t\t\t\t<button class=\"btn\" @click=\"goToSection(sectionRealtime)\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faCircleDot\" :fade=\"true\" />\n\t\t\t\t\t\t<span>Поточні дані</span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button class=\"btn\" @click=\"goToSection(sectionStatistics)\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faChartLine\" />\n\t\t\t\t\t\t<span>Статистика</span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button class=\"btn\" @click=\"goToSection(sectionStations)\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faListUl\" />\n\t\t\t\t\t\t<span>Станції</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<br />\n\t\t\t<h1>{{ region.name }}</h1>\n\t\t\t<div>\n\t\t\t\t<div v-if=\"region.online_stations > 0\">\n\t\t\t\t\tНаразі працює {{ getStationWord(region.online_stations) }} моніторингу\n\t\t\t\t</div>\n\t\t\t\t<div v-else>\n\t\t\t\t\tНа жаль, наразі в регіоні не працює ні одна станція і це дуже сумно...\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<br /><br />\n\t\t\t<div v-if=\"region.online_stations > 0\" ref=\"sectionRealtime\">\n\t\t\t\t<h2>Зараз повітря {{ uaqiDescriptions[region?.level]?.air }}</h2>\n\t\t\t\t<div class=\"textDim\">\n\t\t\t\t\t<p>{{ uaqiDescriptions[region?.level]?.description }}</p>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"pollutantsContainer\">\n\t\t\t\t\t<PollutantValue \n\t\t\t\t\t\tv-for=\"p in pollutantsFiltered\"\n\t\t\t\t\t\t:key=\"p\"\n\t\t\t\t\t\t:pollutant=p\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<h2>Рекомендації</h2>\n\t\t\t\t<p>\n\t\t\t\t\t<button \n\t\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t\tstyle=\"margin-right: 0.5em;\"\n\t\t\t\t\t\t:class=\"{ active: recommendationsType == 'all' }\"\n\t\t\t\t\t\t@click=\"recommendationsType = 'all'\"\n\t\t\t\t\t>\n\t\t\t\t\t\tДля всіх громадян\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faUserGroup\" />\n\t\t\t\t\t</button>\n\t\t\t\t\t<button \n\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\t:class=\"{ active: recommendationsType == 'risk' }\"\n\t\t\t\t\t\t@click=\"recommendationsType = 'risk'\">\n\t\t\t\t\t\tДля груп ризику\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faPersonCane\" />\n\t\t\t\t\t</button>\n\t\t\t\t</p>\n\t\t\t\t<div class=\"uaqiInfo\">\n\t\t\t\t\t<div \n\t\t\t\t\t\tclass=\"infoPanel\"\n\t\t\t\t\t\tv-for=\"r in recommendationsTemplate\"\n\t\t\t\t\t\t:key=\"r\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<h3>\n\t\t\t\t\t\t\t\t<FontAwesomeIcon :icon=\"r.icon\" />\n\t\t\t\t\t\t\t\t{{ r.name }}\n\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"textDim\">\n\t\t\t\t\t\t\t<small>\n\t\t\t\t\t\t\t<p \n\t\t\t\t\t\t\t\tstyle=\"margin-top: 0.2em; margin-bottom: 0.5em;\"\n\t\t\t\t\t\t\t\tv-for=\"l in r.recommendations.split('\\n')\" :key=\"l\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t• {{ l }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</small>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<br/>\n\t\t\t<div ref=\"sectionStatistics\">\n\t\t\t\t<h2>Статистика</h2>\n\t\t\t\t<div>\n\t\t\t\t\t\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3>Графік забруднення за останні 30 днів</h3>\n\t\n\t\t\t\t\t\t<div class=\"typeSelectButtons\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"btn outline\"\n\t\t\t\t\t\t\t\tv-for=\"p in region.pollutants?.filter(e => pollutantsToHide.includes(e.type) == false)\"\n\t\t\t\t\t\t\t\t:key=\"p\"\n\t\t\t\t\t\t\t\t:class=\"{ active: selectedGraph.type == p.type && selectedGraph.unit == p.unit}\"\n\t\t\t\t\t\t\t\t@click=\"selectedGraph = p\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ p.type }}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<PlotlyChart \n\t\t\t\t\t\t\t\t:data=dataMonth\n\t\t\t\t\t\t\t\t:title=\"'-'\"\n\t\t\t\t\t\t\t\t:layout=\"{ yaxis: { title: dataMonthTitle } }\"\n\t\t\t\t\t\t\t\t:fixedRange=true\n\t\t\t\t\t\t\t\tstyle=\"height: 18em;\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<br/>\n\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3>Календар забруднення за рік</h3>\n\n\t\t\t\t\t\t<div class=\"typeSelectButtons\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"btn outline\"\n\t\t\t\t\t\t\t\tv-for=\"t in calendarTypes\"\n\t\t\t\t\t\t\t\t:key=\"t\"\n\t\t\t\t\t\t\t\t:class=\"{ active: calendarType.type == t.type }\"\n\t\t\t\t\t\t\t\t@click=\"calendarType = t\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ t.name }}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div style=\"margin-top: 1em;\">\n\t\t\t\t\t\t\t<PollutionCalendar :data=\"calendarData\" :type=\"calendarType.type\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<br/>\n\t\t\t<div ref=\"sectionStations\">\n\t\t\t\t<h2>Станції</h2>\n\t\t\t\t<p>Всього в регіоні встановлено {{ getStationWord(region.installed_stations) }} </p>\n\t\t\t\t<div class=\"row\" v-if=\"region.installed_stations > 0\">\n\t\t\t\t\t<div class=\"col-xs-12 col-sm-6\" style=\"margin-bottom: 0.5em;\">\n\t\t\t\t\t\t<div class=\"stationList\" style=\"height: 20em;\">\n\t\t\t\t\t\t\t<StationListItem\n\t\t\t\t\t\t\t\tv-for=\"station in region.stations\"\n\t\t\t\t\t\t\t\t:key=\"station.id\"\n\t\t\t\t\t\t\t\t:station=\"station\"\n\t\t\t\t\t\t\t\tstyle=\"margin-bottom: 0.5em;\"\n\t\t\t\t\t\t\t\t@mouseover=\"hoveredStationId = station.id\" \n\t\t\t\t\t\t\t\t@click=\"router.push({ name: 'station', params: { id: station.id } })\"\n\t\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t</StationListItem>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-12 col-sm-6\" style=\"height: 20em;\">\n\t\t\t\t\t\t<RegionMap \n\t\t\t\t\t\t\tv-if=\"dataLoaded\"\n\t\t\t\t\t\t\t:stations=\"region.stations\" \n\t\t\t\t\t\t\t:hoveredStationId=\"hoveredStationId\"\n\t\t\t\t\t\t\tstyle=\"border-radius: 1em; overflow: hidden;\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<br/><br/><br/><br/>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, defineProps, onMounted, computed } from 'vue'\nimport { useRouter } from 'vue-router'\nimport axios from 'axios'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faAngleLeft } from '@fortawesome/free-solid-svg-icons'\nimport { faPersonCane } from '@fortawesome/free-solid-svg-icons'\nimport { faUserGroup } from '@fortawesome/free-solid-svg-icons'\nimport { faCircleDot } from '@fortawesome/free-solid-svg-icons'\nimport { faChartLine } from '@fortawesome/free-solid-svg-icons'\nimport { faListUl } from '@fortawesome/free-solid-svg-icons'\nimport { faHome } from '@fortawesome/free-solid-svg-icons'\nimport { faTreeCity } from '@fortawesome/free-solid-svg-icons'\nimport { faLungsVirus } from '@fortawesome/free-solid-svg-icons'\nimport { faCircleInfo } from '@fortawesome/free-solid-svg-icons'\n\nimport { uaqiColors } from '@/modules/UAQI.js'\nimport { uaqiDescriptions } from '@/modules/UAQI.js'\nimport { getStationWord } from '@/modules/Language.js'\n\nimport LoadingScreen from '@/components/LoadingScreen.vue'\nimport StationListItem from '@/components/StationListItem.vue'\nimport GradientBackground from '@/components/GradientBackground.vue'\nimport RegionMap from '@/components/RegionMap.vue'\nimport PollutantValue from '@/components/PollutantValue.vue'\nimport PollutionCalendar from '@/components/charts/PollutionCalendar.vue'\nimport PlotlyChart from '@/components/charts/PlotlyChart.vue'\n\nconst router = useRouter()\n\nconst props = defineProps({\n\tid: String\n})\n\nconst recommendationsType = ref(\"all\")\n\nconst recommendationsTemplate = computed(() => {\n\t// Get recommendations object\n\tconst recommendations = uaqiDescriptions[region.value?.level]?.recommendations\n\n\t// Skip if level is zero or no recommendations\n\tif (recommendations == null) return null\n\n\tlet template = [\n\t\t{\n\t\t\ttype: \"outdoor\",\n\t\t\tname: \"На вулиці\",\n\t\t\ticon: faTreeCity\n\t\t},\n\t\t{\n\t\t\ttype: \"indoor\",\n\t\t\tname: \"В приміщенні\",\n\t\t\ticon: faHome\n\t\t},\n\t\t{\n\t\t\ttype: \"in_case_of_symptoms\",\n\t\t\tname: \"При загостренні\",\n\t\t\ticon: faLungsVirus\n\t\t},\n\t\t{\n\t\t\ttype: \"additional\",\n\t\t\tname: \"Додатково\",\n\t\t\ticon: faCircleInfo\n\t\t}\n\t]\n\n\t// Remove from view if no recommendations\n\ttemplate = template.filter(e => (recommendations[e.type])?.[recommendationsType.value] != null)\n\n\t// Add recommendations texts\n\ttemplate = template.map(e => ({ ...e, recommendations: recommendations[e.type][recommendationsType.value] }))\n\n\treturn template\n})\n\nconst pollutantsToHide = [ \"Temperature\", \"Humidity\", \"Pressure\" ]\n\nconst pollutantsFiltered = computed(() => {\n\treturn [...region.value?.pollutants]?.filter(item => !pollutantsToHide.includes(item.type));\n})\n\nconst calendarTypes = [ \n\t{ type: \"main\", name: \"UAQI\" }, \n\t{ type: \"A\", name: \"Мікропил\" }, \n\t{ type: \"B\", name: \"Основні гази\" }, \n\t{ type: \"C\", name: \"Інші гази\" }, \n\t{ type: \"D\", name: \"Радіаційний фон\" } \n] \nconst calendarType = ref(calendarTypes[0])\n\nconst region = ref({})\n\nconst hoveredStationId = ref(null)\n\nconst sectionRealtime = ref(null)\nconst sectionStatistics = ref(null)\nconst sectionStations = ref(null)\n\nfunction goToSection(section) {\n\tsection.scrollIntoView({ behavior: 'smooth' })\n}\n\nconst dataLoaded = ref(false)\n\n// Load region data\nconst fetchData = async () => {\n\ttry {\n\t\t// const response = await axios.get(`/test_data/region${props.id}.json`)\n\t\tconst response = await axios.get(`/api/v1/region?region_name=${props.id}`)\n\t\tregion.value = response.data\n\n\t\tdataLoaded.value = true\n\t} catch (error) {\n\t\tconsole.error('Error fetching REGION: ', error)\n\t}\n}\n\nconst stationsGraphs = ref(null)\nconst calendarData = ref(null)\n\nconst selectedGraph = ref({ type: \"PM2.5\", unit: \"µg/m³\" })\nconst dataMonthTitle = computed(() => {\n\treturn selectedGraph.value.type + \" (\" + selectedGraph.value.unit + \")\"\n})\n\nconst dataMonth = computed(() => {\n\tif (stationsGraphs.value == null || stationsGraphs.value.stations.length < 1) return\n\n\tlet average = {\n\t\ty: [],\n\t\tx: stationsGraphs.value.timestamps,\n\t\tmarker: { color: '#bbb' },\n\t\tline: { width: 3 }, \n\t\tname: \"Середнє\"\n\t}\n\n\tlet data = []\n\t\n\tstationsGraphs.value.stations.forEach(e => {\n\t\t// FIXME: Ytor \n\t\tif (region.value.stations.find(s => s.id == e.id && s.service == true)) {\n\t\t\treturn\n\t\t}\n\n\t\tconst series = e.series.find(s => \n\t\t\ts.type == selectedGraph.value.type && \n\t\t\ts.unit == selectedGraph.value.unit\n\t\t)\n\n\t\tif (series == null) return\n\n\t\taverage.y.push(series.values)\n\n\t\tdata.push(\n\t\t\t{\n\t\t\t\tx: stationsGraphs.value.timestamps,\n\t\t\t\ty: series.values,\n\t\t\t\tmarker: { color: '#353540' },\n\t\t\t\tname: e.name\n\t\t\t}\n\t\t)\n\t})\n\n\tlet average_y = []\n\n\tconst arrayAverage = arr => {\n\t\tconst filtered = arr.filter(num => num !== null && num !== undefined)\n\t\treturn filtered.reduce((p, c) => p + c, 0) / filtered.length\n\t}\n\n\tfor (let i = 0; i < average.x.length; i++)\n\t{\n\t\taverage_y.push(arrayAverage(average.y.map(e => e[i])))\n\t}\n\n\taverage.y = average_y\n\n\tdata.push(average)\n\n\treturn data\n})\n\nconst fetchStats = async () => {\n\ttry {\n\t\tconst response = await axios.get(`/api/v1/graphs/average_30d_1d?region_name=${props.id}`)\n\t\tstationsGraphs.value = response.data\n\t} catch (error) {\n\t\tconsole.error('Error fetching STATS: ', error)\n\t}\n}\n\nconst fetchCalendar = async () => {\n\ttry {\n\t\tconst response = await axios.get(`/api/v1/graphs/average_365d_1d?region_name=${props.id}`)\n\t\tcalendarData.value = response.data\n\t} catch (error) {\n\t\tconsole.error('Error fetching CALENDAR: ', error)\n\t}\n}\n\nonMounted(async () => {\n\t// Load data\n\tawait fetchData()\n\tawait fetchStats()\n\tawait fetchCalendar()\n})\n</script>\n\n<style scoped>\n.comingSoon > * {\n\tfilter: blur(4px);\n\n\tpointer-events: none;\n}\n\n.comingSoon::before {\n\tcontent: \"Стане доступно незабаром :)\";\n\t\n\tposition: absolute;\n\twidth: 120px;\n\ttransform: translateY(40px);\n\tleft: 50%;\n\tmargin-left: -60px;\n\n\ttext-align: center;\n\n\tfont-weight: bold;\n\n\tz-index: 50;\n\n\tfilter: drop-shadow(0px 5px 10px #00000060)\n}\n\n.typeSelectButtons .btn {\n\tmargin-right: 5px;\n\tmargin-bottom: 0.2em;\n}\n\n\n.stationList {\n\toverflow-y: auto;\n\tpadding-top: 0.3em;\n\n\toverflow-y: overlay;\n}\n\n.topControls {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n\n.topControls > div .btn {\n\tbackground-color: #101010;\n\t/* font-size: medium; */\n\tborder: 1px solid v-bind(uaqiColors[region.level]);\n}\n\n.topControls > div .btn:hover {\n\tbackground-color: v-bind(uaqiColors[region.level]);\n\tcolor: white;\n\t/* font-size: medium; */\n}\n\n.navigationControls .btn + .btn {\n\tmargin-left: 0.5em;\n}\n\n.navigationControls {\n\tdisplay: flex;\n}\n\n@media only screen and (max-width: 520px) {\n\t.navigationControls > .btn > span {\n\t\tdisplay: none;\n\t}\n}\n\n.btn > svg {\n\tmargin-bottom: -0.5px;\n}\n\n.btn > span {\n\tmargin-left: 0.5em;\n}\n\n.textDim { \n\tcolor: var(--color-text-dim)\n}\n\n.uaqiInfo {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.pollutantsContainer {\n\tdisplay: flex; \n\tflex-direction: row; \n\t/* flex-wrap: wrap; */\n\n\toverflow-x: auto;\n}\n\n.infoPanel {\n\tbackground-color: var(--color-paper);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 5px;\n\tpadding: 1em;\n\n\twidth: 100%;\n\n\tbox-sizing: border-box;\n\n\tmargin-bottom: 0.5em;\n}\n\n.infoPanel h3 {\n\tmargin-top: 0.5em;\n\tmargin-bottom: 0.75em;\n}\n\n.infoPanel ul {\n\tmargin: 0;\n\tpadding-left: 1em;\n}\n\n.infoPanel li {\n\tmargin-bottom: 0.5em;\n}\n\n@media only screen and (min-width: 660px) {\n\t.uaqiInfo {\n\t\tflex-direction: row;\n\t}\n\n\t.infoPanel {\n\t\tmargin-bottom: 0px;\n\t}\n\n\t.infoPanel + .infoPanel {\n\t\tmargin-left: 0.5em;\n\t}\n}\n\n.graphContainer {\n\tbackground-color: #151515;\n\tborder-radius: 15px;\n}\n</style>","import script from \"./RegionView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RegionView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RegionView.vue?vue&type=style&index=0&id=40c46fb0&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-40c46fb0\"]])\n\nexport default __exports__","export function isSerialNumberValid(serial_number) {\n\tconst re = /^(?:\\d{7,8}|[A-Fa-f0-9]{12})$/\n\treturn re.test(serial_number)\n}\n\nexport function isLatValid(l) {\n\treturn l != null && l > 43.5 && l < 53.5\n}\n\nexport function isLonValid(l) {\n\treturn l != null && l > 22.2 && l < 40.3\n}\n\nexport function isAltValid(a) {\n\treturn a != null && a > 0.5 && a < 100\n}\n\nexport function isStationNameValid(n) {\n\treturn n != null && n.length > 0 && n.length <= 64\n}\n\nexport function isUserNameValid(name) {\n\treturn name != null && name.length > 2 && name.length <= 64\n}\n\nexport function isUrlValid(url) {\n\t//eslint-disable-next-line\n\tconst re = /https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#()?&//=]*)/\n\treturn url != null && url.length > 0 && re.test(url)\n}\n\nexport function isPhoneValid(phone) {\n\tconst re = /^(\\+?38\\s?)?\\(?0[5-9][0-9]\\)?[\\s-]?\\d{3}[\\s-]?\\d{2}[\\s-]?\\d{2}$/\n\treturn phone != null && phone.length > 0 && re.test(phone)\n}\n\nexport function isStationValid(station) {\n\tif (station == null) return false \n\n\treturn (\n\t\tisLatValid(station.latitude) &&\n\t\tisLonValid(station.longitude) &&\n\t\tisAltValid(station.installation_altitude) &&\n\t\tisStationNameValid(station.name)\n\t)\n}\n\nexport function isEmailValid(email) {\n\t//eslint-disable-next-line\n\tconst re = /^([a-z0-9_\\.\\+-]+)@([\\da-z\\.-]+)\\.([a-z\\.]{2,6})$/\n\treturn email != null && re.test(email)\n}","<template>\n\t<div class=\"contentContainer\">\n\t\t<div class=\"content\">\n\t\t\t<h1>Вхід до кабінету</h1> \n\t\t\t<p>Кабінет дозволяє вам керувати власними станціями моніторингу</p>\n\n\t\t\t<div class=\"noteBox\">\n\t\t\t\t<FontAwesomeIcon :icon=\"faTriangleExclamation\" style=\"font-size: x-large; padding-right: 0.5em\"/>\n\t\t\t\t<div>\n\t\t\t\t\t<div style=\"margin-bottom: 0.3em; font-weight: bold;\">\n\t\t\t\t\t\tЗареєстровані користувачі\n\t\t\t\t\t</div>\n\t\t\t\t\t<small>\n\t\t\t\t\t\tЯкщо ви були зареєстровані на сайті старої версії, вам\n\t\t\t\t\t\tтреба <router-link to=\"/password-recovery\">відновити пароль</router-link>\n\t\t\t\t\t\tперед тим, як входити в акаунт.\n\t\t\t\t\t</small>\n\t\t\t\t</div>\n\t\t\t</div><br/>\n\n\t\t\t<small v-show=\"showInvalid\" style=\"color: var(--color-bad)\">Перевірте правильність введених даних</small>\n\t\t\t\n\t\t\t<input \n\t\t\t\tv-model=\"email\" \n\t\t\t\ttype=\"text\" \n\t\t\t\tplaceholder=\"Введіть ваш e-mail\" \n\t\t\t\tclass=\"text-box\"\n\t\t\t\t:class=\"{ invalid: !isEmailValid(email) && showInvalid }\"\n\t\t\t\t@keyup.enter=\"passwordInput.focus()\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\tv-model=\"password\" \n\t\t\t\ttype=\"password\" \n\t\t\t\tplaceholder=\"Введіть ваш пароль\" \n\t\t\t\tclass=\"text-box\"\n\t\t\t\tref=\"passwordInput\"\n\t\t\t\t@keyup.enter=\"enterButton.click()\"\n\t\t\t>\n\t\t\t\n\t\t\t<div style=\"padding-top: 0.5em;\">\n\t\t\t\t<button \n\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t@click=\"enterButtonClick()\"\n\t\t\t\t\tref=\"enterButton\"\n\t\t\t\t>\n\t\t\t\t\tВхід\n\t\t\t\t\t<FontAwesomeIcon :icon=\"faRightToBracket\"/>\n\t\t\t\t</button>\n\t\t\t</div>\n\n\t\t\t<div style=\"display: flex; justify-content: center;\">\n\t\t\t\t<p>\n\t\t\t\t\t<router-link to=\"/register\">Зареєструватись</router-link> / \n\t\t\t\t\t<router-link to=\"/password-recovery\">Відновити пароль</router-link>\n\t\t\t\t</p>\n\t\t\t\t<br>\n\t\t\t</div>\n\n\t\t\t<div class=\"loginProviders\" style=\"display: flex; justify-content: center;\">\n\t\t\t\t<GoogleLogin :callback=\"googleLoginCallback\">\n\t\t\t\t\t<button class=\"btn\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faGoogle\"/>\n\t\t\t\t\t\tУвійти через Google\n\t\t\t\t\t</button>\n\t\t\t\t</GoogleLogin>\n\t\t\t</div>\n\n\t\t\t<br/>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { onMounted, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faGoogle } from '@fortawesome/free-brands-svg-icons'\nimport { faRightToBracket } from '@fortawesome/free-solid-svg-icons'\nimport { faTriangleExclamation } from '@fortawesome/free-solid-svg-icons'\n\nimport { User } from '@/state/User.js'\nimport { isEmailValid } from '@/modules/DataValidation'\n\nconst router = useRouter()\n\nconst passwordInput = ref(null)\nconst enterButton = ref(null)\n\nconst email = ref(\"\")\nconst password = ref(\"\")\n\nconst showInvalid = ref(false)\n\nasync function googleLoginCallback(response) {\n\tconsole.log(\"Handle the response\", response)\n\n\tif (await User.loginGoogle(response.code)) {\n\t\trouter.push({ name: 'cabinet' })\n\t} else {\n\t\twindow.alert(\"Не вдалось увійти.\")\n\t}\n}\n\nasync function enterButtonClick() {\n\tif (!isEmailValid(email.value)) {\n\t\tshowInvalid.value = true\n\t\treturn\n\t}\n\n\tconsole.log(\"LOGIN RUN\")\n\n\tif (await User.login(email.value, password.value)) {\n\t\trouter.push({ name: 'cabinet' })\n\t} else {\n\t\twindow.alert(\"Не вдалось увійти. Можливо ви ввели неправльний логін і пароль.\")\n\t}\n}\n\nwatch(User, () => {\n\tif (User.isAuthenticated()) {\n\t\trouter.push({ name: 'cabinet' })\n\t}\n})\n\nwatch(email, () => {\n\tif (showInvalid.value && isEmailValid(email.value)) showInvalid.value = false\n})\n\nonMounted(() => {\n\tif (router.currentRoute.value.query.token) {\n\t\tconsole.log(\"CONFIRM EMAIL\")\n\t\tconsole.log(router.currentRoute.value.query.token)\n\t\tUser.confirmEmail(router.currentRoute.value.query.token)\n\t}\n})\n</script>\n\n<style scoped>\n.content {\n\tmax-width: 24em;\n}\n\n.btn, .text-box {\n\tfont-size: medium;\n\t/* border-radius: 8px; */\n}\n\n.text-box.invalid {\n\tbackground-color: #7c2f2f;\n}\n\na { \n\tcolor: var(--color-primary);\n}\n\n.noteBox {\n\tborder-radius: 0.3em;\n\tbackground-color: #202530;\n\n\tpadding: 1em;\n\n\tdisplay: flex;\n\talign-items: center;\n}\n</style>","import script from \"./LoginView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LoginView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LoginView.vue?vue&type=style&index=0&id=65b08ea4&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-65b08ea4\"]])\n\nexport default __exports__","<template>\n\t<div>\n\t\t<div class=\"avatar\">\n\t\t\t<img\n\t\t\t\tv-if=\"User.profile?.logo != null\"\n\t\t\t\tclass=\"userLogo\"\n\t\t\t\t:src=\"'https://reborn.eco-city.org.ua/logos/' + User.profile?.logo\" \n\t\t\t\talt=\"user logo\" \n\t\t\t\t:style=\"{ opacity: imageLoaded ? 1 : 0 }\"\n\t\t\t\t@load=\"imageLoaded = true\"\n\t\t\t>\n\t\t\t<FontAwesomeIcon v-else style=\"font-size:xx-large; color: #404040;\" :icon=\"faUser\"/>\n\t\t</div>\n\t\t<Transition name=\"transition-height\">\n\t\t\t<div v-if=\"props.showUploadInput\" style=\"margin-top: 0.5em; overflow: hidden;\">\n\t\t\t\t<input type=\"file\" accept=\"image/*\" @change=\"handleFileChange\" />\n\t\t\t</div>\n\t\t</Transition>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, defineEmits, defineProps } from \"vue\";\nimport axios from \"axios\";\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\n\nimport { User } from '@/state/User.js'\nimport { faUser } from \"@fortawesome/free-solid-svg-icons\";\n\nconst emit = defineEmits(['imageChanged'])\nconst props = defineProps({ showUploadInput: Boolean })\n\nconst imageLoaded = ref(false)\n\nfunction handleFileChange(event) \n{\n\tconst file = event.target.files[0];\n\n\tif (file) \n\t{\n\t\tconst reader = new FileReader();\n\n\t\treader.onload = (e) => {\n\t\t\tconst img = new Image()\n\n\t\t\timg.onload = () => {\n\t\t\t\tconst canvas = document.createElement(\"canvas\")\n\t\t\t\tconst ctx = canvas.getContext(\"2d\")\n\n\t\t\t\t// Set the size of the canvas 512x512\n\t\t\t\tcanvas.width = 512\n\t\t\t\tcanvas.height = 512\n\n\t\t\t\t// Draw images on canvas with scaling\n\t\t\t\t// ctx.drawImage(img, 0, 0, 512, 512)\n\n\t\t\t\tdrawImageFill(img, ctx)\n\n\t\t\t\t// Convert the image to JPEG format\n\t\t\t\tcanvas.toBlob((blob) => {\n\t\t\t\t\tconst formData = new FormData()\n\t\t\t\t\tformData.append(\"data\", blob, \"profile.jpg\")\n\n\t\t\t\t\tuploadImage(formData)\n\t\t\t\t}, \"image/jpeg\")\n\t\t\t}\n\n\t\t\timg.src = e.target.result\n\t\t}\n\n\t\treader.readAsDataURL(file)\n\t}\n}\n\nfunction uploadImage(formData) \n{\n\tconsole.log(\"Sending image\" , formData)\n\n\taxios\n\t\t.patch(\"/api/v1/cabinet/profile_image\", formData, {\n\t\t\theaders: {\n\t\t\t\t\"Content-Type\": \"multipart/form-data\",\n\t\t\t},\n\t\t})\n\t\t.then(async (response) => {\n\t\t\tconsole.log(\"The image has been successfully sent:\", response.data);\n\t\t\temit('imageChanged')\n\t\t\tawait User.fetchProfile()\n\t\t\tUser.profile.logo = User.profile.logo + \"?time=\" + (new Date()).toISOString()\n\t\t})\n\t\t.catch((error) => {\n\t\t\tconsole.error(\"Image sending failed:\", error);\n\t\t\talert(\"Відбулась помилка завантаження(\\n\\nПовідомте розробників про цю неприємність.\")\n\t\t});\n\n}\n\n// https://stackoverflow.com/a/23105310\n/*\nfunction drawImageScaled(img, ctx) {\n\tvar canvas = ctx.canvas;\n\tvar hRatio = canvas.width / img.width;\n\tvar vRatio = canvas.height / img.height;\n\tvar ratio = Math.min(hRatio, vRatio);\n\tvar centerShift_x = (canvas.width - img.width * ratio) / 2;\n\tvar centerShift_y = (canvas.height - img.height * ratio) / 2;\n\tctx.clearRect(0, 0, canvas.width, canvas.height);\n\tctx.drawImage(img, 0, 0, img.width, img.height,\n\t\tcenterShift_x, centerShift_y, img.width * ratio, img.height * ratio);\n}*/\n\nfunction drawImageFill(img, ctx) {\n\tvar canvas = ctx.canvas;\n\n\t// get the scale\n\t// it is the min of the 2 ratios\n\tlet scaleFactor = Math.max(canvas.width / img.width, canvas.height / img.height);\n\n\t// Finding the new width and height based on the scale factor\n\tlet newWidth = img.width * scaleFactor;\n\tlet newHeight = img.height * scaleFactor;\n\n\t// get the top left position of the image\n\t// in order to center the image within the canvas\n\tlet x = (canvas.width / 2) - (newWidth / 2);\n\tlet y = (canvas.height / 2) - (newHeight / 2);\n\n\t// When drawing the image, we have to scale down the image\n\t// width and height in order to fit within the canvas\n\tctx.drawImage(img, x, y, newWidth, newHeight);\n}\n</script>\n\n<style scoped>\n.avatar {\n\twidth: 4em;\n\theight: 4em;\n\n\tborder-radius: 0.5em;\n\toverflow: hidden;\n\t\n\tbackground-color: #202020;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.userLogo {\n\twidth: 100%; \n\theight: 100%;\n\n\topacity: 0;\n\n\ttransition: opacity 0.2s ease;\n}\n\n.transition-height-enter-active,\n.transition-height-leave-active {\n\ttransition: max-height 0.5s ease-in-out;\n}\n\n.transition-height-enter-from,\n.transition-height-leave-to {\n\tmax-height: 0;\n}\n\n.transition-height-enter-to,\n.transition-height-leave-from {\n\tmax-height: 35px;\n}\n</style>","import script from \"./AvatarUpload.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AvatarUpload.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AvatarUpload.vue?vue&type=style&index=0&id=58aa6455&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-58aa6455\"]])\n\nexport default __exports__","<template>\n\t<div class=\"contentContainer\">\n\t\t<LoadingScreen :loadingStatus=\"dataLoaded\" />\n\t\t<div class=\"content\">\n\t\t\t<GradientBackground :level=\"1\" />\n\t\t\t<div class=\"topControls\">\n\t\t\t\t<div>\n\t\t\t\t\t<button class=\"btn\" @click=\"router.push({ name: 'home' })\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faAngleLeft\" />\n\t\t\t\t\t\t<span>Назад</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"navigationControls\">\n\t\t\t\t\t<button class=\"btn\" @click=\"logoutClick\">\n\t\t\t\t\t\tВихід\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faRightToBracket\"/>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<br />\n\t\t\t<h1>Кабінет</h1>\n\t\t\t<p>\n\t\t\t\tВітаємо у кабінеті! Тут ви можете керувати вашими станціями, \n\t\t\t\tреєструвати нові, та завантажувати архіви даних.\n\t\t\t</p>\n\t\t\t<br/>\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-xs-12 col-sm-6\">\n\t\t\t\t\t<h2>Налаштування акаунту</h2>\n\t\t\t\t\t<small>{{ User.profile?.email }}</small>\n\t\t\t\t\t<br/><br/>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<button v-if=\"!editProfile\" class=\"btn\" @click=\"editProfile = true\">\n\t\t\t\t\t\t\tРедагувати \n\t\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faPen\"/>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button v-else class=\"btn\" @click=\"saveProfileClick()\">\n\t\t\t\t\t\t\tЗберегти \n\t\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faFloppyDisk\"/>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<br/>\n\t\t\t\t\t<ImageUpload :show-upload-input=\"editProfile\"/>\n\t\t\t\t\t<br/>\n\t\t\t\t\t<div v-if=\"User.profile != null\" class=\"accountData\">\n\t\t\t\t\t\t<small>Ім'я / Назва організації: </small>\n\t\t\t\t\t\t<input \n\t\t\t\t\t\t\t:disabled=\"!editProfile\" \n\t\t\t\t\t\t\ttype=\"text\" \n\t\t\t\t\t\t\tclass=\"text-box\" \n\t\t\t\t\t\t\t:class=\"{ invalid: !nameValid }\"\n\t\t\t\t\t\t\tv-model=\"User.profile.full_name\"\n\t\t\t\t\t\t>\n\n\t\t\t\t\t\t<small>Вебсайт: </small>\n\t\t\t\t\t\t<input \n\t\t\t\t\t\t\t:disabled=\"!editProfile\" \n\t\t\t\t\t\t\ttype=\"url\" \n\t\t\t\t\t\t\tclass=\"text-box\" \n\t\t\t\t\t\t\t:class=\"{ invalid: !urlValid }\"\n\t\t\t\t\t\t\tv-model=\"User.profile.url\"\n\t\t\t\t\t\t>\n\n\t\t\t\t\t\t<small>Телефон: </small>\n\t\t\t\t\t\t<input \n\t\t\t\t\t\t\t:disabled=\"!editProfile\" \n\t\t\t\t\t\t\ttype=\"tel\" \n\t\t\t\t\t\t\tclass=\"text-box\" \n\t\t\t\t\t\t\t:class=\"{ invalid: !phoneValid }\"\n\t\t\t\t\t\t\tv-model=\"User.profile.phone\"\n\t\t\t\t\t\t>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-xs-12 col-sm-6\">\n\t\t\t\t\t<h2>Ваші станції</h2>\n\t\t\t\t\t<small>У вашій власності {{ getStationWord(User.stations != null ? User.stations.length : 0) }}</small>\n\t\t\t\t\t<br/><br/>\n\t\t\t\t\t<button class=\"btn\" @click=\"router.push({name:'add-station'})\">\n\t\t\t\t\t\tДодати\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faPlus\"/>\n\t\t\t\t\t</button>\n\t\t\t\t\t<br/><br/>\n\t\t\t\t\t<StationListItem \n\t\t\t\t\t\tv-for=\"s in User.stations\"\n\t\t\t\t\t\t:key=\"s.id\"\n\t\t\t\t\t\t:station=\"s\"\n\t\t\t\t\t\tstyle=\"margin-bottom: 0.5em;\"\n\t\t\t\t\t\t@click=\"router.push({ name: 'cabinet-station', params: { id: s.id } })\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tv-if=\"User.stations?.length == 0\"\n\t\t\t\t\t>\n\t\t\t\t\t\tВи поки не зареєстрували ні однієї станції(\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t\n\t\t\t<br/><br/>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watch, computed } from 'vue'\nimport { useRouter, onBeforeRouteLeave } from 'vue-router'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faRightToBracket } from '@fortawesome/free-solid-svg-icons'\nimport { faFloppyDisk } from '@fortawesome/free-solid-svg-icons'\nimport { faPlus } from '@fortawesome/free-solid-svg-icons'\nimport { faPen } from '@fortawesome/free-solid-svg-icons'\nimport { faAngleLeft } from '@fortawesome/free-solid-svg-icons'\n\nimport StationListItem from '@/components/StationListItem.vue'\nimport GradientBackground from '@/components/GradientBackground.vue'\nimport LoadingScreen from '@/components/LoadingScreen.vue'\nimport ImageUpload from '@/components/AvatarUpload.vue'\n\nimport { getStationWord } from '@/modules/Language.js'\nimport { uaqiColors } from '@/modules/UAQI.js'\nimport { User } from '@/state/User.js'\nimport { isPhoneValid, isUrlValid, isUserNameValid } from '@/modules/DataValidation.js'\n\nconst router = useRouter()\n\nconst editProfile = ref(false)\n\nconst dataLoaded = ref(false)\n\nasync function logoutClick() {\n\tawait User.logout()\n\trouter.push({ name: \"login\" })\n}\n\nasync function saveProfileClick() {\n\tif (nameValid.value && urlValid.value && phoneValid.value) {\n\t\tconst saved = await User.saveProfile()\n\n\t\tif (saved == false) {\n\t\t\twindow.alert(\"Дані не збережено! Перевірте правильність написання та відповідність формату.\")\n\t\t}\n\n\t\tUser.fetchProfile()\n\n\t\teditProfile.value = false\n\t}\n\telse\n\t{\n\t\twindow.alert(\"Перевірте правильність введених даних\")\n\t}\n}\n\nconst nameValid = computed(() => {\n\tconst name = User.profile.full_name\n\treturn isUserNameValid(name)\n})\n\nconst urlValid = computed(() => {\n\tconst url = User.profile.url\n\treturn isUrlValid(url) ||  url == null || url.length > 0\n})\n\nconst phoneValid = computed(() => {\n\tconst phone = User.profile.phone\n\treturn isPhoneValid(phone)\n})\n\nonMounted(() => {\n\tUser.fetchProfile()\n\tUser.fetchStations()\n})\n\nwatch(User, (u) => {\n\t// Detect data loaded\n\tif (u.profile != null) dataLoaded.value = true;\n\n\t// Sort stations\n\tif (u.stations != null) {\n\t\tu.stations.sort((a, b) => a.name.trim().localeCompare(b.name.trim()));\n\t\t// u.stations.sort((a, b) => a.last_online.trim().localeCompare(b.last_online.trim()));\n\t}\n})\n\nonBeforeRouteLeave(() => {\n\tif (editProfile.value) {\n\t\tconst answer = window.confirm(\n\t\t\t'Схоже ви не зберегли Впевнені що хочете покинути сторінку?'\n\t\t)\n\t\t// cancel the navigation and stay on the same page\n\t\tif (!answer) return false\n\t}\n})\n</script>\n\n<style scoped>\nh2 {\n\tmargin-bottom: 0.2em;\n}\n\n.topControls {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n\n.topControls > div .btn {\n\tbackground-color: #101010;\n\t/* font-size: medium; */\n\tborder: 1px solid v-bind(uaqiColors[1]);\n}\n\n.topControls > div .btn:hover {\n\tbackground-color: v-bind(uaqiColors[1]);\n\tcolor: white;\n\t/* font-size: medium; */\n}\n\n.navigationControls .btn + .btn {\n\tmargin-left: 0.5em;\n}\n\n.navigationControls {\n\tdisplay: flex;\n}\n\n@media only screen and (max-width: 520px) {\n\t.navigationControls > .btn > span {\n\t\tdisplay: none;\n\t}\n}\n\n.btn > svg {\n\tmargin-bottom: -0.5px;\n}\n\n.btn > span {\n\tmargin-left: 0.5em;\n}\n\n.accountData .text-box:disabled {\n\tbackground-color: #00000000;\n\tcolor: var(--color-text);\n\tpadding-left: 0px;\n\tfont-weight: 700;\n\n\tpadding-top: 0.1em;\n\tpadding-bottom: 0.1em;\n}\n\n.accountData .text-box {\n\tfont-size: medium;\n\ttransition: all 0.5s ease-in-out;\n\n\tfont-weight: normal;\n\n\tmargin-bottom: 1em;\n}\n\n.accountData .invalid {\n\tbackground-color: #7c2f2f;\n}\n\n.noteBox {\n\tborder-radius: 0.3em;\n\tbackground-color: var(--color-paper);\n\n\tpadding: 1em;\n\n\tdisplay: flex;\n\talign-items: center;\n}\n</style>","import script from \"./CabinetView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CabinetView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CabinetView.vue?vue&type=style&index=0&id=3feb9a90&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3feb9a90\"]])\n\nexport default __exports__","<template>\n\t<div class=\"contentContainer\">\n\t\t<LoadingScreen :loadingStatus=\"dataLoaded\" />\n\t\t<div class=\"content\">\n\t\t\t<GradientBackground :level=\"stationData?.uaqi?.main\"/>\n\t\t\t<div class=\"topControls\">\n\t\t\t\t<div>\n\t\t\t\t\t<button class=\"btn\" @click=\"router.go(-1)\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faAngleLeft\" />\n\t\t\t\t\t\t<span>Назад</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"navigationControls\">\n\t\t\t\t\t<button class=\"btn\" @click=\"goToSection(sectionRealtime)\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faCircleDot\" :fade=\"true\" />\n\t\t\t\t\t\t<span>Поточні дані</span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button class=\"btn\" @click=\"goToSection(sectionStatistics)\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faChartLine\" />\n\t\t\t\t\t\t<span>Статистика</span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button class=\"btn\" @click=\"goToSection(sectionArchives)\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faFileZipper\" />\n\t\t\t\t\t\t<span>Архіви</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<br />\n\t\t\t\n\t\t\t<h1>\n\t\t\t\t<FontAwesomeIcon :icon=\"getStationIcon(stationData)\" />\n\t\t\t\t{{ stationData?.name }}\n\t\t\t</h1>\n\t\t\t<p>Станція моніторингу якості повітря</p>\n\t\t\t<br/>\n\t\t\t\n\t\t\t<div ref=\"sectionRealtime\">\n\t\t\t\t<h2>Поточні дані</h2>\n\n\t\t\t\t<div v-if=\"showRealtime\">\n\t\t\t\t\t<p>Значення забрудників на момент {{ stationData?.last_online }}</p>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"pollutantsContainer\">\n\t\t\t\t\t\t<PollutantValue \n\t\t\t\t\t\t\tv-for=\"p in pollutantsFiltered\"\n\t\t\t\t\t\t\t:key=\"p\"\n\t\t\t\t\t\t\t:pollutant=p\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div v-else>\n\t\t\t\t\t<p>Станція востаннє була онлайн занадто давно(</p>\n\t\t\t\t</div>\n\t\t\t\t<br/>\n\t\t\t</div>\n\t\t\t\n\t\t\t<div ref=\"sectionStatistics\">\n\t\t\t\t<h2>Статистика</h2>\n\n\t\t\t\t<div v-if=\"average_30d_1d != null\">\n\t\t\t\t\t<p>Статистика на основі даних з {{ dataLimits?.start }} до {{ dataLimits?.end }}</p>\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"typeSelectButtons\">\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"btn outline\"\n\t\t\t\t\t\t\tv-for=\"s in average_30d_1d?.series\"\n\t\t\t\t\t\t\t:key=\"s\"\n\t\t\t\t\t\t\t:class=\"{ active: monthSeries == s}\"\n\t\t\t\t\t\t\t@click=\"monthSeries = s; dataMonthTitle = s.type + ' (' + s.unit + ')'\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ s.type }}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<br/>\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-xs-12 col-sm-6\">\n\t\t\t\t\t\t\t<h3 style=\"margin-bottom: 0.3em;\">Усереднені дані по днях</h3>\n\t\t\t\t\t\t\t<div style=\"margin-bottom: 1.2em;\">за останні 30 днів</div>\n\t\t\t\t\t\t\t<PlotlyChart \n\t\t\t\t\t\t\t\t:data=dataMonth \n\t\t\t\t\t\t\t\t:layout=\"{ yaxis: { title: dataMonthTitle, overlaying: 'y2' }, yaxis2: { side: 'right', fixedrange: true, visible: false } }\"\n\t\t\t\t\t\t\t\t:title=dataMonthTitle \n\t\t\t\t\t\t\t\t:fixedRange=true\n\t\t\t\t\t\t\t\tstyle=\"height: 13em;\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"col-xs-12 col-sm-6\">\n\t\t\t\t\t\t\t<h3 style=\"margin-bottom: 0.3em;\">По днях тижня</h3>\n\t\t\t\t\t\t\t<div style=\"margin-bottom: 1.2em;\">за останні 30 днів</div>\n\t\t\t\t\t\t\t<PlotlyChart \n\t\t\t\t\t\t\t\t:data=weekdayData \n\t\t\t\t\t\t\t\t:layout=\"{ yaxis: { title: dataMonthTitle }}\"\n\t\t\t\t\t\t\t\t:title=dataMonthTitle \n\t\t\t\t\t\t\t\t:fixedRange=true\n\t\t\t\t\t\t\t\tstyle=\"height: 13em;\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<br/>\n\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t<div class=\"col-xs-12 col-sm-6\">\n\t\t\t\t\t\t\t<h3 style=\"margin-bottom: 0.3em;\">По часу доби</h3>\n\t\t\t\t\t\t\t<div style=\"margin-bottom: 1.2em;\">за останні 7 днів</div>\n\t\t\t\t\t\t\t<PlotlyChart \n\t\t\t\t\t\t\t\t:data=daytimeData \n\t\t\t\t\t\t\t\t:layout=\"{ yaxis: { title: dataMonthTitle }}\"\n\t\t\t\t\t\t\t\t:title=dataMonthTitle \n\t\t\t\t\t\t\t\t:fixedRange=true\n\t\t\t\t\t\t\t\tstyle=\"height: 13em;\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"col-xs-12 col-sm-6\">\n\t\t\t\t\t\t\t<h3 style=\"margin-bottom: 0.3em;\">Гістограма значень</h3>\n\t\t\t\t\t\t\t<div style=\"margin-bottom: 1.2em;\">за останні 7 днів</div>\n\t\t\t\t\t\t\t<PlotlyChart \n\t\t\t\t\t\t\t\t:data=histogramData \n\t\t\t\t\t\t\t\t:layout=\"{ yaxis: { title: 'Кількість значень' }, /*xaxis: { title: dataMonthTitle }*/}\"\n\t\t\t\t\t\t\t\t:title=dataMonthTitle \n\t\t\t\t\t\t\t\t:fixedRange=true\n\t\t\t\t\t\t\t\tstyle=\"height: 13em;\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div v-else>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tСтанція востаннє була онлайн настільки давно, що в нас \n\t\t\t\t\t\tнема даних навіть за останній місяць(\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t\t<br/><br/>\n\t\t\t</div>\n\n\t\t\t<div ref=\"sectionArchives\">\n\t\t\t\t<h2>Завантаження архівів даних</h2>\n\t\t\t\t<p>\n\t\t\t\t\tКолись тут буде можливість завантажити дані зі станції)\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t\n\t\t\t<br/><br/>\n\t\t\t<br/><br/>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, defineProps, onMounted, computed } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport LoadingScreen from '@/components/LoadingScreen.vue'\nimport GradientBackground from '@/components/GradientBackground.vue'\nimport PlotlyChart from '@/components/charts/PlotlyChart.vue'\nimport PollutantValue from '@/components/PollutantValue.vue'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faAngleLeft } from '@fortawesome/free-solid-svg-icons'\nimport { faCircleDot } from '@fortawesome/free-solid-svg-icons'\nimport { faChartLine } from '@fortawesome/free-solid-svg-icons'\nimport { faFileZipper } from '@fortawesome/free-solid-svg-icons'\n\nimport { uaqiColors } from '@/modules/UAQI.js'\nimport { getStationIcon } from '@/modules/StationIcon'\n\nimport axios from 'axios'\nimport { differenceInHours } from 'date-fns';\n\nconst router = useRouter()\n\nconst props = defineProps({ id: String })\n\nconst sectionRealtime = ref(null)\nconst sectionStatistics = ref(null)\nconst sectionArchives = ref(null)\n\nfunction goToSection(section) {\n\tsection.scrollIntoView({ behavior: 'smooth' })\n}\n\nconst pollutantsToHide = [ \"Temperature\", \"Humidity\", \"Pressure\" ]\n\nconst pollutantsFiltered = computed(() => {\n\tif (stationData.value == null) return []\n\treturn [...stationData.value.current_values]?.filter(e => !pollutantsToHide.includes(e.type));\n})\n\nconst showRealtime = computed(() => {\n\tif (stationData.value == null) return false\n\n\tconst diffInHours = differenceInHours(stationData.value.last_online, new Date());\n\n\treturn diffInHours > -3\n})\n\n\nconst graph1Loaded = ref(false)\nconst graph2Loaded = ref(false)\n\nconst dataLoaded = computed(() => {\n\treturn graph1Loaded.value && graph2Loaded.value\n})\n\nconst average_48h_1h = ref(null)\nconst average_30d_1d = ref(null)\nconst average_7d_20min = ref(null)\nconst stationData = ref(null)\n\nconst dataLimits = ref(null)\n\nconst fetchAvg48 = async () => {\n\ttry {\n\t\tconst response = await axios.get(`/api/v1/graphs/average_48h_1h?station_id=${props.id}`)\n\n\t\tif (response.data?.series?.length == 0) {\n\t\t\tconsole.warn(\"average_48h_1h data empty\")\n\t\t} else {\n\t\t\taverage_48h_1h.value = response.data\n\t\t}\n\t} catch (error) {\n\t\tconsole.error('Error fetching GRAPH: ', error)\n\t}\n\n\tgraph1Loaded.value = true\n}\n\nconst fetchAvg30 = async () => {\n\ttry {\n\t\tconst response = await axios.get(`/api/v1/graphs/average_30d_1d?station_id=${props.id}`)\n\n\t\tif (response.data?.series?.length == 0) {\n\t\t\tconsole.warn(\"average_30d_1d data empty\")\n\t\t} else {\n\t\t\taverage_30d_1d.value = response.data\n\t\n\t\t\tmonthSeries.value = average_30d_1d.value.series[0]\n\t\t\tdataMonthTitle.value = average_30d_1d.value.series[0].type + \" (\" + average_30d_1d.value.series[0].unit + \")\"\n\t\n\t\t\tdataLimits.value = { \n\t\t\t\tstart: average_30d_1d.value.timestamps.at(0).substring(0, 10),\n\t\t\t\tend: average_30d_1d.value.timestamps.at(-1).substring(0, 10)\n\t\t\t}\n\t\t}\n\t} catch (error) {\n\t\tconsole.error('Error fetching GRAPH: ', error)\n\t}\n\n\tgraph2Loaded.value = true\n}\n\nconst fetchAvg20 = async () => {\n\ttry {\n\t\tconst response = await axios.get(`/api/v1/graphs/average_7d_20min?station_id=${props.id}`)\n\n\t\tif (response.data?.series?.length == 0) {\n\t\t\tconsole.warn(\"average_7d_20min data empty\")\n\t\t} else {\n\t\t\taverage_7d_20min.value = response.data\n\t\t}\n\t} catch (error) {\n\t\tconsole.error('Error fetching GRAPH: ', error)\n\t}\n}\n\nconst fetchStation = async () => {\n\ttry {\n\t\tconst response = await axios.get(`/api/v1/station?id=${props.id}`)\n\t\tstationData.value = response.data\n\t} catch (error) {\n\t\tconsole.error('Error fetching STATION: ', error)\n\t}\n}\n\n// function getColor(v, levels) {\n\t\n// \tlet resultLevel = 0\n\n// \tfor (let level in levels) {\n// \t\tif (v < level) break\n// \t\telse resultLevel++\n// \t}\n\t\n// \treturn uaqiColors[resultLevel]\n// }\n\nconst monthSeries = ref(null)\nconst dataMonthTitle = ref(\"\")\n\nconst dataMonth = computed(() => {\n\tif (average_30d_1d.value == null) return null\n\n\tconst values = monthSeries.value.values\n\tconst counts = monthSeries.value.counts\n\n\tconst data = [\n\t{\n\t\t\tx: average_30d_1d.value.timestamps,\n\t\t\ty: counts,\n\t\t\tmarker: { color: '#151515' },\n\t\t\ttype: \"bar\",\n\t\t\tyaxis: 'y2',\n\t\t\tname: \"Кількість\",\n\t\t\thoverinfo: \"none\"\n\t\t},\n\t\t{\n\t\t\tx: average_30d_1d.value.timestamps,\n\t\t\ty: values.map(v => v?.toFixed(2)),\n\t\t\tmarker: { color: '#bbb' },\n\t\t\tname: monthSeries.value.type\n\t\t}\n\t]\n\n\treturn data\n})\n\nconst weekdayData = computed(() => {\n\tif (average_30d_1d.value == null) return null\n\n\tconst timestamps = average_30d_1d.value.timestamps\n\tconst data = monthSeries.value\n\n\t// Feature to get the day of the week\n\tfunction getDayOfWeek(dateString) {\n\t\tconst date = new Date(dateString);\n\n\t\t// TODO: Remake to day number\n\t\treturn date.toLocaleString('uk-UA', { weekday: 'long' });\n\t}\n\n\t// Create an object to save data on the days of the week\n\tconst weekData = {};\n\n\ttimestamps.forEach((timestamp, index) => {\n\t\tif (data.values[index] !== null) {\n\t\t\tconst dayOfWeek = getDayOfWeek(timestamp);\n\t\t\tif (!weekData[dayOfWeek]) {\n\t\t\t\tweekData[dayOfWeek] = [];\n\t\t\t}\n\t\t\tweekData[dayOfWeek].push(data.values[index]);\n\t\t}\n\t});\n\n\t// The order of days of the week\n\tconst orderedDays = [\"понеділок\", \"вівторок\", \"середа\", \"четвер\", \"пʼятниця\", \"субота\", \"неділя\"];\n\tconst daysShortNames = {\"понеділок\": \"пн\", \"вівторок\": \"вт\", \"середа\": \"ср\", \"четвер\": \"чт\", \"пʼятниця\": \"пт\", \"субота\": \"сб\", \"неділя\": \"нд\"};\n\n\t// Form data for boxing\n\tconst plotData = orderedDays.map(day => ({\n\t\ty: weekData[day] || [],\n\t\ttype: 'box',\n\t\tmarker: { color: '#bbb' },\n\t\tname: daysShortNames[day]\n\t}));\n\n\treturn plotData\n})\n\nconst daytimeData = computed(() => {\n\tif (average_7d_20min.value == null) return null\n\n\tconst data = average_7d_20min.value\n\n\tconst timestamps = data.timestamps.map(timestamp => new Date(timestamp));\n\tconst hours = timestamps.map(date => date.getHours());\n\n\tconst series = data.series.find(s => \n\t\ts.type == monthSeries.value.type &&\n\t\ts.unit == monthSeries.value.unit &&\n\t\ts.sensor == monthSeries.value.sensor\n\t)\n\n\tif (series == null) {\n\t\tconsole.error(\"Series not found\")\n\t\treturn []\n\t}\n\n\tconst values = series.values;\n\n\t// Grouping values by hour \n\tconst hourGroups = {};\n\thours.forEach((hour, index) => {\n\t\tif (!hourGroups[hour]) {\n\t\t\thourGroups[hour] = [];\n\t\t}\n\t\thourGroups[hour].push(values[index]);\n\t});\n\n\t// Data preparation for Plotly\n\tconst plotData = Object.keys(hourGroups).map(hour => ({\n\t\ty: hourGroups[hour],\n\t\tname: hour,\n\t\tmarker: { color: '#bbb' },\n\t\ttype: \"box\"\n\t}));\n\n\treturn plotData\n})\n\nconst histogramData = computed(() => {\n\tif (average_7d_20min.value == null) return null\n\n\tconst series = average_7d_20min.value.series.find(s =>\n\t\ts.type == monthSeries.value.type &&\n\t\ts.unit == monthSeries.value.unit &&\n\t\ts.sensor == monthSeries.value.sensor\n\t)\n\n\tif (series == null) {\n\t\tconsole.error(\"Series not found\")\n\t\treturn []\n\t}\n\n\tconst plotData = [\n\t\t{\n\t\t\tx: series.values,\n\t\t\ttype: \"histogram\",\n\t\t\tmarker: {\n\t\t\t\tcolor: \"#bbb7\",\n\t\t\t\tline: {\n\t\t\t\t\tcolor: \"#bbb\",\n\t\t\t\t\twidth: 2\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t];\n\n\treturn plotData\n})\n\nonMounted(() => {\n\tfetchStation()\n\n\tfetchAvg30()\n\tfetchAvg48()\n\tfetchAvg20()\n})\n</script>\n\n<style scoped>\n.typeSelectButtons .btn {\n\tmargin-right: 5px;\n\tmargin-bottom: 0.2em;\n}\n\n.topControls {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n\n.topControls > div .btn {\n\tbackground-color: #101010;\n\t/* font-size: medium; */\n\tborder: 1px solid v-bind(uaqiColors[stationData?.uaqi?.main]);\n}\n\n.topControls > div .btn:hover {\n\tbackground-color: v-bind(uaqiColors[stationData?.uaqi?.main]);\n\tcolor: white;\n\t/* font-size: medium; */\n}\n\n.navigationControls .btn + .btn {\n\tmargin-left: 0.5em;\n}\n\n.navigationControls {\n\tdisplay: flex;\n}\n\n@media only screen and (max-width: 520px) {\n\t.navigationControls > .btn > span {\n\t\tdisplay: none;\n\t}\n}\n\n.topControls .btn > svg {\n\tmargin-bottom: -0.5px;\n}\n\n.topControls .btn > span {\n\tmargin-left: 0.5em;\n}\n\n.pollutantsContainer {\n\tdisplay: flex; \n\tflex-direction: row; \n\t/* flex-wrap: wrap; */\n\n\toverflow-x: auto;\n}\n</style>","import script from \"./StationView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./StationView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./StationView.vue?vue&type=style&index=0&id=31bd00a6&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-31bd00a6\"]])\n\nexport default __exports__","<template>\n\t<div class=\"contentContainer\">\n\t\t<div v-if=\"resetSend == false\" class=\"content\">\n\t\t\t<h1>Відновлення паролю</h1> \n\t\t\t<p>\n\t\t\t\tПісля надсилання запиту на відновлення паролю, вам прийде лист\n\t\t\t\tна вказану електронну пошту з інструкціями.\n\t\t\t</p>\n\t\t\t<input \n\t\t\t\tv-model=\"email\" \n\t\t\t\ttype=\"email\" \n\t\t\t\tplaceholder=\"Введіть ваш e-mail\" \n\t\t\t\t:class=\"{ invalid: email.length > 0 && !isEmailValid(email) }\"\n\t\t\t\tclass=\"text-box\"\n\t\t\t>\n\t\t\t<br/>\n\n\t\t\t<div style=\"margin-top: 0.5em;\">\n\t\t\t\t<button \n\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t@click=\"resetClick\"\n\t\t\t\t>\n\t\t\t\t\tВідновити пароль\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t\t<div v-if=\"resetSend == true\" class=\"content\">\n\t\t\t<h1>Відновлення паролю</h1> \n\t\t\t<p>\n\t\t\t\tЗапит було надіслано на вашу електронну пошту. \n\t\t\t\tОбов'язково перевірте теку зі спамом! \n\t\t\t</p>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref } from 'vue'\nimport axios from 'axios'\n\nimport { isEmailValid } from '@/modules/DataValidation'\n\nconst email = ref(\"\")\n\nconst resetSend = ref(false)\n\nasync function resetClick()\n{\n\tif (!isEmailValid(email.value)) {\n\t\twindow.alert(\"Перевірте правильність введених даних\")\n\t\treturn\n\t}\n\n\ttry {\n\t\tconst response = await axios.post(`/api/v1/auth/password-recovery?email=${email.value}`)\n\t\tif (response.status == 200) {\n\t\t\tresetSend.value = true\n\t\t}\n\t} catch (error) {\n\t\tconsole.error('Error: ', error)\n\t\twindow.alert(\"Помилка. Перевірте правильність введених даних.\")\n\t}\n}\n</script>\n\n<style scoped>\n.content {\n\tmax-width: 24em;\n}\n\n.btn, .text-box {\n\tfont-size: medium;\n\t/* border-radius: 8px; */\n}\n\n.text-box.invalid {\n\tbackground-color: #7c2f2f;\n}\n</style>","import script from \"./PasswordRecoveryView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PasswordRecoveryView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PasswordRecoveryView.vue?vue&type=style&index=0&id=1bed7e54&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-1bed7e54\"]])\n\nexport default __exports__","<template>\n\t<div class=\"contentContainer\">\n\t\t<div v-if=\"resetSend == false\" class=\"content\">\n\t\t\t<h1>Зміна паролю</h1> \n\t\t\t<p>\n\t\t\t\tДля того, щоб оновити пароль, введіть ваш новий пароль.\n\t\t\t</p>\n\t\t\t<p style=\"color: red\" v-if=\"inputError != null\">\n\t\t\t\t{{ inputError }}\n\t\t\t</p>\n\t\t\t<input v-model=\"password\" type=\"password\" placeholder=\"Введіть новий пароль\" class=\"text-box\">\n\t\t\t<input v-model=\"password_check\" type=\"password\" placeholder=\"Введіть його ще раз\" class=\"text-box\">\n\t\t\t<br/><br/>\n\t\t\t<button \n\t\t\t\tclass=\"btn\" \n\t\t\t\t:disabled=\"inputError != null\" \n\t\t\t\t@click=\"resetClick\"\n\t\t\t>\n\t\t\t\tЗмінити пароль\n\t\t\t</button>\n\t\t</div>\n\t\t<div v-if=\"resetSend == true\" class=\"content\">\n\t\t\t<h1>Зміна паролю</h1> \n\t\t\t<p>\n\t\t\t\tПароль успішно змінено\n\t\t\t</p>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute } from 'vue-router';\nimport axios from 'axios'\n\nconst password = ref(\"\")\nconst password_check = ref(\"\")\n\nconst resetSend = ref(false)\n\nconst inputError = computed(() => {\n\tif (password.value.length < 8) \n\t\treturn \"Пароль занадто короткий\";\n\telse if (password.value != password_check.value) \n\t\treturn \"Паролі не співпадають\";\n\telse \n\t\treturn null;\n})\n\nasync function resetClick()\n{\n\tif (password.value.length < 8 || password.value != password_check.value)\n\t{\n\t\twindow.alert(\"НЕПРАВИЛЬНО ВВЕДЕНИЙ ПАРОЛЬ\")\n\t\treturn\t\n\t}\n\n\ttry {\n\t\tconst response = await axios.patch(`/api/v1/auth/reset-password?new_password=${password.value}&token=${token}`)\n\t\tif (response.status == 200) {\n\t\t\tresetSend.value = true\n\t\t}\n\t} catch (error) {\n\t\tconsole.error('Error: ', error)\n\t\twindow.alert(\"Помилка. Перевірте правильність введених даних.\")\n\t}\n}\n\nconst route = useRoute();\nconst token = route.query.token;\n\nonMounted(() => {\n\tif (token == null) {\n\t\twindow.alert(\"ПОМИЛКА. НЕПРАВИЛЬНЕ ПОСИЛАННЯ.\")\n\t}\n})\n</script>\n\n<style scoped>\n.content {\n\tmax-width: 24em;\n}\n</style>","import script from \"./PasswordResetView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./PasswordResetView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./PasswordResetView.vue?vue&type=style&index=0&id=13480d16&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-13480d16\"]])\n\nexport default __exports__","<template>\n\t<div style=\"width: 100%; height: 100%; position: relative;\" >\n\t\t<GoogleMap \n\t\t\tref=\"mapRef\"\n\t\t\tapi-key=\"AIzaSyBgVH0fE8NBe3dgXJzCU9v3be8Q0IcOvQM\" \n\t\t\tstyle=\"width: 100%; height: 100%\" \n\t\t\t:zoom=defaultMapZoom\n\t\t\t:minZoom=5\n\t\t\t:isFractionalZoomEnabled=true\n\t\t\t:disableDefaultUi=true \n\t\t\t:clickableIcons=false \n\t\t\t:backgroundColor=\"'#212121'\"\n\t\t\t:gestureHandling=\"disabled ? 'none' : 'auto'\"\n\t\t\t:styles=\"darkStyle\"\n\t\t>\n\t\t</GoogleMap>\n\t\t<div class=\"centerMarker\">\n\t\t\t<FontAwesomeIcon :icon=\"faLocationDot\"/>\n\t\t</div>\n\t\t<!-- <div class=\"centerMarkerDebug\"></div> -->\n\t</div>\n</template>\n\n<script setup>\nimport { ref, watch, defineEmits, defineProps } from 'vue'\n\nimport { GoogleMap } from 'vue3-google-map'\nimport { darkStyle } from '@/modules/GoogleMapStyle.js'\n\nimport { faLocationDot } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\n\nconst emit = defineEmits(['selected'])\nconst props = defineProps({ location: Object, disabled: Boolean })\n\n// const defaultCenter = { lat: 50.449399, lng: 30.523335 }\nconst defaultMapZoom = 13\n\nconst mapRef = ref(null)\n\nconst setByUser = ref(null);\n\n// Watch for \"ready\" then do something with the API or map instance\nwatch(() => mapRef.value?.ready, (ready) => {\n\tif (!ready) return\n\n\tconsole.log(\"GOOGLE MAP is ready\")\n\n\t// let api = mapRef.value.api\n\tlet map = mapRef.value.map\n\n\t// Pan to location from input\n\twatch(setByUser, () => {\n\t\tmap.panTo(setByUser.value)\n\t}, { immediate: true })\n\t\n\t// Add a listener to the event of \"moving the map\"\n\tmap.addListener('idle', function () {\n\t\t// Do nothing if component disabled\n\t\tif (props.disabled) return\n\n\t\t// Get the center of the map\n\t\tconst center = map.getCenter()\n\n\t\tconst lat = center.lat().toFixed(6)\n        const lng = center.lng().toFixed(6)\n\n\t\tif (lat == 0 && lng == 0) return\n\n\t\t// If location from input then do not call an event\n\t\tif (setByUser.value?.lat != lat && setByUser.value?.lng != lng) {\n\t\t\temit('selected', { lat: lat, lng: lng })\n\t\t}\n\t});\n})\n\nwatch(props, () => {\n\tif (props.location != null) {\n\t\tsetByUser.value = props.location\n\t}\n}, { immediate: true })\n\n</script>\n\n<style scoped>\n.centerMarker {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\t/* border: 1px solid #ffffff50; */\n\n\ttransform: translate(-50%, -85%);\n\n\tfont-size: 32px;\n\tpointer-events: none;\n\t\n\tfilter: drop-shadow(0 -2px 10px #00000060);\n}\n\n.centerMarkerDebug {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\twidth: 4px;\n\theight: 4px;\n\tbackground-color: red;\n\tborder-radius: 50%;\n\ttransform: translate(-50%, -50%);\n}\n</style>","import script from \"./LocationSelector.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LocationSelector.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LocationSelector.vue?vue&type=style&index=0&id=0df4c4cd&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-0df4c4cd\"]])\n\nexport default __exports__","<template>\n\t<div class=\"contentContainer\">\n\t\t<div class=\"content\">\n\t\t\t<GradientBackground :level=\"1\" />\n\t\t\t<h1>Реєстрація станції</h1>\n\t\t\t<p>\n\t\t\t\tРеєстрація станції відбувається в декілька кроків.\n\t\t\t\tВаша станція повинна бути підключена до мережі та надіслати дані на сервер як мінімум один раз.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tПісля реєстрації ваша станція стане видимою на мапі та доступною у вашому кабінеті користувача.\n\t\t\t\tВи зможете також приховати станцію з мапи та змінити інші налаштування.\n\t\t\t</p>\n\t\t\t<br /><br />\n\t\t\t<div>\n\t\t\t\t<!-- https://devrecipes.net/step-progres-bar-with-pure-css/ -->\n\t\t\t\t<div class=\"stepper-wrapper\"> \n\t\t\t\t\t<div \n\t\t\t\t\t\tv-for=\"step in stepperSteps\"\n\t\t\t\t\t\t:key=\"step\"\n\t\t\t\t\t\tclass=\"stepper-item\"\n\t\t\t\t\t\t:class=\"{ active: stepperSteps[currentStep] == step, completed: stepperSteps.indexOf(step) < currentStep }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"step-counter\">\n\t\t\t\t\t\t\t<FontAwesomeIcon :icon=\"step.icon\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"step-name\">{{ step.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<br /><br />\n\t\t\t<div v-show=\"currentStep == 0\">\n\t\t\t\t<p>\n\t\t\t\t\tДля початку введіть серійний номер вашої станції:\n\t\t\t\t</p>\n\t\t\t\t<input \n\t\t\t\t\tclass=\"text-box\" \n\t\t\t\t\ttype=\"text\" \n\t\t\t\t\tplaceholder=\"XXXXXXXXXXXX\"\n\t\t\t\t\tv-model=\"newStation.serial_number\"\n\t\t\t\t\t:class=\"{ invalid: newStation.serial_number.length > 0 && !isSerialNumberValid(newStation.serial_number) }\"\n\t\t\t\t>\n\t\t\t</div>\n\n\t\t\t<div v-show=\"currentStep == 1\">\n\t\t\t\t<div class=\"coordinates\">\n\t\t\t\t\t<small>Широта</small><br/>\n\t\t\t\t\t<input \n\t\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\t\ttype=\"number\" \n\t\t\t\t\t\tstep=\".000001\" \n\t\t\t\t\t\tv-model=\"newStation.latitude\"\n\t\t\t\t\t\tplaceholder=\"Довгота\"\n\t\t\t\t\t\tstyle=\"margin-bottom: 0.5em;\"\n\t\t\t\t\t\t:class=\"{ invalid: !isLatValid(newStation.latitude) }\"\n\t\t\t\t\t>\n\t\t\t\t\t<small>Довгота</small><br/>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\t\ttype=\"number\" \n\t\t\t\t\t\tstep=\".000001\" \n\t\t\t\t\t\tv-model=\"newStation.longitude\"\n\t\t\t\t\t\tplaceholder=\"Широта\"\n\t\t\t\t\t\tstyle=\"margin-bottom: 0.5em;\"\n\t\t\t\t\t\t:class=\"{ invalid: !isLonValid(newStation.longitude) }\"\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t\t<small>Висота встановлення (метрів)</small><br/>\n\t\t\t\t<input\n\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\ttype=\"number\" \n\t\t\t\t\tstep=\".1\"\n\t\t\t\t\tv-model=\"newStation.installation_altitude\"\n\t\t\t\t\tplaceholder=\"Висота встановлення\"\n\t\t\t\t\t@input=\"userTouchedAltInput = true\"\n\t\t\t\t\t:class=\"{ invalid: userTouchedAltInput && !isAltValid(newStation.installation_altitude) }\"\n\t\t\t\t>\n\t\t\t\t<div class=\"locationSelectorContainer\" style=\"margin-top: 0.5em;\">\n\t\t\t\t\t<LocationSelector \n\t\t\t\t\t\t@selected=\"onLocationSelected\"\n\t\t\t\t\t\t:location=\"stationLocation\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div v-show=\"currentStep == 2\">\n\t\t\t\t<small>Назва станції</small><br/>\n\t\t\t\t<input \n\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\ttype=\"text\" \n\t\t\t\t\tv-model=\"newStation.name\"\n\t\t\t\t\tplaceholder=\"Введіть назву\"\n\t\t\t\t\tstyle=\"margin-bottom: 0.5em;\"\n\t\t\t\t\t:class=\"{ invalid: newStation.name.length > 0 && !isStationNameValid(newStation.name) }\"\n\t\t\t\t>\n\t\t\t\t<small>Тип встановлення</small><br/>\n\t\t\t\t<div style=\"margin-top: 0.2em;\">\n\t\t\t\t\t<button \n\t\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t\t:class=\"{ active: newStation.type == 'outdoor' }\"\n\t\t\t\t\t\tstyle=\"margin-right: 0.25em;\"\n\t\t\t\t\t\t@click=\"newStation.type = 'outdoor'\"\n\t\t\t\t\t>\n\t\t\t\t\t\tЗовнішня\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faTreeCity\"/>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button \n\t\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t\t:class=\"{ active: newStation.type == 'indoor' }\"\n\t\t\t\t\t\tstyle=\"margin-right: 0.25em;\"\n\t\t\t\t\t\t@click=\"newStation.type = 'indoor'\"\n\t\t\t\t\t>\n\t\t\t\t\t\tВнутрішня\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faHouseChimney\"/>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button \n\t\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t\t:class=\"{ active: newStation.type == 'portable' }\"\n\t\t\t\t\t\t@click=\"newStation.type = 'portable'\"\n\t\t\t\t\t>\n\t\t\t\t\t\tПортативна\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faBriefcase\"/>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div v-show=\"currentStep == 3\">\n\t\t\t\t<p>\n\t\t\t\t\tПеревірте правильність введених даних. \n\t\t\t\t\tЯкщо вас все влаштовує, то залишилось лише одне натискання кнопки!\n\t\t\t\t</p>\n\t\t\t\t<div class=\"finalStation\">\n\t\t\t\t\t<FontAwesomeIcon :icon=\"getStationIcon(newStation)\"/>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div style=\"font-weight: bold;\">{{ newStation.name }}</div>\n\t\t\t\t\t\t<small>Координати: {{ newStation.latitude }} / {{ newStation.longitude }}</small><br/>\n\t\t\t\t\t\t<small>Висота встановлення: {{ newStation.installation_altitude }}м</small>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div style=\"padding-top: 1em; display: flex; justify-content: space-between; align-items: end;\">\n\t\t\t\t<div>\n\t\t\t\t\t<button \n\t\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t\t@click=\"currentStep--\"\n\t\t\t\t\t\tv-show=\"currentStep > 0\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faCaretLeft\"/>\n\t\t\t\t\t\tНазад\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t<button \n\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t@click=\"nextClick()\"\n\t\t\t\t>\n\t\t\t\t\tДалі\n\t\t\t\t\t<FontAwesomeIcon :icon=\"faCaretRight\"/>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<br/><br/>\n\t\t\t<!-- <input type=\"number\" name=\"\" id=\"\" v-model=\"currentStep\"> -->\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from 'vue'\nimport { useGeolocation } from '@vueuse/core'\nimport { useRouter } from 'vue-router'\n\nimport axios from 'axios'\n\nimport { \n\tfaClipboardCheck, \n\tfaLink, \n\tfaMapLocationDot, \n\tfaPenToSquare,\n\tfaCaretRight, \n\tfaCaretLeft\n} from '@fortawesome/free-solid-svg-icons';\nimport { faHouseChimney } from '@fortawesome/free-solid-svg-icons'\nimport { faTreeCity } from '@fortawesome/free-solid-svg-icons'\nimport { faBriefcase } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\n\nimport { getStationIcon } from '@/modules/StationIcon.js'\n\nimport LocationSelector from '@/components/LocationSelector.vue';\nimport GradientBackground from '@/components/GradientBackground.vue'\n\nimport { \n\tisSerialNumberValid, \n\tisLatValid, \n\tisLonValid, \n\tisAltValid, \n\tisStationNameValid \n} from '@/modules/DataValidation.js';\n\nconst router = useRouter()\n\nconst { coords } = useGeolocation()\n\nconst currentStep = ref(0)\n\nconst stepperSteps = ref([\n\t{\n\t\tname: \"Станція\",\n\t\ticon: faLink\n\t},\n\t{\n\t\tname: \"Локація\",\n\t\ticon: faMapLocationDot\n\t},\n\t{\n\t\tname: \"Дані\",\n\t\ticon: faPenToSquare\n\t},\n\t{\n\t\tname: \"Додавання\",\n\t\ticon: faClipboardCheck\n\t}\n])\n\nconst newStation = ref({\n\tname: \"\",\n\tlatitude: 50.45,\n\tlongitude: 30.52,\n\ttype: \"outdoor\",\n\thidden: false,\n\tshare: true,\n\tserial_number: \"\",\n\tinstallation_altitude: null\n})\n\nconst geolocationUnwatch = watch(coords, () => {\n\tif (coords.value != null && isLatValid(coords.value.latitude) && isLonValid(coords.value.longitude)) {\n\t\tconsole.log(\"GET LOCATION\", coords.value)\n\t\tnewStation.value.latitude = coords.value.latitude\n\t\tnewStation.value.longitude = coords.value.longitude\n\n\t\tgeolocationUnwatch()\n\t}\n})\n\nconst userTouchedAltInput = ref(false)\n\nconst stationLocation = computed(() => {\n\treturn { lat: parseFloat(newStation.value.latitude), lng: parseFloat(newStation.value.longitude) }\n})\n\nasync function nextClick()\n{\n\tconst steps = [\n\t\tstepSerial,\n\t\tstepLocation,\n\t\tstepInfo,\n\t\tstepConfirmation\n\t]\n\n\tif (await steps[currentStep.value]()) {\n\t\tcurrentStep.value++\n\t}\n}\n\nasync function stepSerial() {\n\tif (isSerialNumberValid(newStation.value.serial_number) == false) {\n\t\twindow.alert(\"Перевірте правильність введених даних\")\n\t\treturn false\n\t}\n\n\ttry {\n\t\tconst response = await axios.get(`/api/v1/cabinet/check_serial_number?serial=${newStation.value.serial_number}`)\n\t\tif (response.status == 200) {\n\t\t\tconsole.log(\"SERIAL IS VALID\")\n\t\t\treturn true\n\t\t} else {\n\t\t\twindow.alert(\"Відбулась невідома помилка( \\nПовідомте розробникам про дане непорозуміння.\")\n\t\t\treturn false\n\t\t}\n\t} catch (error) {\n\t\tconsole.error('Error: ', error)\n\t\tif (error.response.status == 404) {\n\t\t\twindow.alert(\"Станція не була знайдена. \\nМожливо серійний номер введений неправильно, або станція ще не надсилала дані на сервер.\")\n\t\t} else if (error.response.status == 403) {\n\t\t\twindow.alert(\"Ви зробили забагато запитів на сервер. \\nНаступний запит ви зможете зробити через годину.\")\n\t\t} else {\n\t\t\twindow.alert(\"Відбулась невідома помилка( \\nПовідомте розробникам про дане непорозуміння.\")\n\t\t}\n\t\t\t\n\t\treturn false\n\t}\n}\n\nfunction stepLocation() {\n\tif (\n\t\t!isLatValid(newStation.value.latitude) || \n\t\t!isLonValid(newStation.value.longitude) || \n\t\t!isAltValid(newStation.value.installation_altitude)\n\t)\n\t{\n\t\twindow.alert(\"Перевірте правильність введених даних\")\n\t\tuserTouchedAltInput.value = true\n\t\treturn false\n\t}\n\n\treturn true\n}\n\nfunction stepInfo() {\n\tif (!isStationNameValid(newStation.value.name)) {\n\t\twindow.alert(\"Перевірте правильність введених даних\")\n\t\treturn false\n\t}\n\n\treturn true\n}\n\nasync function stepConfirmation() {\n\tif (await addStation()) {\n\t\twindow.alert(\"Станцію успішно додано!\")\n\t\trouter.push({name:\"cabinet\"})\n\t\treturn true\n\t} else {\n\t\twindow.alert(\"Відбулась невідома помилка( \\nПовідомте розробникам про дане непорозуміння.\")\n\t\treturn false\n\t}\n}\n\nfunction onLocationSelected(location) {\n\tnewStation.value.latitude = location.lat\n\tnewStation.value.longitude = location.lng\n}\n\nasync function addStation() {\n\ttry {\n\t\tconsole.log(\"adding STATION\")\n\n\t\tconst response = await axios.put(\"/api/v1/cabinet/add_station\", newStation.value)\n\n\t\tif (response.status == 200) {\n\t\t\tconsole.log(\"STATIONS added\")\n\t\t\treturn true\n\t\t} else {\n\t\t\treturn false\n\t\t}\n\t} catch (error) {\n\t\tconsole.error('Error adding STATION: ', error)\n\t\treturn false\n\t}\n}\n\n</script>\n\n<style scoped>\n\n/* HIDE INPUT NUMBER UP/DOWN */\n/* Chrome, Safari, Edge, Opera */\n.coordinates input::-webkit-outer-spin-button,\n.coordinates input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n.coordinates input[type=number] {\n  -moz-appearance: textfield;\n}\n\n.content {\n\tmax-width: 24em;\n}\n\n.text-box.invalid {\n\tbackground-color: #7c2f2f;\n}\n\n.finalStation {\n\tbackground-color: #202020; \n\tborder-radius: 0.5em; \n\tpadding: 1em; \n\tdisplay: flex; \n\talign-items: center;\n}\n\n.finalStation svg {\n\tmargin-right: 0.75em;\n\tfont-size: larger\n}\n\n.stepper-wrapper {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n\n.locationSelectorContainer {\n\twidth: 100%; \n\theight: 20em;\n\n\tborder-radius: 0.5em;\n\n\toverflow: hidden;\n}\n\n.stepper-item {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tflex: 1;\n\n\t@media (max-width: 768px) {\n\t\t/* font-size: 12px; */\n\t}\n}\n\n.stepper-item::before {\n\tposition: absolute;\n\tcontent: \"\";\n\tborder-bottom: 6px solid #202020;\n\twidth: 100%;\n\ttop: 17px;\n\tleft: -50%;\n\tz-index: 2;\n}\n\n.stepper-item::after {\n\tposition: absolute;\n\tcontent: \"\";\n\tborder-bottom: 6px solid #202020;\n\twidth: 100%;\n\ttop: 17px;\n\tleft: 50%;\n\tz-index: 2;\n}\n\n.stepper-item .step-counter {\n\tposition: relative;\n\tz-index: 5;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: 40px;\n\theight: 40px;\n\tborder-radius: 50%;\n\tbackground: #202020;\n\tmargin-bottom: 6px;\n}\n\n.step-counter {\n\tfont-family: var(--font-h);\n\tfont-weight: 900;\n\ttransition: all ease-in-out 0.2s;\n}\n\n.stepper-item.active .step-counter {\n\tbackground-color: #386270;\n\tborder-radius: 25%;\n}\n\n.stepper-item.active {\n\tfont-weight: bold;\n}\n\n.stepper-item.completed .step-counter {\n\tbackground-color: #243a41;\n}\n\n.stepper-item.completed::after {\n\tposition: absolute;\n\tcontent: \"\";\n\tborder-bottom: 6px solid #243a41;\n\twidth: 100%;\n\ttop: 17px;\n\tleft: 50%;\n\tz-index: 3;\n}\n\n.stepper-item:first-child::before {\n\tcontent: none;\n}\n\n.stepper-item:last-child::after {\n\tcontent: none;\n}\n</style>","import script from \"./AddStationView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddStationView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddStationView.vue?vue&type=style&index=0&id=baba1698&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-baba1698\"]])\n\nexport default __exports__","<template>\n\t<div class=\"contentContainer\">\n\t\t<LoadingScreen :loadingStatus=\"dataLoaded\" />\n\t\t<div class=\"content\">\n\t\t\t<GradientBackground :level=\"stationData?.uaqi?.main\"/>\n\t\t\t<div class=\"topControls\">\n\t\t\t\t<div>\n\t\t\t\t\t<button class=\"btn\" @click=\"router.go(-1)\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faAngleLeft\" />\n\t\t\t\t\t\t<span>Назад</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"navigationControls\">\n\t\t\t\t\t<button class=\"btn\" @click=\"goToSection(sectionRealtime)\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faCircleDot\" :fade=\"true\" />\n\t\t\t\t\t\t<span>Поточні дані</span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button class=\"btn\" @click=\"goToSection(sectionStatistics)\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faChartLine\" />\n\t\t\t\t\t\t<span>Статистика</span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button class=\"btn\" @click=\"goToSection(sectionArchives)\">\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faFileZipper\" />\n\t\t\t\t\t\t<span>Архіви</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<br />\n\t\t\t\n\t\t\t<h1>\n\t\t\t\t<FontAwesomeIcon :icon=\"getStationIcon(stationData)\" />\n\t\t\t\t{{ stationData?.name }}\n\t\t\t</h1>\n\t\t\t<p>Ваша станція моніторингу якості повітря</p>\n\t\t\t<br/>\n\t\t\t<div class=\"row\">\n\t\t\t\t<div class=\"col-xs-12 col-sm-6\">\n\t\t\t\t\t<h2>Налаштування станції</h2>\n\t\t\t\t\t<small>Властивості, які ви можете змінити</small>\n\t\t\t\t\t<br/><br/>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<button v-if=\"!editStation\" class=\"btn\" @click=\"editStation = true\">\n\t\t\t\t\t\t\tРедагувати \n\t\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faPen\"/>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button v-else class=\"btn\" @click=\"onStationSaveClick()\">\n\t\t\t\t\t\t\tЗберегти \n\t\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faFloppyDisk\"/>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<br/>\n\t\t\t\t\t<div v-if=\"stationData != null\" class=\"stationData\" ref=\"stationDataElement\">\n\t\t\t\t\t\t<small>Назва станції: </small>\n\t\t\t\t\t\t<input \n\t\t\t\t\t\t\ttype=\"text\" \n\t\t\t\t\t\t\tclass=\"text-box\" \n\t\t\t\t\t\t\tstyle=\"margin-bottom: 0.5em;\"\n\t\t\t\t\t\t\t:class=\"{ invalid: !isStationNameValid(stationData.name) }\"\n\t\t\t\t\t\t\tplaceholder=\"Введіть назву\"\n\t\t\t\t\t\t\tv-model=\"stationData.name\"\n\t\t\t\t\t\t>\n\n\t\t\t\t\t\t<small>Тип встановлення</small><br/>\n\t\t\t\t\t\t<div style=\"margin-top: 0.2em; margin-bottom: 0.5em;\">\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t\t\t\t:class=\"{ active: stationData.type == 'outdoor' }\"\n\t\t\t\t\t\t\t\tstyle=\"margin-right: 0.25em;\"\n\t\t\t\t\t\t\t\t@click=\"stationData.type = 'outdoor'\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tЗовнішня\n\t\t\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faTreeCity\"/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t\t\t\t:class=\"{ active: stationData.type == 'indoor' }\"\n\t\t\t\t\t\t\t\tstyle=\"margin-right: 0.25em;\"\n\t\t\t\t\t\t\t\t@click=\"stationData.type = 'indoor'\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tВнутрішня\n\t\t\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faHouseChimney\"/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t\t\t\t:class=\"{ active: stationData.type == 'portable' }\"\n\t\t\t\t\t\t\t\t@click=\"stationData.type = 'portable'\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tПортативна\n\t\t\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faBriefcase\"/>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"coordinates\">\n\t\t\t\t\t\t\t<small>Широта</small><br/>\n\t\t\t\t\t\t\t<input \n\t\t\t\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\t\t\t\ttype=\"number\" \n\t\t\t\t\t\t\t\tstep=\".000001\" \n\t\t\t\t\t\t\t\tv-model=\"stationData.latitude\"\n\t\t\t\t\t\t\t\tplaceholder=\"Довгота\"\n\t\t\t\t\t\t\t\tstyle=\"margin-bottom: 0.5em;\"\n\t\t\t\t\t\t\t\t:class=\"{ invalid: !isLatValid(stationData.latitude) }\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<small>Довгота</small><br/>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\t\t\t\ttype=\"number\" \n\t\t\t\t\t\t\t\tstep=\".000001\" \n\t\t\t\t\t\t\t\tv-model=\"stationData.longitude\"\n\t\t\t\t\t\t\t\tplaceholder=\"Широта\"\n\t\t\t\t\t\t\t\tstyle=\"margin-bottom: 0.5em;\"\n\t\t\t\t\t\t\t\t:class=\"{ invalid: !isLonValid(stationData.longitude) }\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<small>Висота встановлення (метрів)</small><br/>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\t\t\ttype=\"number\" \n\t\t\t\t\t\t\tstep=\".1\"\n\t\t\t\t\t\t\tv-model=\"stationData.installation_altitude\"\n\t\t\t\t\t\t\tplaceholder=\"Висота встановлення\"\n\t\t\t\t\t\t\t:class=\"{ invalid: !isAltValid(stationData.installation_altitude) }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"locationSelectorContainer\" style=\"margin-top: 0.5em;\">\n\t\t\t\t\t\t\t<LocationSelector \n\t\t\t\t\t\t\t\t@selected=\"onLocationSelected\"\n\t\t\t\t\t\t\t\t:location=\"stationLocation\"\n\t\t\t\t\t\t\t\t:disabled=\"!editStation\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<br/>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3>Видалити станцію</h3>\n\t\t\t\t\t\t<small>Після видалення станції з вашого кабінету, станцію може додати до кабінету інший користувач</small>\n\t\t\t\t\t\t<br/><br/>\n\t\t\t\t\t\t<button class=\"btn\" @click=\"deactivateClick\">Видалити</button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<br/>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"col-xs-12 col-sm-6\">\n\t\t\t\t\t<h2>Показники</h2>\n\t\t\t\t\t<small>Станом на {{ stationData?.last_online }}</small>\n\t\t\t\t\t<br/><br/>\n\t\t\t\t\t<div v-if=\"stationData?.current_values?.length > 0\" class=\"stationValuesList\">\n\t\t\t\t\t\t<TransitionGroup>\n\t\t\t\t\t\t\t<StationValue v-for=\"v in stationData?.current_values\" :key=\"v\" :value=\"v\" />\n\t\t\t\t\t\t</TransitionGroup>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div v-else style=\"height: 10em;\">\n\t\t\t\t\t\t<p>Тут чомусь нема даних... Схоже ваша станція давно не надсилала дані</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<br/><br/>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, defineProps, onMounted, computed, watch } from 'vue'\nimport { useRouter, onBeforeRouteLeave } from 'vue-router'\n\nimport axios from 'axios'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faAngleLeft } from '@fortawesome/free-solid-svg-icons'\nimport { faCircleDot } from '@fortawesome/free-solid-svg-icons'\nimport { faChartLine } from '@fortawesome/free-solid-svg-icons'\nimport { faFileZipper } from '@fortawesome/free-solid-svg-icons'\nimport { faFloppyDisk } from '@fortawesome/free-solid-svg-icons'\nimport { faPen } from '@fortawesome/free-solid-svg-icons'\nimport { faHouseChimney } from '@fortawesome/free-solid-svg-icons'\nimport { faTreeCity } from '@fortawesome/free-solid-svg-icons'\nimport { faBriefcase } from '@fortawesome/free-solid-svg-icons'\n\nimport LoadingScreen from '@/components/LoadingScreen.vue'\nimport GradientBackground from '@/components/GradientBackground.vue'\nimport StationValue from '@/components/StationValue.vue'\nimport LocationSelector from '@/components/LocationSelector.vue';\n\nimport { getStationIcon } from '@/modules/StationIcon'\nimport { uaqiColors } from '@/modules/UAQI.js'\nimport { \n\tisLatValid, \n\tisLonValid, \n\tisAltValid, \n\tisStationNameValid,\n\tisStationValid\n} from '@/modules/DataValidation.js';\nimport { SelectedStation } from '@/state/SelectedStation'\n\nconst props = defineProps({ id: String })\n\nconst router = useRouter()\n\nconst dataLoaded = ref(false)\n\nconst editStation = ref(false)\n\nconst stationDataElement = ref(null)\n\nconst sectionRealtime = ref(null)\nconst sectionStatistics = ref(null)\nconst sectionArchives = ref(null)\n\nconst stationLocation = computed(() => {\n\treturn { lat: parseFloat(stationData.value.latitude), lng: parseFloat(stationData.value.longitude) }\n})\n\nfunction onLocationSelected(location) {\n\tstationData.value.latitude = location.lat\n\tstationData.value.longitude = location.lng\n}\n\nfunction goToSection(section) {\n\tsection.scrollIntoView({ behavior: 'smooth' })\n}\n\nasync function deactivateClick() {\n\tif (window.confirm(\"Ви дійсно хочете деактивувати станцію?\") == false) {\n\t\treturn\n\t}\n\n\ttry {\n\t\tawait axios.patch(`/api/v1/cabinet/deactivate_station?id=${stationData.value.id}`)\n\t\trouter.push({ name: 'cabinet' })\n\t} catch (error) {\n\t\tconsole.error('Failed to deactivate USER STATION: ', error)\n\t\twindow.alert(\"Виникла незрозуміла помилка(\\n\\nПовідомте розробникам про це непорозуміння!\")\n\t}\n}\n\nasync function onStationSaveClick() {\n\tif (isStationValid(stationData.value) == false) {\n\t\twindow.alert(\"Перевірте правильність введених даних\")\n\t\treturn\n\t}\n\n\ttry {\n\t\tconsole.log(\"Saving USER STATION edit\")\n\t\tconsole.log(stationData.value)\n\t\tawait axios.patch(\"/api/v1/cabinet/station\", stationData.value)\n\t\teditStation.value = false\n\t} catch (error) {\n\t\tconsole.error('Failed to load USER STATION: ', error)\n\t\twindow.alert(\"Виникла незрозуміла помилка(\\n\\nПовідомте розробникам про це непорозуміння!\")\n\t}\n}\n\nconst stationData = ref(null)\n\nconst fetchStation = async () => {\n\ttry {\n\t\tconst response = await axios.get(`/api/v1/cabinet/station?id=${props.id}`)\n\t\tstationData.value = response.data\n\t\tdataLoaded.value = true\n\n\t\tconsole.log(stationData.value)\n\t} catch (error) {\n\t\tconsole.error('Error fetching STATION: ', error)\n\t}\n}\n\nonMounted(async () => {\n\tawait fetchStation()\n\n\t// fetchAvg30()\n\t// fetchAvg48()\n\n\tSelectedStation.set(stationData)\n\n\twatch(editStation, () => {\n\t\tif (stationDataElement.value == null) return\n\t\n\t\tlet inputs = stationDataElement.value.querySelectorAll('input, button');\n\t\t\n\t\tinputs.forEach(input => {\n\t\t\tinput.disabled = !editStation.value;\n\t\t});\n\t}, { immediate: true })\n})\n\nonBeforeRouteLeave(() => {\n\tif (editStation.value) {\n\t\tconst answer = window.confirm(\n\t\t\t'Схоже ви не зберегли Впевнені що хочете покинути сторінку?'\n\t\t)\n\t\t// cancel the navigation and stay on the same page\n\t\tif (!answer) return false\n\t}\n})\n\n</script>\n\n<style scoped>\nh2 {\n\tmargin-bottom: 0.2em;\n}\n\n.topControls {\n\tdisplay: flex;\n\tjustify-content: space-between;\n}\n\n.topControls > div .btn {\n\tbackground-color: #101010;\n\tborder: 1px solid v-bind(uaqiColors[stationData?.uaqi?.main]);\n}\n\n.topControls > div .btn:hover {\n\tbackground-color: v-bind(uaqiColors[stationData?.uaqi?.main]);\n\tcolor: white;\n}\n\n.navigationControls .btn + .btn {\n\tmargin-left: 0.5em;\n}\n\n.navigationControls {\n\tdisplay: flex;\n}\n\n@media only screen and (max-width: 520px) {\n\t.navigationControls > .btn > span {\n\t\tdisplay: none;\n\t}\n}\n\n.topControls .btn > svg {\n\tmargin-bottom: -0.5px;\n}\n\n.topControls .btn > span {\n\tmargin-left: 0.5em;\n}\n\n\n/* .stationData .text-box:disabled {\n\tbackground-color: #00000000;\n\tcolor: var(--color-text);\n\tpadding-left: 0px;\n\tfont-weight: 700;\n\n\tpadding-top: 0.1em;\n\tpadding-bottom: 0.1em;\n}\n\n.stationData .text-box {\n\ttransition: all 0.5s ease-in-out;\n\n\tfont-weight: normal;\n\n\tmargin-bottom: 1em;\n} */\n\n.stationData .invalid {\n\tbackground-color: #7c2f2f;\n}\n\n.stationData .btn:disabled {\n\tcolor: #808080;\n}\n\n.stationData .btn.active:disabled {\n\tcolor: black;\n}\n\n.stationValuesList > * {\n\tmargin-bottom: 0.5em;\n}\n\n.locationSelectorContainer {\n\twidth: 100%; \n\theight: 20em;\n\n\tborder-radius: 0.5em;\n\n\toverflow: hidden;\n}\n\n/* HIDE INPUT NUMBER UP/DOWN */\n/* Chrome, Safari, Edge, Opera */\n.coordinates input::-webkit-outer-spin-button,\n.coordinates input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n.coordinates input[type=number] {\n  -moz-appearance: textfield;\n}\n</style>","import script from \"./CabinetStationView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CabinetStationView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CabinetStationView.vue?vue&type=style&index=0&id=dba61b98&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-dba61b98\"]])\n\nexport default __exports__","<template>\n\t<div class=\"contentContainer\">\n\t\t<div class=\"content\">\n\t\t\t<h1>Реєстрація кабінету</h1> \n\n\t\t\t<div v-if=\"!secondStep\">\n\t\t\t\t<p>Кабінет дозволяє вам керувати власними станціями моніторингу</p>\n\n\t\t\t\t<div>\n\t\t\t\t\t<small>Введіть ваше ім'я або назву організації</small>\n\t\t\t\t\t<input \n\t\t\t\t\t\ttype=\"text\" \n\t\t\t\t\t\tclass=\"text-box\" \n\t\t\t\t\t\t:class=\"{ invalid: user.full_name.length > 0 && !isUserNameValid(user.full_name) }\"\n\t\t\t\t\t\tv-model=\"user.full_name\"\n\t\t\t\t\t\tplaceholder=\"Ім'я / Назва організації\" \n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\n\t\t\t\t<div style=\"padding-top: 0.5em;\"> \n\t\t\t\t\t<small>Введіть ваш e-mail</small><br/>\n\t\t\t\t\t<input \n\t\t\t\t\t\tv-model=\"user.email\" \n\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\tplaceholder=\"my.name@gmail.com\" \n\t\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\t\t:class=\"{ invalid: user.email.length > 0 && !isEmailValid(user.email) }\"\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\n\t\t\t\t<div style=\"padding-top: 0.5em;\">\n\t\t\t\t\t<small>Введіть пароль</small><br/>\n\t\t\t\t\t<input \n\t\t\t\t\t\tv-model=\"user.password\" \n\t\t\t\t\t\ttype=\"password\" \n\t\t\t\t\t\t:class=\"{ invalid: passwordsNotSame }\"\n\t\t\t\t\t\tplaceholder=\"Пароль\" \n\t\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\n\t\t\t\t<div style=\"padding-top: 0.5em;\">\n\t\t\t\t\t<small>Підтвердження паролю</small><br/>\n\t\t\t\t\t<input \n\t\t\t\t\t\tv-model=\"user.password_confirmation\" \n\t\t\t\t\t\ttype=\"password\" \n\t\t\t\t\t\t:class=\"{ invalid: passwordsNotSame }\"\n\t\t\t\t\t\tplaceholder=\"Підтвердження паролю\" \n\t\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\n\t\t\t\t<div style=\"padding-top: 0.5em;\">\n\t\t\t\t\t<small>Номер телефону</small><br/>\n\t\t\t\t\t<input \n\t\t\t\t\t\tv-model=\"user.phone\" \n\t\t\t\t\t\ttype=\"tel\" \n\t\t\t\t\t\tplaceholder=\"+380XX XXX XXXX\" \n\t\t\t\t\t\tclass=\"text-box\"\n\t\t\t\t\t\t:class=\"{ invalid: user.phone.length > 0 && !isPhoneValid(user.phone) }\"\n\t\t\t\t\t>\n\t\t\t\t</div>\n\n\t\t\t\t<div style=\"padding-top: 1em;\">\n\t\t\t\t\t<label class=\"checkbox\">\n\t\t\t\t\t\t<input type=\"checkbox\" v-model=\"acceptTerms\"/>\n\t\t\t\t\t\tЯ погоджуюсь з&nbsp;\n\t\t\t\t\t\t<a href=\"https://eco-city.org.ua/terms_and_conditions\" target=\"_blank\">\n\t\t\t\t\t\t\tполітикою конфіденційності\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</div>\n\t\t\t\t\n\t\t\t\t<div style=\"padding-top: 1.5em; width: 100%;\">\n\t\t\t\t\t<button \n\t\t\t\t\t\tclass=\"btn\" \n\t\t\t\t\t\t@click=\"registerClick()\"\n\t\t\t\t\t>\n\t\t\t\t\t\tЗареєструватись\n\t\t\t\t\t\t<FontAwesomeIcon :icon=\"faRightToBracket\"/>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div v-else>\n\t\t\t\t<p>На вашу електронну пошту був надісланий лист з підтвердженням реєстрації.</p>\n\t\t\t\t<p>Обов'язково перевірте папку \"Спам\".</p>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { computed, ref } from 'vue'\n\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faRightToBracket } from '@fortawesome/free-solid-svg-icons'\n\nimport { isEmailValid, isPhoneValid, isUserNameValid } from '@/modules/DataValidation'\nimport { User } from '@/state/User'\n\nconst secondStep = ref(false)\n\nconst acceptTerms = ref(false)\n\nconst user = ref({\n\temail: \"\",\n\tfull_name: \"\",\n\tpassword: \"\",\n\tpassword_confirmation: \"\",\n\tphone: \"\"\n})\n\nconst passwordsNotSame = computed(() => {\n\tconst pass = user.value.password\n\tconst pass_confirm = user.value.password_confirmation\n\treturn (pass.length > 0 && pass_confirm.length > 0) && pass != pass_confirm\n})\n\nasync function registerClick() {\n\tconst u = user.value\n\n\tif (\n\t\t!isEmailValid(u.email) ||  \n\t\t(u.phone.length > 0 && !isPhoneValid(u.phone))\n\t) {\n\t\twindow.alert(\"Перевірте правильність введених даних!\")\n\t\treturn\n\t}\n\n\tif (u.password.length < 8) {\n\t\twindow.alert(\"Мінімальна довжина паролю - 8 символів!\")\n\t\treturn\n\t}\n\n\tif (acceptTerms.value == false) {\n\t\twindow.alert(\"Вам необхідно погодитись з політикою конфіденційності!\")\n\t\treturn\n\t}\n\n\tif (await User.register(u)) {\n\t\tsecondStep.value = true\n\t} else {\n\t\twindow.alert(\"Щось пішло не так :(\\nПеревірте правильність введених даних або повідомте розробників про помилку.\")\n\t}\n\n}\n</script>\n\n<style scoped>\n.content {\n\tmax-width: 24em;\n}\n\n.btn, .text-box {\n\tfont-size: medium;\n\t/* border-radius: 8px; */\n}\n\n.text-box.invalid {\n\tbackground-color: #7c2f2f;\n}\n\n</style>","import script from \"./RegisterView.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RegisterView.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RegisterView.vue?vue&type=style&index=0&id=107b9c5e&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-107b9c5e\"]])\n\nexport default __exports__","import { createRouter, createWebHistory } from 'vue-router'\nimport HomeView from '@/views/HomeView.vue'\nimport StatsView from '@/views/StatsView.vue'\nimport RegionView from '@/views/RegionView.vue'\nimport LoginView from '@/views/LoginView.vue'\nimport CabinetView from '@/views/CabinetView.vue'\nimport StationView from '@/views/StationView.vue'\nimport PasswordRecoveryView from '@/views/PasswordRecoveryView.vue'\nimport PasswordResetView from '@/views/PasswordResetView.vue'\nimport AddStationView from '@/views/AddStationView.vue'\nimport CabinetStationView from '@/views/CabinetStationView.vue'\nimport RegisterView from '@/views/RegisterView.vue'\n\nimport { User } from '@/state/User.js'\n\nconst routes = [\n\t{\n\t\tpath: '/',\n\t\tname: 'home',\n\t\tcomponent: HomeView\n\t},\n\t{\n\t\tpath: '/stats',\n\t\tname: 'stats',\n\t\tcomponent: StatsView\n\t},\n\t{\n\t\tpath: '/region/:id',\n\t\tname: 'region',\n\t\tcomponent: RegionView,\n\t\tprops: true,\n\t\tmeta: { scrollToTop: true }\n\t},\n\t{\n\t\tpath: '/station/:id',\n\t\tname: 'station',\n\t\tcomponent: StationView,\n\t\tprops: true,\n\t\tmeta: { scrollToTop: true }\n\t},\n\t{\n\t\tpath: '/login',\n\t\tname: 'login',\n\t\tcomponent: LoginView,\n\t\tbeforeEnter: (to, from, next) => {\n\t\t\tif (User.isAuthenticated()) {\n\t\t\t\tnext('/cabinet')\n\t\t\t\treturn\n\t\t\t} else {\n\t\t\t\tnext()\n\t\t\t}\n\t\t}\n\t},\n\t{\n\t\tpath: '/password-recovery',\n\t\tname: 'password-recovery',\n\t\tcomponent: PasswordRecoveryView,\n\t\tbeforeEnter: (to, from, next) => {\n\t\t\tif (User.isAuthenticated()) {\n\t\t\t\tnext('/cabinet')\n\t\t\t\treturn\n\t\t\t} else {\n\t\t\t\tnext()\n\t\t\t}\n\t\t}\n\t},\n\t{\n\t\tpath: '/register',\n\t\tname: 'register',\n\t\tcomponent: RegisterView,\n\t\tbeforeEnter: (to, from, next) => {\n\t\t\tif (User.isAuthenticated()) {\n\t\t\t\tnext('/cabinet')\n\t\t\t\treturn\n\t\t\t} else {\n\t\t\t\tnext()\n\t\t\t}\n\t\t}\n\t},\n\t{\n\t\tpath: '/reset-password',\n\t\tname: 'reset-password',\n\t\tcomponent: PasswordResetView\n\t},\n\t{\n\t\tpath: '/cabinet',\n\t\tname: 'cabinet',\n\t\tcomponent: CabinetView,\n\t\tmeta: { requiresAuth: true, scrollToTop: true }\n\t},\n\t{\n\t\tpath: '/cabinet/add-station',\n\t\tname: 'add-station',\n\t\tcomponent: AddStationView,\n\t\tmeta: { requiresAuth: true }\n\t},\n\t{\n\t\tpath: '/cabinet/station/:id',\n\t\tname: 'cabinet-station',\n\t\tprops: true,\n\t\tcomponent: CabinetStationView,\n\t\tmeta: { requiresAuth: true, scrollToTop: true }\n\t},\n\t{\n\t\tpath: '/about',\n\t\tname: 'about',\n\t\t// route level code-splitting\n\t\t// this generates a separate chunk (about.[hash].js) for this route\n\t\t// which is lazy-loaded when the route is visited.\n\t\tcomponent: () => import(/* webpackChunkName: \"about\" */ '../views/AboutView.vue')\n\t}\n]\n\nconst router = createRouter({\n\thistory: createWebHistory(process.env.BASE_URL),\n\troutes,\n\tscrollBehavior(to, from, savedPosition) {\n\t\t// If the route has a scrollToTop parameter, scroll to top\n\t\tif (to.meta.scrollToTop) return { top: 0 }\n\n\t\t// We restore the preserved position if it exists\n\t\tif (savedPosition) {\n\t\t\treturn savedPosition\n\t\t} else {\n\t\t\treturn { top: 0 }\n\t\t}\n\t}\n})\n\nrouter.beforeEach((to, _, next) => {\n\tif (to.matched.some(record => record.meta.requiresAuth)) {\n\t\tif (User.isAuthenticated()) {\n\t\t\tnext();\n\t\t\treturn;\n\t\t}\n\t\tnext('/login');\n\t} else {\n\t\tnext();\n\t}\n});\n\nexport default router\n","import { createApp } from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport VueGtag from 'vue-gtag'\nimport vue3GoogleLogin from 'vue3-google-login'\n\nimport \"./assets/main.css\"\nimport \"./assets/flexboxgrid.min.css\"\n\nimport axios from 'axios'\n\naxios.defaults.withCredentials = true\naxios.defaults.baseURL = 'https://reborn.eco-city.org.ua/'\n\ncreateApp(App)\n\t.use(router)\n\t.use(VueGtag, { appName: \"RebornOne\", config: { id: \"G-DLKJT4GH4N\" } }, router)\n\t.use(vue3GoogleLogin, { \n\t\tclientId: '346250455480-851jk6b9r5dtv3tc0fj1qnc8a98he7c4.apps.googleusercontent.com'})\n\t.mount('#app')\n","\n// Colors of UAQI levels\nexport const uaqiColors = [\n\t\"#808080\",\n\t\"#386270\",\n\t\"#286444\",\n\t\"#7e6626\",\n\t\"#7c2f2f\",\n\t\"#612424\",\n\t\"#4a2e5f\",\n];\n\n// Bright version of UAQI colors\nexport const uaqiColorsBright = [\n\t\"#808080\",\n\t\"#68CBF8\",\n\t\"#27BF88\",\n\t\"#FFC000\",\n\t\"#FF0000\",\n\t\"#C00000\",\n\t\"#7030A4\",\n];\n\nexport const uaqiDescriptions = [\n\t{\n\t\tname: \"Якість повітря невідома\",\n\t\tair: \"ніяке\",\n\t\tdescription: \"Наразі інформація про якість повітря невідома.\"\n\t},\n\t{\n\t\tname: \"Добра якість повітря\",\n\t\tair: \"добре\",\n\t\tdescription: \"Вміст у повітрі забруднюючих речовин у межах норми та не становить небезпеки.\",\n\t\t// info: \"Плануйте діяльність, відпочинок або інші активності на відкритому повітрі без додаткових обмежень, застережень або рекомендацій.\",\n\t\trecommendations: {\n\t\t\toutdoor: {\n\t\t\t\tall: \"Плануйте діяльність без спеціальних обмежень\",\n\t\t\t\trisk: \"Плануйте діяльність без спеціальних обмежень\"\n\t\t\t},\n\t\t\tindoor: {\n\t\t\t\tall: \"Плануйте діяльність без спеціальних обмежень\",\n\t\t\t\trisk: \"Плануйте діяльність без спеціальних обмежень\"\n\t\t\t},\n\t\t\tin_case_of_symptoms: {\n\t\t\t\trisk: \"Зверніться за консультацією до сімейного лікаря\"\n\t\t\t},\n\t\t\tadditional: {\n\t\t\t\tall: \"Слідкуйте за оновленням інформації\",\n\t\t\t\t// risk: \"Слідкуйте за оновленням інформації\"\n\t\t\t}\n\t\t}\n\t},\n\t{\n\t\tname: \"Задовільна якість повітря\",\n\t\tair: \"задовільне\",\n\t\tdescription: \"Вміст у повітрі забруднюючих речовин у межах норми та не становить небезпеки.\",\n\t\t// info: \"Плануйте діяльність, відпочинок або інші активності на відкритому повітрі без додаткових обмежень, застережень або рекомендацій.\",\n\t\t// consequences: \"У рідких випадках у дуже невеликої кількості населення, які надзвичайно чутливі до забруднення повітря, можуть виникнути дискомфорт та рефлекторні реакції – кашель, задишка тощо. Надзвичайно чутливим до забруднення повітря людям рекомендуємо зменшити тривалі або важкі фізичні навантаження на відкритому повітрі.\",\n\t\trecommendations: {\n\t\t\toutdoor: {\n\t\t\t\tall: \"Плануйте діяльність без спеціальних обмежень\",\n\t\t\t\trisk: \"Плануйте діяльність без спеціальних обмежень\"\n\t\t\t},\n\t\t\tindoor: {\n\t\t\t\tall: \"Плануйте діяльність без спеціальних обмежень\",\n\t\t\t\trisk: \"Плануйте діяльність без спеціальних обмежень\"\n\t\t\t},\n\t\t\tin_case_of_symptoms: {\n\t\t\t\trisk: \"Уникайте активної фізичної діяльності на відкритому повітрі.\\nЗверніться за консультацією до сімейного лікаря\"\n\t\t\t},\n\t\t\tadditional: {\n\t\t\t\tall: \"Слідкуйте за оновленням інформації\",\n\t\t\t\t// risk: \"Слідкуйте за оновленням інформації\"\n\t\t\t}\n\t\t}\n\t},\n\t{\n\t\tname: \"Якість повітря несприятлива\",\n\t\tair: \"несприятливе\",\n\t\tdescription: \"Вміст у повітрі забруднюючих речовин у межах норми, проте уразливі та чутливі до забруднення категорії населення можуть мати наслідки для здоров’я при довготривалому впливі.\",\n\t\t// info: \"Враховуйте спеціальні обмеження, застереження та рекомендації під час планування діяльності, відпочинку або інших активностей на відкритому повітрі.\\nРекомендуємо уразливим та чутливим до забруднення категоріям населення зменшити тривалі або важкі фізичні навантаження на відкритому повітрі.\",\n\t\t// consequences: \"Якщо ви відчуваєте дискомфорт під час дихання та прояви інших рефлекторних реакцій – рекомендуємо дотримуватися звичайних порад та плану лікування від вашого лікаря.\\nЛюди хворі на астму, ХОЗЛ та респіраторні захворювання можуть відчувати посилення звичних симптомів та рефлекторних реакцій. Рекомендуємо сумлінно дотримуватися свого плану терапії хронічних захворювань та прийому ліків, які призначив ваш лікар.\\nЛюди із хронічними захворюваннями серцево-судинної системи можуть відчувати додаткові та посилені рефлекторні реакції – підвищене серцебиття, задишка або незвичайна втома. У випадку довготривалого прояву цих реакцій рекомендуємо звернутися до вашого лікаря та сумлінно виконувати його настанови.\",\n\t\trecommendations: {\n\t\t\toutdoor: {\n\t\t\t\tall: \"Плануйте діяльність без спеціальних обмежень\",\n\t\t\t\trisk: \"Уникайте активної фізичної діяльності на відкритому повітрі \\nУникайте довготривалих прогулянок\"\n\t\t\t},\n\t\t\tindoor: {\n\t\t\t\tall: \"Без потреби не провітрюйте приміщення\",\n\t\t\t\trisk: \"Без потреби не провітрюйте приміщення\"\n\t\t\t},\n\t\t\tin_case_of_symptoms: {\n\t\t\t\tall: \"Уникайте активної фізичної діяльності на відкритому повітрі\",\n\t\t\t\trisk: \"Відстежуйте зміни самопочуття \\nДотримуйтеся звичних порад вашого сімейного лікаря \\nЗверніться за консультацією до сімейного лікаря\"\n\t\t\t},\n\t\t\tadditional: {\n\t\t\t\t// all: \"Слідкуйте за оновленням інформації\",\n\t\t\t\trisk: \"Слідкуйте за оновленням інформації \\nВипийте чистої води\"\n\t\t\t}\n\t\t}\n\t},\n\t{\n\t\tname: \"Погана якість повітря\",\n\t\tair: \"погане\",\n\t\tdescription: \"Вміст у повітрі забруднюючих речовин становить небезпеку при довготривалому впливі.\\nУсі категорії населення можуть відчувати загострення рефлекторних реакцій та мати наслідки для здоров'я при довготривалому впливі.\",\n\t\t// info: \"Діють спеціальні обмеження, застереження та рекомендації для тривалості діяльності, відпочинку або інших активностей на відкритому повітрі.\\nУсім уразливим та чутливим до забруднення категоріям населення рекомендуємо виключити та перенести на інших час тривалі або важкі фізичні навантаження на відкритому повітрі.\",\n\t\t// consequences: \"Чутливі до забруднення категорії населення, які мають хронічні захворювання, можуть відчувати значне посилення звичних симптомів та рефлекторних реакцій.\\nРекомендуємо сумлінно дотримуватися свого плану терапії хронічних захворювань та прийому ліків, які призначив ваш лікар.\\nУ випадку довготривалого прояву рефлекторних реакцій рекомендуємо звернутися за консультацією до вашого лікаря та сумлінно виконувати його настанови.\",\n\t\trecommendations: {\n\t\t\toutdoor: {\n\t\t\t\tall: \"Уникайте активної фізичної діяльності на відкритому повітрі \\nУникайте довготривалих прогулянок\",\n\t\t\t\trisk: \"Уникайте активної фізичної діяльності на відкритому повітрі \\nУникайте довготривалих прогулянок \\nУникайте спортивних та освітніх події на відкритому повітрі \\nСкористайтеся засобами захисту органів дихання\"\n\t\t\t},\n\t\t\tindoor: {\n\t\t\t\tall: \"Закрийте вікна \\nБез потреби не провітрюйте приміщення\",\n\t\t\t\trisk: \"Закрийте вікна \\nБез потреби не провітрюйте приміщення \\nВиконайте позачергове вологе прибирання\"\n\t\t\t},\n\t\t\tin_case_of_symptoms: {\n\t\t\t\tall: \"Відстежуйте зміни самопочуття \\nЗверніться за консультацією до сімейного лікаря\",\n\t\t\t\trisk: \"Уникайте надмірної фізичної активності \\nВідстежуйте зміни самопочуття \\nЗверніться за консультацією до сімейного лікаря \\nДотримуйтеся звичних порад вашого сімейного лікаря\"\n\t\t\t},\n\t\t\tadditional: {\n\t\t\t\tall: \"Слідкуйте за оновленням інформації \\nВипийте чистої води \\nПоінформуйте рідних та сусідів про погіршення якості повітря\",\n\t\t\t\trisk: \"Слідкуйте за оновленням інформації \\nВипийте чистої води \\nПісля прогулянки промийте очі та ніс \\nПоінформуйте рідних та сусідів про погіршення якості повітря\"\n\t\t\t}\n\t\t}\n\t},\n\t{\n\t\tname: \"Дуже погана якість повітря\",\n\t\tair: \"дуже погане\",\n\t\tdescription: \"Для уразливих та чутливих до забруднення категорій населення вміст у повітрі забруднюючих речовин становить небезпеку навіть при короткостроковому впливі. Усі категорії населення можуть відчувати сильне загострення рефлекторних реакцій та мати наслідки для здоров'я небезпеку навіть при короткостроковому впливі.\",\n\t\t// info: \"Для уразливих та чутливих до забруднення категорій населення діють спеціальні обмеження, застереження та рекомендації для перебування на відкритому повітря для будь-якої діяльності.\\nРекомендуємо виключити або перенести на інший час будь-яку діяльність на відкритому повітрі.\",\n\t\t// consequences: \"Якщо у вас виникає рефлекторна реакція на забруднене повітря – кашель, задишка, подразнення слизових оболонок носоглотки, біль в очах тощо – рекомендуємо використовувати засоби індивідуального захисту органів дихання.\\nУ випадку довготривалого прояву рефлекторних реакцій або інших відчутних наслідків для вашого здоров’я рекомендуємо звернутися за консультацією до вашого лікаря та сумлінно виконувати його настанови.\",\n\t\trecommendations: {\n\t\t\toutdoor: {\n\t\t\t\tall: \"Уникайте активної фізичної діяльності на відкритому повітрі \\nУникайте довготривалих прогулянок \\nУникайте спортивних та освітніх події на відкритому повітрі \\nСкористайтеся засобами захисту органів дихання\",\n\t\t\t\trisk: \"За можливості залишайтеся у приміщенні \\nУникайте активної фізичної діяльності на відкритому повітрі \\nУникайте довготривалих прогулянок \\nУникайте спортивних та освітніх події на відкритому повітрі \\nСкористайтеся засобами захисту органів дихання\"\n\t\t\t},\n\t\t\tindoor: {\n\t\t\t\tall: \"Закрийте вікна \\nБез крайньої потреби не провітрюйте приміщення \\nВиконайте позачергове вологе прибирання \\nВикористовуйте побутові очищувачі повітря\",\n\t\t\t\trisk: \"Закрийте вікна \\nБез крайньої потреби не провітрюйте приміщення \\nВиконайте позачергове вологе прибирання \\nВикористовуйте побутові очищувачі повітря\"\n\t\t\t},\n\t\t\tin_case_of_symptoms: {\n\t\t\t\tall: \"Уникайте надмірної фізичної активності \\nВідстежуйте зміни самопочуття \\nЗверніться за консультацією до сімейного лікаря \\nДотримуйтеся звичних порад вашого сімейного лікаря\",\n\t\t\t\trisk: \"Уникайте надмірної фізичної активності \\nВідстежуйте зміни самопочуття \\nЗверніться за консультацією до сімейного лікаря \\nДотримуйтеся звичних порад вашого сімейного лікаря\"\n\t\t\t},\n\t\t\tadditional: {\n\t\t\t\tall: \"Слідкуйте за оновленням інформації \\nВипийте чистої води \\nПісля прогулянки промийте очі та ніс \\nПоінформуйте рідних та сусідів про погіршення якості повітря\",\n\t\t\t\trisk: \"Слідкуйте за оновленням інформації \\nВипийте чистої води \\nПісля прогулянки промийте очі та ніс \\nПоінформуйте рідних та сусідів про погіршення якості повітря\"\n\t\t\t}\n\t\t}\n\t},\n\t{\n\t\tname: \"Надзвичайно погана якість повітря\",\n\t\tair: \"надзвичайно погане\",\n\t\tdescription: \"Вміст у повітрі забруднюючих речовин становить небезпеку навіть при короткостроковому впливі. Усі категорії населення можуть відчувати сильне загострення рефлекторних реакцій та мати наслідки для здоров'я небезпеку навіть при короткостроковому впливі.\",\n\t\t// info: \"Для всіх категорій населення діють спеціальні обмеження, застереження та рекомендації для перебування на відкритому повітря для будь-якої діяльності.\\nРекомендуємо виключити або перенести на інший час будь-яку діяльність на відкритому повітрі.\",\n\t\t// consequences: \"Якщо у вас виникає рефлекторна реакція на забруднене повітря – кашель, задишка, подразнення слизових оболонок носоглотки, біль в очах тощо – рекомендуємо використовувати засоби індивідуального захисту органів дихання.\\nУ випадку довготривалого прояву рефлекторних реакцій або інших відчутних наслідків для вашого здоров’я рекомендуємо звернутися за консультацією до вашого лікаря та сумлінно виконувати його настанови.\",\n\t\trecommendations: {\n\t\t\toutdoor: {\n\t\t\t\tall: \"За можливості залишайтеся у приміщенні \\nСкористайтеся засобами захисту органів дихання \\nСкористуйтеся захисними окулярами \\nЗаборона масових заходів на відкритому повітрі \\nЗаборона спортивних подій на відкритому повітрі \\nЗаборона освітніх заходів на відкритому повітрі\",\n\t\t\t\trisk: \"За можливості залишайтеся у приміщенні \\nКористуйтеся засобами захисту органів дихання \\nКористуйтеся захисними окулярами \\nЗаборона масових заходів на відкритому повітрі \\nЗаборона спортивних подій на відкритому повітрі \\nЗаборона освітніх заходів на відкритому повітрі\"\n\t\t\t},\n\t\t\tindoor: {\n\t\t\t\tall: \"Закрийте вікна \\nБез крайньої потреби не провітрюйте приміщення \\nВиконайте позачергове вологе прибирання \\nВикористовуйте побутові очищувачі повітря\",\n\t\t\t\trisk: \"Закрийте вікна \\nБез крайньої потреби не провітрюйте приміщення \\nВиконайте позачергове вологе прибирання \\nВикористовуйте побутові очищувачі повітря\"\n\t\t\t},\n\t\t\tin_case_of_symptoms: {\n\t\t\t\tall: \"Уникайте надмірної фізичної активності \\nВідстежуйте зміни самопочуття \\nЗверніться за консультацією до сімейного лікаря \\nДотримуйтеся звичних порад вашого сімейного лікаря\",\n\t\t\t\trisk: \"Уникайте надмірної фізичної активності \\nВідстежуйте зміни самопочуття \\nЗверніться за консультацією до сімейного лікаря \\nДотримуйтеся звичних порад вашого сімейного лікаря\"\n\t\t\t},\n\t\t\tadditional: {\n\t\t\t\tall: \"Слідкуйте за оновленням інформації \\nВипийте чистої води \\nПісля прогулянки промийте очі та ніс \\nПісля прогулянки прийміть душ \\nПоінформуйте рідних та сусідів про погіршення якості повітря\",\n\t\t\t\trisk: \"Слідкуйте за оновленням інформації \\nВипийте чистої води \\nПісля прогулянки промийте очі та ніс \\nПісля прогулянки прийміть душ \\nПоінформуйте рідних та сусідів про погіршення якості повітря\"\n\t\t\t}\n\t\t} \n\t}\n]","import script from \"./GradientBackground.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./GradientBackground.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./GradientBackground.vue?vue&type=style&index=0&id=db010332&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-db010332\"]])\n\nexport default __exports__","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = function(chunkId) {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce(function(promises, key) {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = function(chunkId) {\n\t// return url for filenames based on template\n\treturn \"js/\" + \"about\" + \".\" + \"7f14dd63\" + \".js\";\n};","// This function allow to reference async chunks\n__webpack_require__.miniCssF = function(chunkId) {\n\t// return url for filenames based on template\n\treturn \"css/\" + \"about\" + \".\" + \"d3cc46b1\" + \".css\";\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","var inProgress = {};\nvar dataWebpackPrefix = \"kiwi:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = function(url, done, key, chunkId) {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\n\t\tscript.src = url;\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = function(prev, event) {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach(function(fn) { return fn(event); });\n\t\tif(prev) return prev(event);\n\t}\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"/\";","if (typeof document === \"undefined\") return;\nvar createStylesheet = function(chunkId, fullhref, oldTag, resolve, reject) {\n\tvar linkTag = document.createElement(\"link\");\n\n\tlinkTag.rel = \"stylesheet\";\n\tlinkTag.type = \"text/css\";\n\tif (__webpack_require__.nc) {\n\t\tlinkTag.nonce = __webpack_require__.nc;\n\t}\n\tvar onLinkComplete = function(event) {\n\t\t// avoid mem leaks.\n\t\tlinkTag.onerror = linkTag.onload = null;\n\t\tif (event.type === 'load') {\n\t\t\tresolve();\n\t\t} else {\n\t\t\tvar errorType = event && event.type;\n\t\t\tvar realHref = event && event.target && event.target.href || fullhref;\n\t\t\tvar err = new Error(\"Loading CSS chunk \" + chunkId + \" failed.\\n(\" + errorType + \": \" + realHref + \")\");\n\t\t\terr.name = \"ChunkLoadError\";\n\t\t\terr.code = \"CSS_CHUNK_LOAD_FAILED\";\n\t\t\terr.type = errorType;\n\t\t\terr.request = realHref;\n\t\t\tif (linkTag.parentNode) linkTag.parentNode.removeChild(linkTag)\n\t\t\treject(err);\n\t\t}\n\t}\n\tlinkTag.onerror = linkTag.onload = onLinkComplete;\n\tlinkTag.href = fullhref;\n\n\n\tif (oldTag) {\n\t\toldTag.parentNode.insertBefore(linkTag, oldTag.nextSibling);\n\t} else {\n\t\tdocument.head.appendChild(linkTag);\n\t}\n\treturn linkTag;\n};\nvar findStylesheet = function(href, fullhref) {\n\tvar existingLinkTags = document.getElementsByTagName(\"link\");\n\tfor(var i = 0; i < existingLinkTags.length; i++) {\n\t\tvar tag = existingLinkTags[i];\n\t\tvar dataHref = tag.getAttribute(\"data-href\") || tag.getAttribute(\"href\");\n\t\tif(tag.rel === \"stylesheet\" && (dataHref === href || dataHref === fullhref)) return tag;\n\t}\n\tvar existingStyleTags = document.getElementsByTagName(\"style\");\n\tfor(var i = 0; i < existingStyleTags.length; i++) {\n\t\tvar tag = existingStyleTags[i];\n\t\tvar dataHref = tag.getAttribute(\"data-href\");\n\t\tif(dataHref === href || dataHref === fullhref) return tag;\n\t}\n};\nvar loadStylesheet = function(chunkId) {\n\treturn new Promise(function(resolve, reject) {\n\t\tvar href = __webpack_require__.miniCssF(chunkId);\n\t\tvar fullhref = __webpack_require__.p + href;\n\t\tif(findStylesheet(href, fullhref)) return resolve();\n\t\tcreateStylesheet(chunkId, fullhref, null, resolve, reject);\n\t});\n}\n// object to store loaded CSS chunks\nvar installedCssChunks = {\n\t524: 0\n};\n\n__webpack_require__.f.miniCss = function(chunkId, promises) {\n\tvar cssChunks = {\"594\":1};\n\tif(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);\n\telse if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {\n\t\tpromises.push(installedCssChunks[chunkId] = loadStylesheet(chunkId).then(function() {\n\t\t\tinstalledCssChunks[chunkId] = 0;\n\t\t}, function(e) {\n\t\t\tdelete installedCssChunks[chunkId];\n\t\t\tthrow e;\n\t\t}));\n\t}\n};\n\n// no hmr\n\n// no prefetching\n\n// no preloaded","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n__webpack_require__.f.j = function(chunkId, promises) {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(true) { // all chunks have JS\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise(function(resolve, reject) { installedChunkData = installedChunks[chunkId] = [resolve, reject]; });\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = function(event) {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n};\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkkiwi\"] = self[\"webpackChunkkiwi\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(691); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["User","reactive","profile","stations","_isAuthenticated","isAuthenticated","this","register","user","console","log","response","axios","post","status","event","method","error","confirmEmail","token","login","email","password","loginGoogle","code","logout","delete","fetchProfile","get","data","fetchStations","saveProfile","patch","__default__","name","watch","async","__exports__","StationsData","_updatedAt","_inUseOf","autoUpdate","_bounds","north","south","east","west","isUpdateNeeded","updateTimeout","Date","now","update","setInUse","nameOfService","indexOf","push","unsetInUse","index","splice","isInUse","length","setupAutoUpdating","setInterval","setBounds","bounds","setFavicon","favicon","document","querySelector","href","window","matchMedia","matches","onMounted","addEventListener","darkStyle","x","y","useMouse","touch","RegionsData","regions","updatedAt","updateInProgress","getUpdated","warn","SelectedStation","station","graphs","average_48h_1h","average_30d_1d","_cancelSource","_onChangedCallbacks","getInfo","getData","getGraphs","set","id","station_id","station_name","cancel","CancelToken","source","fetchData","fetchGraph","callback","remove","cancelToken","updateData","oldData","newData","last_online","key","Object","assign","isSelected","onStationChanged","Error","getStationIcon","typeToIcon","faHouseChimney","faTreeCity","faWrench","faBriefcase","faCircle","service","type","expandBounds","api","increasePercentage","pointNorthEast","getNorthEast","pointSouthWest","getSouthWest","latAdjustment","lat","lngAdjustment","lng","newPointNorthEast","LatLng","newPointSouthWest","newBounds","LatLngBounds","extend","isStationsInMapBounds","map","getBounds","contains","latitude","longitude","isMapAnimation","zoomToUkraine","ukraineBounds","setOptions","gestureHandling","setTimeout","panToBounds","fitBounds","defaultCenter","defaultMapZoom","regionsMode","ref","mapRef","selectedRegion","showRegions","show","value","setStyle","feature","region","find","r","getProperty","level","color","uaqiColors","setProperty","fillColor","strokeWeight","strokeColor","visible","stationsToShow","filterStationsToShow","all","filter","e","arrayRemoveItemAll","arr","i","updatedStations","setupRegions","loadGeoJson","panToLocation","location","panTo","setZoom","n","old","o","onBeforeUnmount","ready","addListener","getZoom","revertStyle","overrideStyle","getGeometry","forEachLatLng","latlng","addListenerOnce","lastZoom","currentZoom","lastPositionJSON","localStorage","getItem","lastPosition","JSON","parse","zoom","position","getCenter","setItem","stringify","__expose","props","__props","onBarHover","v","valueText","toFixed","onHoverText","unit","onHoverTime","format","time","series","computed","s","sensor","values","result","timestamps","count","reduce","max","Math","scale","inMin","inMax","outMin","outMax","scaleByData","vector","vectorClear","min","valueLevel","levels","concat","timestampLables","first","last","interval","floor","second","third","formatTimestamp","timestamp","date","day","String","getDate","padStart","month","getMonth","hours","getHours","minutes","getMinutes","levelColor","graphOpened","levelToText","emit","__emit","target","onClickOutside","class","_createElementVNode","_hoisted_2","_createElementBlock","_hoisted_1","_hoisted_3","mounted","st","__sharethis__","initialize","script","createElement","src","body","appendChild","render","svgUrl","imageSrc","imageDownloadName","stationName","removeIllegalCharacters","stationData","stationTime","shareImageClick","imageBlob","fetch","then","res","blob","file","File","url","text","title","files","navigator","canShare","share","str","replace","getValuesForSvg","stationValues","filteredData","item","slice","types","units","local_unit","processSvg","svg","address","replaceAll","uaqi","main","uaqiDescriptions","air","categories","A","B","C","D","current_values","uaqiColorsBright","loadSVG","ok","statusText","templateSvg","finalSvg","convertSvgToPng","svgData","width","height","svgBlob","Blob","URL","createObjectURL","img","Image","Promise","resolve","onload","canvas","ctx","getContext","drawImage","revokeObjectURL","toBlob","pngUrl","router","useRouter","providerToText","providerToUrl","isShareModalOpen","statsOnClick","params","info","closeOnClick","subscribeOnClick","alert","stationLastOnline","dataIsTooOld","differenceInMinutes","showOldData","showData","pm","mainGases","otherGases","radiation","updateDataInterval","clearInterval","onResultClick","search_term","searchText","transliterateToUkr","transliterationMap","transliteratedText","char","fetchSettlements","settlements","searchIndex","forEach","alternative","description","parseFloat","icon","faMapLocationDot","fuseOptions","keys","weight","results","searchResults","useFuse","resultLimit","selectedIndex","inputKeydown","preventDefault","scrollToSelected","resultElements","querySelectorAll","scrollIntoView","behavior","block","blogHtml","fetchBlog","showLoadingScreen","a","loadingStatus","useUrlSearchParams","route","useRoute","setStationFromUrl","idFromUrl","query","unwatch","isFirstVisit","checkFirstVisit","visited","setVisited","dataLoaded","getStationWord","number","word","sortType","sortReverse","ukrainianToQwerty","qwerty","ukr","c","includes","regionsList","list","name_qwerty","online_stations","sort","b","nameA","toLowerCase","nameB","reverse","levelColorDim","calculateBounds","markers","marker","latLng","generateMarkerIcon","hover","stroke","svgMarker","path","fillOpacity","rotation","pollutant","uaqiCalendarColors","getValueByType","sortData","entries","sortedData","adjustDataToStartFromMonday","dates","firstDate","firstDayOfWeek","getDay","newDate","setDate","formattedDate","toISOString","split","adjustDataToHave365days","startDate","currentDate","setHours","generateCalendarData","dayNames","dataTable","dayIndex","generateHeaderForDataTable","firstRow","headerRow","monthNames","sameMonth","date1","date2","getFullYear","monthName","calendarData","defaultData","calendarContainer","scrollToEnd","container","scrollLeft","scrollWidth","plot","defaultLayout","autosize","margin","t","l","pad","plot_bgcolor","paper_bgcolor","font","family","showlegend","layout","finalLayout","fixedRange","xaxis","yaxis","fixedrange","settings","displaylogo","modeBarButtonsToRemove","renderChart","Plotly","updateChart","recommendationsType","recommendationsTemplate","recommendations","template","faHome","faLungsVirus","faCircleInfo","pollutantsToHide","pollutantsFiltered","pollutants","calendarTypes","calendarType","hoveredStationId","sectionRealtime","sectionStatistics","sectionStations","goToSection","section","stationsGraphs","selectedGraph","dataMonthTitle","dataMonth","average","line","average_y","arrayAverage","filtered","num","undefined","p","fetchStats","fetchCalendar","isSerialNumberValid","serial_number","re","test","isLatValid","isLonValid","isAltValid","isStationNameValid","isUserNameValid","isUrlValid","isPhoneValid","phone","isStationValid","installation_altitude","isEmailValid","passwordInput","enterButton","showInvalid","googleLoginCallback","enterButtonClick","currentRoute","imageLoaded","handleFileChange","reader","FileReader","drawImageFill","formData","FormData","append","uploadImage","readAsDataURL","headers","logo","catch","scaleFactor","newWidth","newHeight","editProfile","logoutClick","saveProfileClick","nameValid","urlValid","phoneValid","saved","full_name","u","trim","localeCompare","onBeforeRouteLeave","answer","confirm","sectionArchives","showRealtime","diffInHours","differenceInHours","graph1Loaded","graph2Loaded","average_7d_20min","dataLimits","fetchAvg48","fetchAvg30","monthSeries","start","at","substring","end","fetchAvg20","fetchStation","counts","hoverinfo","weekdayData","getDayOfWeek","dateString","toLocaleString","weekday","weekData","dayOfWeek","orderedDays","daysShortNames","plotData","daytimeData","hourGroups","hour","histogramData","resetSend","resetClick","password_check","inputError","setByUser","immediate","disabled","center","coords","useGeolocation","currentStep","stepperSteps","faLink","faPenToSquare","faClipboardCheck","newStation","hidden","geolocationUnwatch","userTouchedAltInput","stationLocation","nextClick","steps","stepSerial","stepLocation","stepInfo","stepConfirmation","addStation","onLocationSelected","put","editStation","stationDataElement","deactivateClick","onStationSaveClick","inputs","input","secondStep","acceptTerms","password_confirmation","passwordsNotSame","pass","pass_confirm","registerClick","routes","component","HomeView","StatsView","RegionView","meta","scrollToTop","StationView","LoginView","beforeEnter","to","from","next","PasswordRecoveryView","RegisterView","PasswordResetView","CabinetView","requiresAuth","AddStationView","CabinetStationView","createRouter","history","createWebHistory","process","scrollBehavior","savedPosition","top","beforeEach","_","matched","some","record","defaults","withCredentials","baseURL","createApp","App","use","VueGtag","appName","config","vue3GoogleLogin","clientId","mount","outdoor","risk","indoor","in_case_of_symptoms","additional","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","call","m","deferred","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","every","getter","__esModule","d","definition","defineProperty","enumerable","f","chunkId","promises","miniCssF","g","globalThis","Function","obj","prop","prototype","hasOwnProperty","inProgress","dataWebpackPrefix","done","needAttach","scripts","getElementsByTagName","getAttribute","charset","timeout","nc","setAttribute","onScriptComplete","prev","onerror","clearTimeout","doneFns","parentNode","removeChild","bind","head","Symbol","toStringTag","createStylesheet","fullhref","oldTag","reject","linkTag","rel","nonce","onLinkComplete","errorType","realHref","err","request","insertBefore","nextSibling","findStylesheet","existingLinkTags","tag","dataHref","existingStyleTags","loadStylesheet","installedCssChunks","miniCss","cssChunks","installedChunks","installedChunkData","promise","loadingEnded","realSrc","message","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","chunkLoadingGlobal","self","__webpack_exports__"],"sourceRoot":""}