{"version":3,"sources":["webpack:///./src/views/report/DateReport.vue","webpack:///./src/components/dashboard/TotalOrders.vue","webpack:///src/components/dashboard/TotalOrders.vue","webpack:///./src/components/dashboard/TotalOrders.vue?fdfd","webpack:///./src/components/dashboard/TotalOrders.vue?08dc","webpack:///src/views/report/DateReport.vue","webpack:///./src/views/report/DateReport.vue?a92a","webpack:///./src/views/report/DateReport.vue?db13","webpack:///./src/components/dashboard/TotalOrders.vue?8b1a","webpack:///./src/views/report/DateReport.vue?d9cc"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","staticRenderFns","attrs","chartData","chartOptions","dayjs","extend","localeData","name","components","LineChart","totalOrders","loadTotalOrders","Object","values","langcode","locale","months","labels","datasets","label","data","fill","borderColor","tension","methods","loginInfo","Common","getLoginInfo","Report","apiUrl","err","console","log","responsive","maintainAspectRatio","watch","newCharData","assign","computed","mapState","state","component","TotalOrders"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,KAAK,CAACF,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAG,WAAW,MAAMP,EAAIM,GAAGN,EAAIO,GAAG,oBAAoB,SAASL,EAAG,KAAK,CAACE,YAAY,aAAa,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAG,uBAAuBL,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,KAAK,CAACF,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAG,oBAAoBL,EAAG,gBAAgB,QAEjcM,EAAkB,G,YCFlBT,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAG,oBAAoBL,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,YAAY,CAACO,MAAM,CAAC,UAAYT,EAAIU,UAAU,QAAUV,EAAIW,iBAAiB,MAElTH,EAAkB,G,0FCWtBI,IAAAC,OAAAC,KAOe,OACfC,KAAA,cACAC,WAAA,CACAC,kBAEA,gBACA,IAAAC,QAAA,KAAAC,kBACAD,EAAAE,OAAAC,OAAAH,GAGA,YAAAI,UACAV,IAAAW,OAAA,SAEA,MAAAC,EAAAZ,IAAAY,SACAd,EAAA,CACAe,OAAAD,EACAE,SAAA,CACA,CACAC,MAAA,KAAApB,GAAA,gBACAqB,KAAAV,EACAW,MAAA,EACAC,YAAA,oBACAC,QAAA,MAIA,KAAArB,aAEAsB,QAAA,CACA,wBACA,IACA,MAAAC,EAAAC,OAAAC,eACAjB,QAAAkB,OAAAjB,gBAAA,KAAAkB,OAAAJ,GACA,OAAAf,EACA,MAAAoB,GACAC,QAAAC,IAAAF,MAIAV,OACA,OACAlB,UAAA,KACAC,aAAA,CACA8B,YAAA,EACAC,qBAAA,KAIAC,MAAA,CACA,oBAEA,YAAArB,SACAV,IAAAW,OAAA,SAEAX,IAAAW,OAAA,MAEA,MAAAC,EAAAZ,IAAAY,SACA,KAAAd,UAAAe,OAAAD,EACA,KAAAd,UAAAgB,SAAA,GAAAC,MAAA,KAAApB,GAAA,eACA,MAAAqC,EAAAxB,OAAAyB,OAAA,QAAAnC,WACA,KAAAA,UAAAkC,IAGAE,SAAAC,eAAA,CACAzB,SAAA0B,KAAA1B,SACAe,OAAAW,KAAAX,UCrFoT,I,wBCQhTY,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCAA,GACflC,KAAA,SACAC,WAAA,CACAkC,eAEAtB,OACA,OACA,qBAGAkB,SAAAC,eAAA,CACAV,OAAAW,KAAAX,UC9BmT,ICQ/S,G,UAAY,eACd,EACAtC,EACAS,GACA,EACA,KACA,WACA,OAIa,e,yFCnBf,W,kCCAA","file":"js/chunk-3a667676.0fdc9da6.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"report\"},[_c('div',{staticClass:\"page-header\"},[_c('h1',[_vm._v(_vm._s(_vm.$t('Report'))+\" > \"+_vm._s(_vm.$t('Realtime Report'))+\" \")])]),_c('h2',{staticClass:\"subheader\"},[_vm._v(_vm._s(_vm.$t('Realtime Report')))]),_c('div',{staticClass:\"charts-cards\"},[_c('div',{staticClass:\"chart-inner\"},[_c('h2',[_vm._v(_vm._s(_vm.$t('Total Orders')))]),_c('TotalOrders')],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"top-sales-wrapper\"},[_c('div',{staticClass:\"chart-title\"},[_vm._v(_vm._s(_vm.$t('Total Orders')))]),_c('div',{staticClass:\"chart-wrapper\"},[_c('LineChart',{attrs:{\"chartData\":_vm.chartData,\"options\":_vm.chartOptions}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"top-sales-wrapper\">\n    <div class=\"chart-title\">{{ $t('Total Orders') }}</div>\n    <div class=\"chart-wrapper\">\n      <LineChart :chartData=\"chartData\" :options=\"chartOptions\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex';\nimport dayjs from 'dayjs';\nimport localeData from 'dayjs/plugin/localeData';\ndayjs.extend(localeData);\nimport 'dayjs/locale/zh-hk';\n\nimport LineChart from '@/components/chart/LineChart.vue';\nimport Common from '@/lib/common';\nimport Report from '@/lib/report';\n\nexport default {\n  name: 'TotalOrders',\n  components: {\n    LineChart,\n  },\n  async mounted(){\n    let totalOrders = await this.loadTotalOrders();\n    totalOrders = Object.values(totalOrders);\n\n    //If current langcode is chinese\n    if(this.langcode === 'zh'){\n      dayjs.locale('zh-hk');\n    }\n    const months = dayjs.months();\n    const chartData = {\n      labels: months,\n      datasets: [\n        {\n          label: this.$t('Total Orders'),\n          data: totalOrders,\n          fill: false,\n          borderColor: 'rgb(75, 192, 192)',\n          tension: 0.1\n        }\n      ],\n    };\n    this.chartData = chartData;\n  },\n  methods:{\n    async loadTotalOrders(){\n      try{\n        const loginInfo = Common.getLoginInfo();\n        const totalOrders = await Report.loadTotalOrders(this.apiUrl, loginInfo);\n        return totalOrders;\n      }catch(err){\n        console.log(err);\n      }\n    },\n  },\n  data(){\n    return {\n      chartData: null,\n      chartOptions: {\n        responsive: true,\n        maintainAspectRatio: false,\n      }\n    }\n  },\n  watch: {\n    'langcode': function(){\n      //Watch the langcode change, and then update the chart data.\n      if(this.langcode === 'zh'){\n        dayjs.locale('zh-hk');\n      }else{\n        dayjs.locale('en');\n      }\n      const months = dayjs.months();\n      this.chartData.labels = months;\n      this.chartData.datasets[0].label = this.$t('Total Sales');\n      const newCharData = Object.assign({}, this.chartData);\n      this.chartData = newCharData;\n    }\n  },\n  computed: mapState({\n    langcode: state => state.langcode,\n    apiUrl: state => state.apiUrl,\n  }),\n}\n</script>\n\n<style scoped lang=\"scss\">\n.top-sales-wrapper{\n  margin-top: 50px;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TotalOrders.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TotalOrders.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TotalOrders.vue?vue&type=template&id=c95683a4&scoped=true&\"\nimport script from \"./TotalOrders.vue?vue&type=script&lang=js&\"\nexport * from \"./TotalOrders.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TotalOrders.vue?vue&type=style&index=0&id=c95683a4&prod&scoped=true&lang=scss&\"\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  \"c95683a4\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"report\">\n    <div class=\"page-header\">\n      <h1>{{ $t('Report') }} > {{$t('Realtime Report') }} </h1>\n    </div>\n    <h2 class=\"subheader\">{{ $t('Realtime Report') }}</h2>\n    <div class=\"charts-cards\">\n      <div class=\"chart-inner\">\n        <h2>{{ $t('Total Orders') }}</h2>\n        <TotalOrders />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from 'vuex';\nimport TotalOrders from '@/components/dashboard/TotalOrders.vue';\n\nexport default {\n  name: 'Report',\n  components: {\n    TotalOrders,\n  },\n  data(){\n    return {\n      'dateSelect': 'Daily',\n    };\n  },\n  computed: mapState({\n   apiUrl: state => state.apiUrl,\n }),\n}\n</script>\n\n<style scoped lang=\"scss\">\n.subheader{\n  margin-top: 30px;\n  margin-bottom: 30px;\n}\n.charts-cards{\n  display: flex;\n  flex-wrap: wrap;\n}\n.chart-inner{\n  -webkit-box-flex: 0;\n  -ms-flex: 0 0 80%;\n  flex: 0 0 80%;\n  margin-right: 10px;\n  margin-top: 50px;\n  background-color: white;\n  padding: 20px;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateReport.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateReport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DateReport.vue?vue&type=template&id=9292b96c&scoped=true&\"\nimport script from \"./DateReport.vue?vue&type=script&lang=js&\"\nexport * from \"./DateReport.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DateReport.vue?vue&type=style&index=0&id=9292b96c&prod&scoped=true&lang=scss&\"\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  \"9292b96c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TotalOrders.vue?vue&type=style&index=0&id=c95683a4&prod&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateReport.vue?vue&type=style&index=0&id=9292b96c&prod&scoped=true&lang=scss&\""],"sourceRoot":""}