{"version":3,"sources":["webpack:///./src/pages/WorldStatsPage.vue?0a04","webpack:///src/pages/WorldStatsPage.vue","webpack:///./src/pages/WorldStatsPage.vue?717e","webpack:///./src/pages/WorldStatsPage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","on","$event","checkClick","attrs","exportTime","staticClass","charts","$t","staticRenderFns","name","components","TimeStamp","FloatingMenu","data","loaded","mounted","$nextTick","elm","document","querySelector","classList","add","clearInterval","checker","computed","methods","e","target","contains","shareDropdowns","forEach","el","getCharts","$el","querySelectorAll","title","item","titleKey","link","key","icon","undefined","watch","component"],"mappings":"gHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOP,EAAIQ,WAAWD,MAAW,CAACH,EAAG,aAAa,CAACK,MAAM,CAAC,KAAOT,EAAIU,cAAcN,EAAG,cAAc,CAACO,YAAY,cAAc,CAACP,EAAG,QAAQ,CAACK,MAAM,CAAC,KAAO,OAAO,CAACL,EAAG,QAAQ,CAACA,EAAG,MAAM,CAACO,YAAY,iBAAiBF,MAAM,CAAC,GAAK,uBAAuB,IAAI,GAAGL,EAAG,eAAe,CAACK,MAAM,CAAC,KAAOT,EAAIY,OAAO,MAAQZ,EAAIa,GAAG,wBAAwB,IACrdC,EAAkB,G,0GCqBtB,GACEC,KAAM,iBACNC,WAAY,CACVC,UAAJ,OACIC,aAAJ,QAEEC,KANF,WAOI,MAAO,CACLC,QAAQ,EACRR,OAAQ,KAGZS,QAZF,WAYA,WACIpB,KAAKqB,WAAU,WAEb,OAAN,OAAM,CACN,iBACA,QACA,eACA,qBAKI,IAAJ,0BACM,IAAN,8CACUC,IACFC,SAASC,cAAc,eAAeC,UAAUC,IAAI,UACpD,EAAR,UACQC,cAAcC,MAEtB,KAEEC,SAAU,OAAZ,OAAY,CAAZ,GACA,wBACI,WAAJ,gBAGEC,QAAS,CACPvB,WADJ,SACA,GACM,IAAN,4BACA,2BAIUwB,EAAEC,OAAOP,UAAUQ,SAAS,kBAGhCC,EAAeC,SAAQ,SAA7B,GACQC,EAAGX,UAAUQ,SAAS,QAC9B,2BACA,4BAQII,UArBJ,WAqBA,WACMrC,KAAKsC,IAAIC,iBAAiB,6BAA6BJ,SAAQ,SAArE,GACQ,IAAR,sCACA,YACQ,EAAR,aACUK,MAAOC,GAAQA,EAAKC,SAAW,EAAzC,2BACUC,KAAMC,EACNC,KAAMJ,EAAOA,EAAKI,UAAOC,SAKjCC,MAAO,CACL5B,OAAQ,SAAZ,KACMnB,KAAKqC,eC/F6U,I,YCOpVW,EAAY,eACd,EACAlD,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAAmC,E","file":"js/world.60e04b65.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{\"click\":function($event){return _vm.checkClick($event)}}},[_c('Time-stamp',{attrs:{\"date\":_vm.exportTime}}),_c('b-container',{staticClass:\"stats-page\"},[_c('b-row',{attrs:{\"cols\":\"12\"}},[_c('b-col',[_c('div',{staticClass:\"visualizations\",attrs:{\"id\":\"visualizations\"}})])],1)],1),_c('FloatingMenu',{attrs:{\"list\":_vm.charts,\"title\":_vm.$t('navbar.goToGraph')}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div @click=\"checkClick($event)\">\n    <Time-stamp :date=\"exportTime\" />\n    <b-container class=\"stats-page\">\n      <b-row cols=\"12\">\n        <b-col>\n          <div id=\"visualizations\" class=\"visualizations\"></div>\n        </b-col>\n      </b-row>\n    </b-container>\n    <FloatingMenu :list=\"charts\" :title=\"$t('navbar.goToGraph')\" />\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport TimeStamp from \"components/TimeStamp\";\nimport FloatingMenu from \"components/FloatingMenu\";\nimport { Visualizations } from \"visualizations/App.fsproj\";\nimport { ApiEndpoint } from \"@/store/index.js\";\nimport chartsFloatMenu from \"components/floatingMenuDict\";\n\nexport default {\n  name: \"WorldStatsPage\",\n  components: {\n    TimeStamp,\n    FloatingMenu,\n  },\n  data() {\n    return {\n      loaded: false,\n      charts: [],\n    };\n  },\n  mounted() {\n    this.$nextTick(() => {\n      // must use next tick, so whole DOM is ready and div#id=visualizations exists\n      Visualizations(\n        \"visualizations\",\n        \"world\",\n        this.$route.query,\n        ApiEndpoint()\n      );\n    });\n\n    // stupid spinner impl, but i do not know better (charts are react component, no clue when they are rendered)\n    let checker = setInterval(() => {\n      let elm = document.querySelector(\".highcharts-point\");\n      if (elm) {\n        document.querySelector(\".stats-page\").classList.add(\"loaded\");\n        this.loaded = true;\n        clearInterval(checker);\n      }\n    }, 80);\n  },\n  computed: {\n    ...mapState(\"stats\", {\n      exportTime: \"exportTime\",\n    }),\n  },\n  methods: {\n    checkClick(e) {\n      const shareDropdowns = this.$el.querySelectorAll(\n        \".share-dropdown-wrapper\"\n      );\n\n      // ignore click if the clicked element is share button or its icon or caption\n      if (e.target.classList.contains(\"share-button-\")) return;\n\n      // else check if any of the dropdowns is opened and close it/them\n      shareDropdowns.forEach((el) => {\n        el.classList.contains(\"show\")\n          ? el.classList.remove(\"show\")\n          : el.classList.add(\"hide\");\n      });\n\n      // TODO: there is still an issue where if you immediately click on the same\n      // share button again, it won't open the dropdown because ShareButton.fs\n      // component is not aware that the dropdown was closed within this method.\n      // I think the right way to do this would be to listen for clicks within App.fs\n    },\n    getCharts() {\n      this.$el.querySelectorAll(\".visualization-chart h2 a\").forEach((el) => {\n        const key = el.getAttribute(\"href\").substring(1);\n        const item = chartsFloatMenu[key];\n        this.charts.push({\n          title: item && item.titleKey ? this.$t(item.titleKey) : el.innerHTML,\n          link: key,\n          icon: item ? item.icon : undefined,\n        });\n      });\n    },\n  },\n  watch: {\n    loaded: function (newValue, oldValue) {\n      this.getCharts();\n    },\n  },\n};\n</script>\n\n<style lang=\"sass\"></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WorldStatsPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WorldStatsPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WorldStatsPage.vue?vue&type=template&id=be470808&\"\nimport script from \"./WorldStatsPage.vue?vue&type=script&lang=js&\"\nexport * from \"./WorldStatsPage.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}