{"version":3,"sources":["webpack:///./src/views/introducer/statistics/index.vue?39f3","webpack:///./src/assets/images/dm-group-logo.png","webpack:///./src/components/common/questionnaires/questionnaire/Footer.vue","webpack:///src/components/common/questionnaires/questionnaire/Footer.vue","webpack:///./src/components/common/questionnaires/questionnaire/Footer.vue?85d4","webpack:///./src/components/common/questionnaires/questionnaire/Footer.vue?1c14","webpack:///./src/views/introducer/statistics/index.vue","webpack:///./src/views/introducer/statistics/Infographics.vue","webpack:///src/views/introducer/statistics/Infographics.vue","webpack:///./src/views/introducer/statistics/Infographics.vue?9dca","webpack:///./src/views/introducer/statistics/Infographics.vue?b885","webpack:///./src/views/introducer/statistics/CommissionPieChart.vue","webpack:///src/views/introducer/statistics/CommissionPieChart.vue","webpack:///./src/views/introducer/statistics/CommissionPieChart.vue?2ec7","webpack:///./src/views/introducer/statistics/CommissionPieChart.vue?5835","webpack:///./src/views/introducer/statistics/TransactionPieChart.vue","webpack:///src/views/introducer/statistics/TransactionPieChart.vue","webpack:///./src/views/introducer/statistics/TransactionPieChart.vue?180b","webpack:///./src/views/introducer/statistics/TransactionPieChart.vue?c7da","webpack:///./src/views/introducer/statistics/TrendChart.vue","webpack:///src/views/introducer/statistics/TrendChart.vue","webpack:///./src/views/introducer/statistics/TrendChart.vue?f6b3","webpack:///./src/views/introducer/statistics/TrendChart.vue?745a","webpack:///src/views/introducer/statistics/index.vue","webpack:///./src/views/introducer/statistics/index.vue?29ce","webpack:///./src/views/introducer/statistics/index.vue?2dad"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","_m","attrs","require","_v","_s","Date","getFullYear","staticRenderFns","component","formData","period","introducer_admin","introducer","introducer_name","_e","on","config","show","isIntroducerAdmin","set","model","value","configModal","callback","$$v","$set","expression","info","commissions","clients","coupons","products","chartOptions","series"],"mappings":"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EAAIsC,OAAO,OAAS,UAAU,IAAI,IAErQ1B,EAAkB,GCuBtB,GACA,2BACA,OACA,UACA,YACA,cAGA,OACA,OACA,UACA,YAGA,UACA,cAEA,OACA,WACA,eAGA,UACA,OACA,iCAEA,eACA,OACA,OACA,SACA,SAEA,YAEA,uCACA,mBACA,QACA,QACA,kBACA,gBACA,yBAEA,aACA,KACA,YACA,cAIA,YACA,0CACA,sEAEA,OACA,gBACA,0BAGA,SACA,OACA,gBACA,6BAMA,SACA,QAEA,oEACA,IACA,sBACA,6CACA,wCACA,eACA,wBACA,4DAGA,MACA,IACA,oBC3G0X,ICOtX,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBXb,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACA,EAAG,KAAK,CAACE,YAAY,yBAAyB,CAACJ,EAAIQ,GAAG,iBAAiBN,EAAG,cAAc,CAACA,EAAG,YAAY,CAACI,MAAM,CAAC,QAAUN,EAAIqC,aAAa,OAASrC,EAAIsC,OAAO,OAAS,UAAU,IAAI,IAElQ1B,EAAkB,G,qBCctB,GACA,kBACA,OACA,UACA,YACA,cAGA,OACA,OACA,YAGA,UACA,cAEA,OACA,WACA,eAGA,UACA,OACA,iCAEA,mBACA,gEAEA,eACA,OACA,OACA,SACA,SAEA,YAEA,mBACA,YACA,sBACA,wBAEA,OACA,gBACA,0BAGA,SACA,GACA,sBACA,cAGA,OACA,gBACA,0BAGA,OACA,QACA,OACA,gBACA,2BAIA,OACA,QACA,OACA,gBACA,yBAEA,aACA,sBAOA,SACA,QAEA,OACA,6DACA,SACA,aACA,CACA,mBACA,qBACA,4BACA,iBAKA,UACA,oBChHiX,ICO7W,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,oBCiDf,GACA,kBACA,YACA,cACA,gBACA,qBACA,sBACA,aACA,oBAEA,OACA,MACA,QACA,aACA,WACA,UACA,8BACA,mCACA,4FAKA,aACA,OACA,MACA,eACA,+EAEA,UACA,uBACA,gBACA,wBAIA,UACA,OACA,iCAEA,mBACA,gEAEA,yBACA,oEAGA,SACA,SACA,0BAEA,OACA,mBCvH4W,ICQxW,G,UAAY,eACd,EACAb,EACAa,GACA,EACA,KACA,WACA,OAIa,e","file":"js/chunk-7df76931.a2c2b22c.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=0ff77cf3&prod&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/dm-group-logo.3598a5b0.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"footer_wrap\"},[_c('div',{staticClass:\"flex-grow-1\"}),_c('div',{staticClass:\"app-footer shadow\"},[_vm._m(0),_c('div',{staticClass:\"footer-bottom border-top pt-3 d-flex flex-column flex-sm-row align-items-center\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('img',{staticClass:\"logo\",attrs:{\"alt\":\"\",\"src\":require(\"@/assets/images/dm-group-logo.png\")}}),_c('div',[_c('div',[_c('p',{staticClass:\"m-0\"},[_vm._v(\"© \"+_vm._s(new Date().getFullYear())+\" TDMG\")]),_c('p',{staticClass:\"m-0\"},[_vm._v(\"All rights reserved\")])])]),_c('span',{staticClass:\"flex-grow-1\"})])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-9\"},[_c('p',[_c('strong',[_vm._v(\"The Dunham McCarthy Group\")])]),_c('p',[_vm._v(\" All information is stored on our secure server and processed in line with our terms of business and privacy policy. \")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"footer_wrap\">\n    <div class=\"flex-grow-1\"></div>\n    <div class=\"app-footer shadow\">\n      <div class=\"row\">\n        <div class=\"col-md-9\">\n          <p><strong>The Dunham McCarthy Group</strong></p>\n          <p>\n            All information is stored on our secure server and processed in line with our terms of business and privacy policy.\n          </p>\n        </div>\n      </div>\n      <div\n          class=\"footer-bottom border-top pt-3 d-flex flex-column flex-sm-row align-items-center\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <img alt=\"\" class=\"logo\" src=\"@/assets/images/dm-group-logo.png\"/>\n          <div>\n            <div>\n              <p class=\"m-0\">&copy; {{ new Date().getFullYear() }} TDMG</p>\n              <p class=\"m-0\">All rights reserved</p>\n            </div>\n          </div>\n          <span class=\"flex-grow-1\"></span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: 'Footer'\n};\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./Footer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../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!./Footer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Footer.vue?vue&type=template&id=d95f0d22\"\nimport script from \"./Footer.vue?vue&type=script&lang=js\"\nexport * from \"./Footer.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._m(0),_c('Header'),_c('div',{staticClass:\"container mt-24\"},[_c('div',{staticClass:\"section-title\"},[_c('div',{staticClass:\"d-flex pt-2 pl-2 pr-2 justify-content-between\"},[_c('h4',{staticClass:\"p-3 mb-1\"},[_c('span',[_vm._v(_vm._s(_vm.formData.period)+\" \"),(_vm.introducer_admin && !_vm.formData.introducer)?_c('small',[_vm._v(\"(\"+_vm._s('All of your users')+\")\")]):(_vm.introducer_admin && _vm.formData.introducer_name )?_c('small',[_vm._v(\"(\"+_vm._s(_vm.formData.introducer_name)+\")\")]):_vm._e()])]),_c('h4',{staticClass:\"p-3 configGear\"},[_c('b-link',{on:{\"click\":_vm.config}},[_c('i',{staticClass:\"text-25 text-secondary i-Gear\"})])],1)])]),_c('Inforgraphics',{attrs:{\"formData\":_vm.formData}}),_c('b-row',{staticClass:\"mb-24\"},[_c('b-col',{attrs:{\"lg\":\"6\",\"md\":\"6\",\"sm\":\"12\"}},[_c('CommissionPieChart',{attrs:{\"formData\":_vm.formData}})],1),_c('b-col',{attrs:{\"lg\":\"6\",\"md\":\"6\",\"sm\":\"12\"}},[_c('TransactionPieChart',{attrs:{\"formData\":_vm.formData}})],1)],1),_c('b-row',{staticClass:\"mb-24\"},[_c('b-col',[_c('TrendChart',{attrs:{\"formData\":_vm.formData}})],1)],1)],1),_c('div',{staticClass:\"container\"},[_c('Footer')],1),_c('ConfigModal',{attrs:{\"isIntroducerAdmin\":_vm.show.isIntroducerAdmin,\"formData\":_vm.formData},on:{\"change\":_vm.set},model:{value:(_vm.show.configModal),callback:function ($$v) {_vm.$set(_vm.show, \"configModal\", $$v)},expression:\"show.configModal\"}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"hero-wrapper\"},[_c('div',{staticClass:\"hero\"},[_c('div',{staticClass:\"container\"},[_c('h1',{staticClass:\"text-white\"},[_vm._v(\"Statistics\")]),_c('h3',{staticClass:\"text-white\"},[_vm._v(\"Overview of your commissions.\")])])])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.info)?_c('b-row',[_c('b-col',{attrs:{\"lg\":\"3\",\"md\":\"6\",\"sm\":\"12\"}},[_c('b-card',{staticClass:\"card-icon-bg card-icon-bg-primary o-hidden mb-30 text-center\"},[_c('i',{staticClass:\"i-Financial\"}),_c('div',{staticClass:\"content\"},[_c('p',{staticClass:\"text-muted mt-2 mb-0\"},[_vm._v(\"Commissions\")]),_c('p',{staticClass:\"text-primary text-24 line-height-1 mb-2\"},[_vm._v(\"£\"+_vm._s(_vm.info.commissions||0))])])])],1),_c('b-col',{attrs:{\"lg\":\"3\",\"md\":\"6\",\"sm\":\"12\"}},[_c('b-card',{staticClass:\"card-icon-bg card-icon-bg-primary o-hidden mb-30 text-center\"},[_c('i',{staticClass:\"i-Business-ManWoman\"}),_c('div',{staticClass:\"content\"},[_c('p',{staticClass:\"text-muted mt-2 mb-0\"},[_vm._v(\"Clients\")]),_c('p',{staticClass:\"text-primary text-24 line-height-1 mb-2\"},[_vm._v(_vm._s(_vm.info.clients||0))])])])],1),_c('b-col',{attrs:{\"lg\":\"3\",\"md\":\"6\",\"sm\":\"12\"}},[_c('b-card',{staticClass:\"card-icon-bg card-icon-bg-primary o-hidden mb-30 text-center\"},[_c('i',{staticClass:\"i-Ticket\"}),_c('div',{staticClass:\"content\"},[_c('p',{staticClass:\"text-muted mt-2 mb-0\"},[_vm._v(\"Coupons\")]),_c('p',{staticClass:\"text-primary text-24 line-height-1 mb-2\"},[_vm._v(_vm._s(_vm.info.coupons||0))])])])],1),_c('b-col',{attrs:{\"lg\":\"3\",\"md\":\"6\",\"sm\":\"12\"}},[_c('b-card',{staticClass:\"card-icon-bg card-icon-bg-primary o-hidden mb-30 text-center\"},[_c('i',{staticClass:\"i-Checkout\"}),_c('div',{staticClass:\"content\"},[_c('p',{staticClass:\"text-muted mt-2 mb-0\"},[_vm._v(\"Products\")]),_c('p',{staticClass:\"text-primary text-24 line-height-1 mb-2\"},[_vm._v(_vm._s(_vm.info.products||0))])])])],1)],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n      <b-row v-if=\"info\">\n\n<!-- total commission -->\n<b-col lg=\"3\" md=\"6\" sm=\"12\">\n  <b-card\n    class=\"card-icon-bg card-icon-bg-primary o-hidden mb-30 text-center\"\n  >\n    <i class=\"i-Financial\"></i>\n    <div class=\"content\">\n      <p class=\"text-muted mt-2 mb-0\">Commissions</p>\n      <p class=\"text-primary text-24 line-height-1 mb-2\">£{{info.commissions||0}}</p>\n    </div>\n  </b-card>\n</b-col>\n\n<!-- clients -->\n<b-col lg=\"3\" md=\"6\" sm=\"12\">\n  <b-card\n    class=\"card-icon-bg card-icon-bg-primary o-hidden mb-30 text-center\"\n  >\n    <i class=\"i-Business-ManWoman\"></i>\n    <div class=\"content\">\n      <p class=\"text-muted mt-2 mb-0\">Clients</p>\n      <p class=\"text-primary text-24 line-height-1 mb-2\">{{info.clients||0}}</p>\n    </div>\n  </b-card>\n</b-col>\n\n<!-- cooupons -->\n<b-col lg=\"3\" md=\"6\" sm=\"12\">\n  <b-card\n    class=\"card-icon-bg card-icon-bg-primary o-hidden mb-30 text-center\"\n  >\n    <i class=\"i-Ticket\"></i>\n    <div class=\"content\">\n      <p class=\"text-muted mt-2 mb-0\">Coupons</p>\n      <p class=\"text-primary text-24 line-height-1 mb-2\">{{info.coupons||0}}</p>\n    </div>\n  </b-card>\n</b-col>\n\n<!-- products -->\n<b-col lg=\"3\" md=\"6\" sm=\"12\">\n  <b-card\n    class=\"card-icon-bg card-icon-bg-primary o-hidden mb-30 text-center\"\n  >\n    <i class=\"i-Checkout\"></i>\n    <div class=\"content\">\n      <p class=\"text-muted mt-2 mb-0\">Products</p>\n      <p class=\"text-primary text-24 line-height-1 mb-2\">{{info.products||0}}</p>\n    </div>\n  </b-card>\n</b-col>\n</b-row>\n\n</template>\n\n<script>\n\nimport {http} from \"@/services\";\n\nexport default {\n  name: 'Infographics',\n  props:['formData'],\n  data() {\n    return {\n      info: null,\n      show:{\n        loading:false,\n      }\n    }\n  },\n  mounted() {\n    this.fetch()\n  },\n  watch:{\n    formData(){\n      this.fetch()\n    },\n  },\n  computed: {\n    user() {\n      return this.$store.getters.user\n    },\n    introducer() {\n      return this.user?.is_introducer\n    }\n  },\n  methods: {\n    fetch() {\n      // fetches results\n      this.show.loading = true\n\n      http.get('report_infographics', {params: this.formData}).then(\n          response => {\n            this.info = response.data\n            this.show.loading = false\n          }\n      ).catch(\n          error => {\n            console.log(error)\n            this.show.loading = false\n          }\n      )\n    },\n\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./Infographics.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./Infographics.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Infographics.vue?vue&type=template&id=aad38064\"\nimport script from \"./Infographics.vue?vue&type=script&lang=js\"\nexport * from \"./Infographics.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',[_c('h3',{staticClass:\"ul-widget__head-title\"},[_vm._v(\" Commissions \")]),_c('b-card-body',[_c('apexchart',{attrs:{\"options\":_vm.chartOptions,\"series\":_vm.series,\"height\":\"300\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n<b-card>\n  <h3 class=\"ul-widget__head-title\">\n      Commissions\n      </h3>\n\n  <b-card-body>\n\n    <apexchart\n      :options=\"chartOptions\"\n                   :series=\"series\"\n                   height=\"300\"\n          />\n\n  </b-card-body>\n\n</b-card>\n\n\n</template>\n\n<script>\nimport {http} from \"@/services\";\nimport \"@/plugins/apexChart.js\";\n\nexport default {\n  name: 'CommissionPieChart',\n  props:{\n    formData:{\n      type:Object,\n      required:true\n    }\n  },\n  data() {\n    return {\n      series: [],\n      labels:[],\n    }\n  },\n  mounted() {\n    this.fetch()\n  },\n  watch:{\n    formData(){\n      this.fetch()\n    },\n  },\n  computed: {\n    user() {\n      return this.$store.getters.user\n    },\n    chartOptions(){\n      return {\n        chart: {\n          toolbar: {\n            show: false,\n          },\n          type: 'pie',\n        },\n        colors:['#663069','#a58e50','#447694'],\n        labels: this.labels,\n        legend: {\n          show: true,\n          position: 'bottom',\n          fontSize: \"12px\",\n          fontFamily: 'Montserrat',\n        },\n        plotOptions:{\n          pie:{\n            dataLabels:{\n              offset:-30\n            },\n          },\n        },\n        dataLabels:{\n            formatter: function(value, { seriesIndex, w }) {\n              return [\"%\"+value.toFixed(0),w.config.labels[seriesIndex] + \":  £\" + w.config.series[seriesIndex]]\n            }, \n            style: {\n              fontSize: \"12px\",\n              fontFamily: 'Montserrat',\n            }\n          },\n        tooltip:{\n          y: {\n            formatter: function (\n              value\n            ) {\n              return `£${value}`;\n            },\n          },\n          style: {\n            fontSize: \"12px\",\n            fontFamily: 'Montserrat',\n          }\n        }\n      }\n    },\n  },\n  methods: {\n    fetch() {\n      // fetches results\n      http.get('report_commissions_chart', {params: this.formData}).then(\n          response => {\n            this.chartdata = response.data\n            console.log('this.chartdata', this.chartdata)\n            this.labels = Object.keys(this.chartdata)\n            this.series = []\n            this.labels.forEach(d=>{\n              this.series.push(this.chartdata[d]?this.chartdata[d]:0)\n            })\n          }\n      ).catch(\n          error => {\n            console.log(error)\n          }\n      )\n    },\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./CommissionPieChart.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./CommissionPieChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CommissionPieChart.vue?vue&type=template&id=198b8b54\"\nimport script from \"./CommissionPieChart.vue?vue&type=script&lang=js\"\nexport * from \"./CommissionPieChart.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',[_c('h3',{staticClass:\"ul-widget__head-title\"},[_vm._v(\" Transactions \")]),_c('b-card-body',[_c('apexchart',{attrs:{\"options\":_vm.chartOptions,\"series\":_vm.series,\"height\":\"300\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <b-card>\n    <h3 class=\"ul-widget__head-title\">\n        Transactions\n        </h3>\n  \n    <b-card-body>\n  \n      <apexchart :options=\"chartOptions\"\n                     :series=\"series\"\n                     height=\"300\"\n            />\n  \n    </b-card-body>\n  \n  </b-card>\n  \n  \n  </template>\n  \n  <script>\n  import {http} from \"@/services\";\n  import \"@/plugins/apexChart.js\";\n  \n  export default {\n    name: 'TransactionPieChart',\n    props:{\n      formData:{\n        type:Object,\n        required:true\n      }\n    },\n    data() {\n      return {\n        series: [],\n        labels:[],\n      }\n    },\n    mounted() {\n      this.fetch()\n    },\n    watch:{\n      formData(){\n        this.fetch()\n      },\n    },\n    computed: {\n      user() {\n        return this.$store.getters.user\n      },\n      chartOptions(){\n        return {\n          chart: {\n            toolbar: {\n              show: false,\n            },\n            type: 'pie',\n          },\n          colors:['#663069','#a58e50','#447694'],\n          labels: this.labels,\n          legend: {\n            show: true,\n            position: 'bottom',\n            fontSize: \"12px\",\n            fontFamily: 'Montserrat',\n          },\n          plotOptions:{\n            pie:{\n              dataLabels:{\n                offset:-30\n              },\n            },\n          },\n          dataLabels:{\n            formatter: function(value, { seriesIndex, w }) {\n              return [\"%\"+value.toFixed(0),w.config.labels[seriesIndex] + \":  \" + w.config.series[seriesIndex]]\n            },          \n            style: {\n              fontSize: \"12px\",\n              fontFamily: 'Montserrat',\n            }\n          },\n          tooltip:{\n            style: {\n              fontSize: \"12px\",\n              fontFamily: 'Montserrat',\n            }\n          }\n        }\n      },\n    },\n    methods: {\n      fetch() {\n        // fetches results\n        http.get('report_transactions_chart', {params: this.formData}).then(\n            response => {\n              this.chartdata = response.data\n              console.log('this.chartdata', this.chartdata)\n              this.labels = Object.keys(this.chartdata)\n              this.series = []\n              this.labels.forEach(d=>{\n                this.series.push(this.chartdata[d]?this.chartdata[d]:0)\n              })\n            }\n        ).catch(\n            error => {\n              console.log(error)\n            }\n        )\n      },\n    }\n  }\n  </script>\n  ","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./TransactionPieChart.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./TransactionPieChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TransactionPieChart.vue?vue&type=template&id=144fa191\"\nimport script from \"./TransactionPieChart.vue?vue&type=script&lang=js\"\nexport * from \"./TransactionPieChart.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',[_c('h3',{staticClass:\"ul-widget__head-title\"},[_vm._v(\"Commissions\")]),_c('b-card-body',[_c('apexchart',{attrs:{\"options\":_vm.chartOptions,\"series\":_vm.series,\"height\":\"300\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card>\n    <h3 class=\"ul-widget__head-title\">Commissions</h3>\n\n    <b-card-body>\n      <apexchart :options=\"chartOptions\" :series=\"series\" height=\"300\" />\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport { http } from \"@/services\";\n\nimport \"@/plugins/apexChart.js\";\nimport moment from \"moment\";\n\nexport default {\n  name: \"TrendChart\",\n  props: {\n    formData: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      series: [],\n    };\n  },\n  mounted() {\n    this.fetch();\n  },\n  watch: {\n    formData() {\n      this.fetch();\n    },\n  },\n  computed: {\n    user() {\n      return this.$store.getters.user;\n    },\n    introducer() {\n      return this.user?.is_introducer;\n    },\n    chartOptions() {\n      return {\n        chart: {\n          toolbar: {\n            show: false,\n          },\n          type: \"bar\",\n        },\n        colors:['#663069'],\n        dataLabels: {\n          formatter: function (value) {\n            return \"£\" + value.toFixed(2);\n          },\n          style: {\n              fontSize: \"12px\",\n              fontFamily: 'Montserrat',\n            }\n        },\n        tooltip: {\n          y: {\n            formatter: function (value) {\n              return `£${value}`;\n            },\n          },\n          style: {\n            fontSize: \"12px\",\n            fontFamily: \"Montserrat\",\n          },\n        },\n        xaxis: {\n          labels: {\n            style: {\n              fontSize: \"12px\",\n              fontFamily: \"Montserrat\",\n            },\n          },\n        },\n        yaxis: {\n          labels: {\n            style: {\n              fontSize: \"12px\",\n              fontFamily: \"Montserrat\",\n            },\n            formatter: (val) => {\n              return `£${val.toFixed(0)}`;\n            },\n          },\n        },\n      };\n    },\n  },\n  methods: {\n    fetch() {\n      // fetches results\n      http\n        .get(\"report_commissions_trend_chart\", { params: this.formData })\n        .then((response) => {\n          this.series = [\n            {\n              name: \"Commissions\",\n              data: response.data.map((d) => ({\n                x: moment(d.date).format(\"MMM\"),\n                y: d.total,\n              })),\n            },\n          ];\n        })\n        .catch((error) => {\n          console.log(error);\n        });\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./TrendChart.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./TrendChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TrendChart.vue?vue&type=template&id=99137dd8\"\nimport script from \"./TrendChart.vue?vue&type=script&lang=js\"\nexport * from \"./TrendChart.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","<template>\n  <div>\n    <div class=\"hero-wrapper\">\n      <div class=\"hero\">\n        <div class=\"container\">\n          <h1 class=\"text-white\">Statistics</h1>\n          <h3 class=\"text-white\">Overview of your commissions.</h3>\n        </div>\n      </div>\n    </div>\n    <Header/>\n\n    <div class=\"container mt-24\">\n\n      <div class=\"section-title \">\n        <div class=\"d-flex pt-2 pl-2 pr-2 justify-content-between\">\n\n          <h4 class=\"p-3 mb-1\">\n            <span>{{formData.period}} <small v-if=\"introducer_admin && !formData.introducer\">({{'All of your users'}})</small><small v-else-if=\"introducer_admin && formData.introducer_name \">({{formData.introducer_name}})</small></span>\n          </h4>\n          <h4 class=\"p-3 configGear\">\n            <b-link @click=\"config\">\n              <i class=\"text-25 text-secondary i-Gear\"></i>\n            </b-link>\n          </h4>\n        </div>\n      </div>\n\n\n      <Inforgraphics :formData=\"formData\" />\n\n      <b-row class=\"mb-24\">\n        <b-col lg=\"6\" md=\"6\" sm=\"12\">\n          <CommissionPieChart :formData=\"formData\" />\n        </b-col>\n        <b-col lg=\"6\" md=\"6\" sm=\"12\">\n          <TransactionPieChart :formData=\"formData\" />\n        </b-col>\n      </b-row>\n\n      <b-row class=\"mb-24\">\n        <b-col>\n          <TrendChart :formData=\"formData\" />\n        </b-col>\n      </b-row>\n\n    </div>\n\n\n    <div class=\"container\">\n      <Footer />\n    </div>\n\n    <ConfigModal v-model=\"show.configModal\" :isIntroducerAdmin=\"show.isIntroducerAdmin\" :formData=\"formData\" @change=\"set\" />\n\n  </div>\n</template>\n\n<script>\nimport Footer from \"@/components/common/questionnaires/questionnaire/Footer\";\nimport Inforgraphics from \"@/views/introducer/statistics/Infographics\";\nimport CommissionPieChart from \"@/views/introducer/statistics/CommissionPieChart\";\nimport TransactionPieChart from \"@/views/introducer/statistics/TransactionPieChart\";\nimport TrendChart from \"@/views/introducer/statistics/TrendChart\";\nimport ConfigModal from \"@/views/introducer/statistics/ConfigModal\";\n\n\nexport default {\n  name: 'Statistics',\n  components: {\n    Footer,\n    Inforgraphics,\n    CommissionPieChart,\n    TransactionPieChart,\n    TrendChart,\n    ConfigModal,\n  },\n  watch:{\n    user: {\n      deep: true,\n      immediate: true,\n      handler(value) {\n        if (value) {\n          this.formData.introducer = null\n          this.formData.introducer_name = null\n          this.show.isIntroducerAdmin = !!this.user?.is_introducer_admin\n        }\n      }\n    },\n  },\n  data() {\n    return {\n      show:{\n        configModal: false,\n        isIntroducerAdmin: !!this.user?.is_introducer_admin\n      },\n      formData:{\n        period: 'Last 6 Months',\n        introducer: null,\n        introducer_name: null,\n      }\n    }\n  },\n  computed: {\n    user() {\n      return this.$store.getters.user\n    },\n    introducer() {\n      return this.user?.is_introducer\n    },\n    introducer_admin() {\n      return !!this.user?.is_introducer_admin\n    }\n  },\n  methods: {\n    config(){\n      this.show.configModal=true\n    },\n    set(val){\n      this.formData = val\n    },\n  }\n}\n</script>\n\n<style scoped>\n.configGear{\n  z-index: 999; \n  background-color: #f5f7fa;\n  margin-bottom: -12px;\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0ff77cf3&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=0ff77cf3&prod&scoped=true&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  \"0ff77cf3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}