{"version":3,"sources":["webpack:///./src/views/Dashboard.vue?cd62","webpack:///src/views/Dashboard.vue","webpack:///./src/views/Dashboard.vue?2310","webpack:///./src/views/Dashboard.vue?63ec","webpack:///./src/views/Dashboard.vue?b854"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","attrs","loading","_e","staticStyle","UsagechartOptions","shopUsageSeries","botUsageSeries","lpUsageSeries","trafficBarOptions","trafficBarSeries","donutBarOptions","donutBarSeries","staticRenderFns","components","mounted","getTableData","data","selected","options","operationsBarOptions","operationsBarSeries","usageBarOptions","usageBarSeries","Usageseries","EditUsageseries","OptimizationUsageseries","RemovalUsageseries","chart","type","toolbar","show","plotOptions","radialBar","startAngle","endAngle","hollow","margin","size","background","image","imageOffsetX","imageOffsetY","position","dropShadow","enabled","top","left","blur","opacity","track","strokeWidth","dataLabels","offsetY","color","fontSize","formatter","fill","gradient","shade","shadeIntensity","gradientToColors","inverseColors","opacityFrom","opacityTo","stops","stroke","lineCap","labels","methods","monthToName","zeroPadStr","handleDataLoaded","console","trafficvalscats","trafficvalsvals","pievalscats","pievalsvals","id","xaxis","categories","theme","mode","palette","handleOpsDataLoaded","jobvalscats","datestr","jobvalsvals","jobvals","usagevalscats","usagevalsvals","usagevals","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOT,EAAW,QAAEU,WAAW,YAAYC,YAAY,0BAA0BC,MAAM,CAAC,uBAAuB,iBAAiB,0BAA0B,kBAAkB,6BAA6B,uBAAuB,CAACR,EAAG,MAAMA,EAAG,MAAQJ,EAAIa,QAAuyBb,EAAIc,KAAlyBV,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACQ,MAAM,CAAC,GAAK,MAAM,CAACR,EAAG,SAAS,CAACO,YAAY,UAAUC,MAAM,CAAC,MAAQ,iCAAiC,CAACR,EAAG,YAAY,CAACO,YAAY,UAAUI,YAAY,CAAC,MAAQ,OAAOH,MAAM,CAAC,KAAO,YAAY,QAAUZ,EAAIgB,kBAAkB,OAAShB,EAAIiB,oBAAoB,IAAI,GAAGb,EAAG,QAAQ,CAACQ,MAAM,CAAC,GAAK,MAAM,CAACR,EAAG,SAAS,CAACO,YAAY,UAAUC,MAAM,CAAC,MAAQ,wBAAwB,CAACR,EAAG,YAAY,CAACW,YAAY,CAAC,MAAQ,OAAOH,MAAM,CAAC,KAAO,YAAY,QAAUZ,EAAIgB,kBAAkB,OAAShB,EAAIkB,mBAAmB,IAAI,GAAGd,EAAG,QAAQ,CAACQ,MAAM,CAAC,GAAK,MAAM,CAACR,EAAG,SAAS,CAACO,YAAY,UAAUC,MAAM,CAAC,MAAQ,kCAAkC,CAACR,EAAG,YAAY,CAACW,YAAY,CAAC,MAAQ,OAAOH,MAAM,CAAC,KAAO,YAAY,QAAUZ,EAAIgB,kBAAkB,OAAShB,EAAImB,kBAAkB,IAAI,IAAI,GAAcnB,EAAIa,QAAoUb,EAAIc,KAA/TV,EAAG,SAAS,CAACO,YAAY,UAAUC,MAAM,CAAC,MAAQ,6BAA6B,CAACR,EAAG,YAAY,CAACQ,MAAM,CAAC,KAAO,OAAO,QAAUZ,EAAIoB,kBAAkB,OAASpB,EAAIqB,iBAAiB,OAAS,SAASjB,EAAG,YAAY,CAACQ,MAAM,CAAC,KAAO,QAAQ,QAAUZ,EAAIsB,gBAAgB,OAAStB,EAAIuB,eAAe,OAAS,UAAU,IAAa,IACnhDC,EAAkB,G,8CCqDtB,OAee,OACfjB,iBACAkB,cAGAC,mBAAA,WAKAC,eACA,mCAEA,6CAGAC,gBACA,OACAC,iBACAZ,mBACAC,kBACAC,iBACAE,oBACAD,uBACAG,kBACAD,qBACAT,WACAiB,WACAC,0BAEAC,uBACAC,qBACAC,kBAEAC,iBAEAC,oBAEAC,4BAEAC,uBAEAtB,mBACAuB,OACAC,iBACAC,SACAC,UAGAC,aACAC,WACAC,gBACAC,aACAC,QACAC,SACAC,WACAC,kBACAC,aACAC,eACAC,eACAC,iBACAC,YACAC,WACAC,MACAC,OACAC,OACAC,cAGAC,OACAX,kBACAY,kBACAd,SACAO,YACAC,WACAC,OACAC,OACAC,OACAC,cAIAG,YACArB,QACAnC,MACAyD,YACAtB,QACAuB,aACAC,iBAEAzD,OACA0D,sBACA,oBAEAF,aACAC,gBACAxB,YAKA0B,MACA5B,gBACA6B,UACAC,aACA9B,kBACA+B,kBACAC,6BACAC,iBACAC,cACAC,YACAC,gBAGAC,QACAC,iBAEAC,sBAIAC,SACAC,wBACA,OACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,OACA,MACA,MACA,OAGA,aAEAC,uBAEA,YACA,cAIA,GAGAC,6BACAC,eAGA,wFAEA,wHAEA,kFAGA,SACA,KAEA,kCAEAC,UAEAC,gCAIAD,YACAC,YAEA,SACA,KAEA,wCAEAC,qCAEAC,sCAIAJ,eAEAA,eAEA,wBACA7C,OACAkD,YACAhD,SACAC,UAGAgD,OACAC,cAEAhD,aACAoB,YACArB,QACAnC,MACAyD,YACAtB,QACAuB,aACAC,iBAEAzD,OACA0D,sBACA,oBAEAF,aACAC,gBACAxB,WAIAkD,OACAC,YACAC,qBAMA,wBACAvF,cACAqB,SAKA,sBAEAmD,SACAa,OACAC,YACAC,qBAOA,sBAEAV,eAEAA,eAIA,iBAEAW,gCACAX,eASA,IAPA,iDAEA,iDAEA,KACA,KAEA,oBAEA,yBAEA,iCAEA,oFAEAY,OACAC,GAGAC,OACAC,QAIAH,YACAE,YAEA,2BACA3D,OACAkD,aAEAC,OACAC,eAIA,2BACApF,cACAqB,SAGA,SACA,KAEA,wBAEA,qBAEA,iCAEA,oFAEAwE,OACAH,GAGAI,OACAC,aAIA,sBACA/D,OACAkD,cAEAC,OACAC,eAIA,sBACApF,eACAqB,YChZmV,I,wBCQ/U2E,EAAY,eACd,EACAxG,EACAyB,GACA,EACA,KACA,KACA,MAIa,aAAA+E,E,kECnBf","file":"js/chunk-5c9745d6.b1b142e3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"animated fadeIn bg-dark\",attrs:{\"element-loading-text\":'Please wait...',\"element-loading-spinner\":\"el-icon-loading\",\"element-loading-background\":\"rgba(0, 0, 0, 0.8)\"}},[_c('br'),_c('br'),(!_vm.loading)?_c('b-row',[_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-card',{staticClass:\"bg-dark\",attrs:{\"title\":\"E-commerce Store Consumption\"}},[_c('apexchart',{staticClass:\"bg-dark\",staticStyle:{\"width\":\"90%\"},attrs:{\"type\":\"radialBar\",\"options\":_vm.UsagechartOptions,\"series\":_vm.shopUsageSeries}})],1)],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-card',{staticClass:\"bg-dark\",attrs:{\"title\":\"Mailbox Consumption\"}},[_c('apexchart',{staticStyle:{\"width\":\"90%\"},attrs:{\"type\":\"radialBar\",\"options\":_vm.UsagechartOptions,\"series\":_vm.botUsageSeries}})],1)],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-card',{staticClass:\"bg-dark\",attrs:{\"title\":\"Newsletter / Blog Consumption\"}},[_c('apexchart',{staticStyle:{\"width\":\"90%\"},attrs:{\"type\":\"radialBar\",\"options\":_vm.UsagechartOptions,\"series\":_vm.lpUsageSeries}})],1)],1)],1):_vm._e(),(!_vm.loading)?_c('b-card',{staticClass:\"bg-dark\",attrs:{\"title\":\"Site Visits Last 30 days\"}},[_c('apexchart',{attrs:{\"type\":\"line\",\"options\":_vm.trafficBarOptions,\"series\":_vm.trafficBarSeries,\"height\":\"699\"}}),_c('apexchart',{attrs:{\"type\":\"donut\",\"options\":_vm.donutBarOptions,\"series\":_vm.donutBarSeries,\"height\":\"701\"}})],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <div  class=\"animated fadeIn bg-dark\" v-loading=\"loading\"\n    :element-loading-text=\"'Please wait...'\"\n    element-loading-spinner=\"el-icon-loading\"\n    element-loading-background=\"rgba(0, 0, 0, 0.8)\">\n  \n    <br/>\n    <br/>\n    <b-row v-if=\"!loading\">\n\n      <b-col lg=\"4\">\n        <b-card title=\"E-commerce Store Consumption\" class=\"bg-dark\">\n          <apexchart  style=\"width: 90%\" type=\"radialBar\"  :options=\"UsagechartOptions\" :series=\"shopUsageSeries\" class=\"bg-dark\"></apexchart>\n        </b-card>\n        \n      </b-col>\n\n      <b-col lg=\"4\">\n        <b-card title=\"Mailbox Consumption\" class=\"bg-dark\">\n          <apexchart  style=\"width: 90%\" type=\"radialBar\"  :options=\"UsagechartOptions\" :series=\"botUsageSeries\"></apexchart>\n\n        </b-card>\n        \n      </b-col>\n\n      <b-col lg=\"4\" >\n        <b-card title=\"Newsletter / Blog Consumption\" class=\"bg-dark\">\n          <apexchart  style=\"width: 90%\" type=\"radialBar\"  :options=\"UsagechartOptions\" :series=\"lpUsageSeries\"></apexchart>\n\n        </b-card>\n        \n      </b-col>\n\n      \n      \n    </b-row>\n\n    <b-card title=\"Site Visits Last 30 days\" class=\"bg-dark\" v-if=\"!loading\">\n          <apexchart   type=\"line\" :options=\"trafficBarOptions\" :series=\"trafficBarSeries\" height=\"699\"></apexchart>\n\n          <apexchart  type=\"donut\" :options=\"donutBarOptions\" :series=\"donutBarSeries\" height=\"701\"></apexchart>\n          \n    </b-card>\n\n  </div>\n</template>\n\n<script>\n\nimport { Autocomplete } from 'element-ui';\nimport {createItemJsonPost, getTableData} from '../services/v1/api_store'\nimport {DEFAULT_TOAST} from '../services/v1/constants';\n\nconst opts =  DEFAULT_TOAST;\n\n\nfunction clearTemp(store) {\n\n  const token = localStorage.getItem('tok') || null;\n\n  if (token) {\n    store.commit('setcurrentToken', token);\n\n    store.dispatch('clearLocalToken');\n  }\n  \n}\n\nexport default {\n  name: 'dashboard',\n  components: {\n    \n  },\n  mounted () {\n    // this.$store.dispatch('clearLocalToken');\n\n    let self =this;\n\n    getTableData(\n      this.$store,\n      `users/homestats/all`,\n      (text) => this.handleDataLoaded(text)\n    );\n  },\n  data: function () {\n    return {\n      selected: 'Month',\n      shopUsageSeries: [],\n      botUsageSeries: [],\n      lpUsageSeries: [],\n      trafficBarSeries: [],\n      trafficBarOptions: null,\n      donutBarSeries: [],\n      donutBarOptions: null,\n      loading: true,\n      options: {},\n      operationsBarOptions: null,\n      \n      operationsBarSeries: [],\n      usageBarOptions: null,\n      usageBarSeries: [],\n\n      Usageseries: [75],\n\n      EditUsageseries: [0],\n\n      OptimizationUsageseries: [0],\n\n      RemovalUsageseries: [0],\n\n      UsagechartOptions: {\n            chart: {\n              type: 'radialBar',\n              toolbar: {\n                show: false\n              }\n            },\n            plotOptions: {\n              radialBar: {\n                startAngle: -135,\n                endAngle: 225,\n                 hollow: {\n                  margin: 0,\n                  size: '70%',\n                  background: '#fff',\n                  image: undefined,\n                  imageOffsetX: 0,\n                  imageOffsetY: 0,\n                  position: 'front',\n                  dropShadow: {\n                    enabled: true,\n                    top: 3,\n                    left: 0,\n                    blur: 4,\n                    opacity: 0.24\n                  }\n                },\n                track: {\n                  background: '#fff',\n                  strokeWidth: '67%',\n                  margin: 0, // margin is in pixels\n                  dropShadow: {\n                    enabled: true,\n                    top: -3,\n                    left: 0,\n                    blur: 4,\n                    opacity: 0.35\n                  }\n                },\n            \n                dataLabels: {\n                  show: true,\n                  name: {\n                    offsetY: -10,\n                    show: true,\n                    color: '#888',\n                    fontSize: '17px'\n                  },\n                  value: {\n                    formatter: function(val) {\n                      return parseInt(val);\n                    },\n                    color: '#111',\n                    fontSize: '36px',\n                    show: true,\n                  }\n                }\n              }\n            },\n            fill: {\n              type: 'gradient',\n              gradient: {\n                shade: 'dark',\n                type: 'horizontal',\n                shadeIntensity: 0.5,\n                gradientToColors: ['#ABE5A1'],\n                inverseColors: true,\n                opacityFrom: 1,\n                opacityTo: 1,\n                stops: [0, 100]\n              }\n            },\n            stroke: {\n              lineCap: 'round'\n            },\n            labels: ['Percent'],\n          },\n    }\n  },\n  methods: {\n    monthToName(num){\n      const months = [\n        'JAN',\n        'FEB',\n        'MAR',\n        'APR',\n        'MAY',\n        'JUN',\n        'JUL',\n        'AUG',\n        'SEPT',\n        'OCT',\n        'NOV',\n        'DEC'\n      ]\n\n      return months[num]\n    },\n    zeroPadStr(num){\n\n      if(num<10){\n        return `0${num}`;\n      }\n\n      else{\n        return num;\n      }\n    },\n    handleDataLoaded (resp) {\n        console.log(resp);\n        \n\n        this.shopUsageSeries = [(resp.response.shop_usage.usage/ resp.response.shop_usage.allocation)*100];\n\n        this.botUsageSeries = [(resp.response.mb_usage.usage/ (resp.response.mb_usage.allocation > 0?resp.response.mb_usage.allocation:1))*100];\n\n        this.lpUsageSeries = [(resp.response.ns_usage.usage/ resp.response.ns_usage.allocation)*100];\n\n\n        const trafficvalscats = []\n        const trafficvalsvals = [];\n\n        for (let k in resp.response.dau_stats){\n\n          trafficvalscats.push(k);\n\n          trafficvalsvals.push(resp.response.dau_stats[k]);\n\n        }\n\n        trafficvalscats.reverse();\n        trafficvalsvals.reverse();\n\n        const pievalscats = []\n        const pievalsvals = [];\n\n        for (let k in resp.response.breakdown_stats){\n\n          pievalscats.push(k.replace('$pageview - ', ''));\n\n          pievalsvals.push(resp.response.breakdown_stats[k]);\n\n        }\n\n        console.log(trafficvalscats);\n\n        console.log(trafficvalsvals);\n\n        this.trafficBarOptions ={\n          chart: {\n            id: 'line-2',\n            toolbar: {\n                show: false\n              }\n          },\n          xaxis: {\n            categories: trafficvalscats\n          },\n          plotOptions: {\n            dataLabels: {\n                  show: true,\n                  name: {\n                    offsetY: -10,\n                    show: true,\n                    color: '#888',\n                    fontSize: '17px'\n                  },\n                  value: {\n                    formatter: function(val) {\n                      return parseInt(val);\n                    },\n                    color: '#111',\n                    fontSize: '36px',\n                    show: true,\n                  }\n                }\n          },\n          theme: {\n            mode: 'dark', \n            palette: 'palette6', \n      \n          }\n          \n        }\n\n        this.trafficBarSeries = [{\n          name: 'visits',\n          data: trafficvalsvals\n        }]\n\n\n\n        this.donutBarOptions ={\n          \n          labels: pievalscats,\n          theme: {\n            mode: 'dark', \n            palette: 'palette6', \n      \n          }\n\n          \n        }\n\n        this.donutBarSeries = pievalsvals;\n\n        console.log(pievalscats);\n\n        console.log(pievalsvals);\n\n          \n\n        this.loading = false;\n    }, \n    handleOpsDataLoaded (resp) {\n        console.log(resp);\n\n        const jobvals = resp.response.job_vals?resp.response.job_vals:[];\n\n        const usagevals = resp.response.usage_vals?resp.response.usage_vals:[];\n\n        const jobvalscats = []\n        const jobvalsvals = [];\n\n        for(var i=0; i < jobvals.length; i++) {\n\n          var dtobj = new Date(jobvals[i].day)\n\n          var monthnm = this.monthToName(dtobj.getMonth());\n\n          var datestr = `${dtobj.getFullYear()}-${monthnm}-${this.zeroPadStr(dtobj.getDate())}`\n\n          jobvalscats.push(\n            datestr\n          )\n\n          jobvalsvals.push(\n            jobvals[i].c\n          )\n        }\n\n        jobvalscats.reverse();\n        jobvalsvals.reverse();\n\n        this.operationsBarOptions ={\n          chart: {\n            id: 'line-1'\n          },\n          xaxis: {\n            categories: jobvalscats\n          }\n        }\n\n        this.operationsBarSeries = [{\n          name: 'visits',\n          data: jobvalsvals\n        }]\n\n        const usagevalscats = [];\n        const usagevalsvals = [];\n\n        for(var i=0; i < usagevals.length; i++) {\n\n          var dtobj = new Date(usagevals[i].day);\n\n          var monthnm = this.monthToName(dtobj.getMonth())\n\n          var datestr = `${dtobj.getFullYear()}-${monthnm}-${this.zeroPadStr(dtobj.getDate())}`\n\n          usagevalscats.push(\n            datestr\n          )\n\n          usagevalsvals.push(\n            usagevals[i].totals\n          )\n        }\n\n        this.usageBarOptions ={\n          chart: {\n            id: 'charges'\n          },\n          xaxis: {\n            categories: usagevalscats\n          }\n        }\n\n        this.usageBarSeries = [{\n          name: 'charges',\n          data: usagevalsvals\n        }]\n  }}\n}\n</script>\n\n<style>\n  /* IE fix */\n  #card-chart-01, #card-chart-02 {\n    width: 100% !important;\n  }\n</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!./Dashboard.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!./Dashboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=7e8240ab&\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Dashboard.vue?vue&type=style&index=0&id=7e8240ab&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dashboard.vue?vue&type=style&index=0&id=7e8240ab&prod&lang=css&\""],"sourceRoot":""}