{"version":3,"sources":["webpack:///./src/components/reports/EntityPerDayChart.vue?e8df","webpack:///src/components/reports/EntityPerDayChart.vue","webpack:///./src/components/reports/EntityPerDayChart.vue?962a","webpack:///./src/components/reports/EntityPerDayChart.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$t","title","scopedSlots","_u","key","fn","ref","height","options","series","proxy","staticRenderFns","name","components","mixins","props","mainDateFilter","String","entity","type","Number","default","data","mounted","$refs","dayChart","chart","setLocale","$i18n","locale","beforeUpdate","computed","id","dataLabels","enabled","xaxis","annotations","x","Date","getFullYear","getMonth","getDate","getTime","borderColor","yAxisIndex","label","show","text","style","color","background","results","state","items","selectedDateRange","length","operator","filter","sort","a","b","value","generalApp","allSelectedFilters","forEach","filterObj","attribute","values","widgetParams","limit","dates","push","innerArr","component"],"mappings":"8GAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,YAAcP,EAAIQ,GAAGR,EAAIS,QAAQC,YAAYV,EAAIW,GAAG,CAAC,CAACC,IAAI,aAAaC,GAAG,WAAW,MAAO,CAACT,EAAG,YAAY,CAACU,IAAI,WAAWP,MAAM,CAAC,KAAO,MAAM,OAASP,EAAIe,OAAO,QAAUf,EAAIgB,QAAQ,OAAShB,EAAIiB,YAAYC,OAAM,QAAW,IACxYC,EAAkB,G,usBCgBtB,OACEC,KAAM,oBACNC,WAAY,CACV,UAAa,EAAjB,GAEEC,OAAQ,CACV,gBAAI,UAAJ,UAEEC,MAAO,CACLC,eAAgBC,OAChBhB,MAAOgB,OACPC,OAAQD,OACRV,OAAQ,CACNY,KAAMC,OACNC,QAAS,MAGbC,KAjBF,WAkBI,MAAO,IA6ETC,QA/FF,WAgGI9B,KAAK+B,MAAMC,SAASC,MAAMC,UAAUlC,KAAKmC,MAAMC,SAEjDC,aAlGF,WAmGIrC,KAAK+B,MAAMC,SAASC,MAAMC,UAAUlC,KAAKmC,MAAMC,SAEjDE,SAAU,EAAZ,KACA,gCADA,IAEIvB,QAFJ,WAGM,IAAN,GACQ,MAAR,CACUwB,GAAI,SAAWvC,KAAKyB,OAAS,SACvC,MACA,WACA,SACA,oBAGQe,WAAY,CACVC,SAAS,GAEXC,MAAO,CACLhB,KAAM,YAERiB,YAAa,CACXD,MAAO,CAAC,CACNE,EAAG,IAAIC,MAAK,IAAIA,MAAOC,eAAe,IAAID,MAAOE,YAAY,IAAIF,MAAOG,WAAWC,UACnFC,YAAa,OACbC,WAAY,EACZC,MAAO,CACLC,MAAM,EACNC,KAAMtD,KAAKO,GAAG,iBACdgD,MAAO,CACLC,MAAO,OACPC,WAAY,aAMtB,OAAO1C,GAET2C,QApCJ,WAoCA,WACA,KA8BM,OA7BmB,OAAf1D,KAAK2D,QACPD,EAAU1D,KAAK2D,MAAMC,OAGnB5D,KAAK6D,kBAAkBC,OAAS,IACI,IAAlC9D,KAAK6D,kBAAkBC,SAEvBJ,EADyC,OAAvC1D,KAAK6D,kBAAkB,GAAGE,SAClBL,EAAQM,QAAO,SAArC,GACc,OAAO,EAArB,uCAGsBN,EAAQM,QAAO,SAArC,GACc,OAAO,EAArB,wCAI8C,IAAlChE,KAAK6D,kBAAkBC,SACzBJ,EAAUA,EAAQM,QAAO,SAAnC,GACY,OAAO,EAAnB,gFAKMN,EAAQO,MAAK,SAAUC,EAAGC,GAGxB,OAFAD,EAAIA,EAAEE,MACND,EAAIA,EAAEC,MACCF,EAAIC,GAAK,EAAID,EAAIC,EAAI,EAAI,KAG3BT,GAETG,kBArEJ,WAqEA,WACA,KAMM,OALA7D,KAAKqE,WAAWC,mBAAmBC,SAAQ,SAAjD,GACYP,EAAOQ,UAAUC,YAAc,EAA3C,iBACUZ,EAAoBG,EAAOQ,UAAUE,WAGlCb,GAETc,aA9EJ,WA+EM,MAAO,CACLC,MAAO,IACPH,UAAWzE,KAAKuB,iBAGpBP,OApFJ,WAuFM,IAFA,IAAI6D,EAAQ,GAClB,sBACA,aACQ,IAAR,4BACA,wBACA,QACQA,EAAMC,KAAKC,GAEb,MAAO,CAAC,CACN5D,KAAMnB,KAAKO,GAAG,iBAAmB,IAAMP,KAAKyB,OAC5CI,KAAMgD,QCrN4V,I,YCOtWG,EAAY,eACd,EACAlF,EACAoB,GACA,EACA,KACA,KACA,MAIa,OAAA8D,E","file":"js/app~25990f4f.app~25990f4f.eabb8b3e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipments-per-day-chart\"},[_c('wrld-box',{attrs:{\"headerTitle\":_vm.$t(_vm.title)},scopedSlots:_vm._u([{key:\"boxContent\",fn:function(){return [_c('apexchart',{ref:\"dayChart\",attrs:{\"type\":\"bar\",\"height\":_vm.height,\"options\":_vm.options,\"series\":_vm.series}})]},proxy:true}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"shipments-per-day-chart\">\n    <wrld-box :headerTitle=\"$t(title)\">\n\n      <template v-slot:boxContent>\n        <apexchart ref=\"dayChart\" type=\"bar\" :height=\"height\" :options=\"options\" :series=\"series\"></apexchart>\n      </template>\n    </wrld-box>\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport { createWidgetMixin } from 'vue-instantsearch'\nimport { connectRefinementList } from 'instantsearch.js/es/connectors/'\nimport VueApexCharts from 'vue-apexcharts'\n\nexport default {\n  name: 'EntityPerDayChart',\n  components: {\n    'apexchart': VueApexCharts\n  },\n  mixins: [\n    createWidgetMixin({ connector: connectRefinementList })\n  ],\n  props: {\n    mainDateFilter: String,\n    title: String,\n    entity: String,\n    height: {\n      type: Number,\n      default: 400\n    }\n  },\n  data () {\n    return {\n      // options: {\n      //   chart: {\n      //     id: 'total-' + this.entity + '-chart',\n      //     // defaultLocale: 'en',\n      //     locales: [{\n      //       \"name\": \"en\",\n      //       \"options\": {\n      //         \"months\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"],\n      //         \"shortMonths\": [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"],\n      //         \"days\": [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\"],\n      //         \"shortDays\": [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"],\n      //         \"toolbar\": {\n      //           \"exportToSVG\": \"Download SVG\",\n      //           \"exportToPNG\": \"Download PNG\",\n      //           \"menu\": \"Menu\",\n      //           \"selection\": \"Selection\",\n      //           \"selectionZoom\": \"Selection Zoom\",\n      //           \"zoomIn\": \"Zoom In\",\n      //           \"zoomOut\": \"Zoom Out\",\n      //           \"pan\": \"Panning\",\n      //           \"reset\": \"Reset Zoom\"\n      //         }\n      //       }\n      //     },\n      //     {\n      //       \"name\": \"cs\",\n      //       \"options\": {\n      //         \"months\": [\"Leden\", \"Únor\", \"Březen\", \"Duben\", \"Květen\", \"Červen\", \"Červenec\", \"Srpen\", \"Září\", \"Říjen\", \"Listopad\", \"Prosinec\"],\n      //         \"shortMonths\": [\"Led\", \"Úno\", \"Bře\", \"Dub\", \"Kvě\", \"Čvn\", \"Čvc\", \"Srp\", \"Zář\", \"Říj\", \"Lis\", \"Pro\"],\n      //         \"days\": [\"Neděle\", \"Pondělí\", \"Úterý\", \"Středa\", \"Čtvrtek\", \"Pátek\", \"Sobota\"],\n      //         \"shortDays\": [\"Ne\", \"Po\", \"Út\", \"St\", \"Čt\", \"Pá\", \"So\"],\n      //         \"toolbar\": {\n      //           \"exportToSVG\": \"Stáhnout SVG\",\n      //           \"exportToPNG\": \"Stáhnout PNG\",\n      //           \"exportToCSV\": \"Stáhnout CSV\",\n      //           \"menu\": \"Menu\",\n      //           \"selection\": \"Vybrat\",\n      //           \"selectionZoom\": \"Zoom: Vybrat\",\n      //           \"zoomIn\": \"Zoom: Přiblížit\",\n      //           \"zoomOut\": \"Zoom: Oddálit\",\n      //           \"pan\": \"Přesouvat\",\n      //           \"reset\": \"Resetovat\"\n      //         }\n      //       }\n      //     }\n      //   ],\n      //   zoom: {\n      //     enabled: true,\n      //     type: 'x',\n      //     autoScaleYaxis: true\n      //     }\n      //   },\n      //   dataLabels: {\n      //     enabled: false\n      //   },\n      //   xaxis: {\n      //     type: 'datetime'\n      //   },\n      //   annotations: {\n      //     xaxis: [{\n      //       x: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()).getTime(),\n      //       borderColor: '#999',\n      //       yAxisIndex: 0,\n      //       label: {\n      //         show: true,\n      //         text: this.$t('reports.today'),\n      //         style: {\n      //           color: '#fff',\n      //           background: '#000'\n      //         }\n      //       }\n      //     }]\n      //   }\n      // }\n    }\n  },\n  mounted () {\n    this.$refs.dayChart.chart.setLocale(this.$i18n.locale)\n  },\n  beforeUpdate () {\n    this.$refs.dayChart.chart.setLocale(this.$i18n.locale)\n  },\n  computed: {\n    ...mapState(['generalApp']),\n    options () {\n      let options = {\n          chart: {\n          id: 'total-' + this.entity + '-chart',\n        zoom: {\n          enabled: true,\n          type: 'x',\n          autoScaleYaxis: true\n          }\n        },\n        dataLabels: {\n          enabled: false\n        },\n        xaxis: {\n          type: 'datetime'\n        },\n        annotations: {\n          xaxis: [{\n            x: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()).getTime(),\n            borderColor: '#999',\n            yAxisIndex: 0,\n            label: {\n              show: true,\n              text: this.$t('reports.today'),\n              style: {\n                color: '#fff',\n                background: '#000'\n              }\n            }\n          }]\n        }\n      }\n      return options\n    },\n    results () {\n      let results = []\n      if (this.state !== null) {\n        results = this.state.items\n      }\n\n      if (this.selectedDateRange.length > 0) {\n        if (this.selectedDateRange.length === 1) {\n          if (this.selectedDateRange[0].operator === '>=') {\n            results = results.filter(date => {\n              return (date.value >= this.selectedDateRange[0].value)\n            })\n          } else {\n            results = results.filter(date => {\n              return (date.value <= this.selectedDateRange[0].value)\n            })\n          }\n        }\n        if (this.selectedDateRange.length === 2) {\n          results = results.filter(date => {\n            return (date.value >= this.selectedDateRange[0].value && date.value <= this.selectedDateRange[1].value)\n          })\n        }\n      }\n\n      results.sort(function (a, b) {\n        a = a.value\n        b = b.value\n        return a < b ? -1 : a > b ? 1 : 0\n      })\n\n      return results\n    },\n    selectedDateRange () {\n      let selectedDateRange = []\n      this.generalApp.allSelectedFilters.forEach(filter => {\n        if (filter.filterObj.attribute === this.mainDateFilter) {\n          selectedDateRange = filter.filterObj.values\n        }\n      })\n      return selectedDateRange\n    },\n    widgetParams () {\n      return {\n        limit: 1000,\n        attribute: this.mainDateFilter\n      }\n    },\n    series () {\n      var dates = []\n      const recordLength = this.results.length\n      for (let i = 0; i < recordLength; i++) {\n        const date = this.results[i].value * 1000\n        const count = this.results[i].count\n        const innerArr = [date, count]\n        dates.push(innerArr)\n      }\n      return [{\n        name: this.$t('reports.total') + ' ' + this.entity,\n        data: dates\n      }]\n    }\n  }\n}\n</script>\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!./EntityPerDayChart.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!./EntityPerDayChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EntityPerDayChart.vue?vue&type=template&id=06beac02&\"\nimport script from \"./EntityPerDayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./EntityPerDayChart.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":""}