{"version":3,"sources":["webpack:///./src/components/HearingSourceStatistics/index.vue?b80f","webpack:///src/components/HearingSourceStatistics/index.vue","webpack:///./src/components/HearingSourceStatistics/index.vue?84a0","webpack:///./src/components/HearingSourceStatistics/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","_v","attrs","chartData","options","staticClass","staticRenderFns","name","components","PieChart","loaded","labels","datasets","backgroundColor","data","borderColor","responsive","maintainAspectRatio","legend","pieceLabel","mode","precision","tooltips","callbacks","label","tooltipItem","Math","ceil","plugins","datalabels","title","font","weight","value","color","textAlign","size","formatter","ctx","percentage","sum","dataArr","chart","map","index","dataIndex","methods","query","reqName","then","res","el","watch","$route","handleGetData","immediate","component","VCard","VCardText","VCardTitle","VCol","VProgressCircular"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAAEJ,EAAU,OAAEI,EAAG,SAAS,CAACE,YAAY,CAAC,gBAAgB,SAAS,CAACF,EAAG,eAAe,CAACE,YAAY,CAAC,YAAY,SAAS,CAACN,EAAIO,GAAG,+CAA+CH,EAAG,cAAc,CAACA,EAAG,WAAW,CAACI,MAAM,CAAC,UAAYR,EAAIS,UAAU,QAAUT,EAAIU,YAAY,IAAI,GAAGN,EAAG,QAAQ,CAACO,YAAY,cAAcH,MAAM,CAAC,KAAO,OAAO,CAACJ,EAAG,sBAAsB,CAACO,YAAY,cAAcH,MAAM,CAAC,KAAO,MAAM,cAAgB,GAAG,MAAQ,cAAc,IAAI,IACxiBI,EAAkB,G,YCuBP,GACbC,KAAM,gBACNC,WAAY,CACVC,SAAU,IAAM,iDAElB,OACE,MAAO,CACLC,QAAQ,EACRP,UAAW,CACTQ,OAAQ,GACRC,SAAU,CACR,CACEC,gBAAiB,CACf,UACA,UACA,UACA,UACA,UACA,UACA,WAEFC,KAAM,GACNC,YAAa,UAInBX,QAAS,CACPY,YAAY,EACZC,qBAAqB,EACrBC,QAAQ,EACRC,WAAY,CACVC,KAAM,aACNC,UAAW,GAEbC,SAAU,CACRC,UAAW,CACTC,MAAO,SAASC,EAAaX,GAC3B,OACEA,EAAK,UAAUW,EAAY,UAC3B,KACAC,KAAKC,KAAKb,EAAK,YAAY,GAAG,QAAQW,EAAY,WAClD,OAKRG,QAAS,CACPC,WAAY,CACVlB,OAAQ,CACNmB,MAAO,CACLC,KAAM,CACJC,OAAQ,SAIZC,MAAO,CACLC,MAAO,UAIXA,MAAO,QACPC,UAAW,SACXJ,KAAM,CACJC,OAAQ,OACRI,KAAM,IAERC,UAAW,CAACJ,EAAOK,KACjB,IACIC,EADAC,EAAM,EAENC,EAAUH,EAAII,MAAM5B,KAAKF,SAAS,GAAGE,KAYzC,OAXA2B,EAAQE,IAAI,CAAC7B,EAAM8B,KACjBJ,GAAO1B,EACHmB,EAAQ,KACVM,EACEb,KAAKC,KAAc,IAARM,EAAeO,GAC1B,KAEAF,EAAII,MAAM5B,KAAKH,OAAO2B,EAAIO,cAIzBN,QAQnBO,QAAS,CACP,cAAcC,GACZpD,KAAKe,QAAS,EACd,eAAU,CACRsC,QAAS,uCACTD,UACCE,KAAKC,IACN,MAAM,KAAEpC,GAASoC,EAAIpC,KACrBnB,KAAKQ,UAAUQ,OAASG,EAAK6B,IAAIQ,GAAMA,EAAG5C,MAC1CZ,KAAKQ,UAAUS,SAAS,GAAGE,KAAOA,EAAK6B,IAAIQ,GAAMA,EAAGZ,YACpD5C,KAAKe,QAAS,MAIpB0C,MAAO,CACLC,OAAQ,CACN,SAAQ,MAAEN,IACRpD,KAAK2D,cAAcP,IAErBQ,WAAW,KCpIiP,I,iFCO9PC,EAAY,eACd,EACA/D,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAkD,EAAiB,QAShC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,UAAA,OAAUC,WAAA,OAAWC,OAAA,KAAKC,oBAAA","file":"js/chunk-2d226969.522ec0df.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[(_vm.loaded)?_c('v-card',{staticStyle:{\"border-radius\":\"10px\"}},[_c('v-card-title',{staticStyle:{\"font-size\":\"1rem\"}},[_vm._v(\"\\n      How Did You Hear About Camp\\n    \")]),_c('v-card-text',[_c('PieChart',{attrs:{\"chartData\":_vm.chartData,\"options\":_vm.options}})],1)],1):_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"12\"}},[_c('v-progress-circular',{staticClass:\"text-center\",attrs:{\"size\":\"100\",\"indeterminate\":\"\",\"color\":\"primary\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <main>\n    <v-card v-if=\"loaded\" style=\"border-radius: 10px\">\n      <v-card-title style=\"font-size: 1rem\">\n        How Did You Hear About Camp\n      </v-card-title>\n      <v-card-text>\n        <PieChart :chartData=\"chartData\" :options=\"options\" />\n      </v-card-text>\n    </v-card>\n    <v-col v-else cols=\"12\" class=\"text-center\">\n      <v-progress-circular\n        size=\"100\"\n        class=\"text-center\"\n        indeterminate\n        color=\"primary\"\n      ></v-progress-circular>\n    </v-col>\n  </main>\n</template>\n\n<script>\nimport { IndexData } from \"@/helpers/apiMethods\";\n\nexport default {\n  name: \"HearingSource\",\n  components: {\n    PieChart: () => import(\"@/components/PieChart\")\n  },\n  data() {\n    return {\n      loaded: false,\n      chartData: {\n        labels: [],\n        datasets: [\n          {\n            backgroundColor: [\n              \"#e2893f\",\n              \"#cc7b38\",\n              \"#f8ae81\",\n              \"#b16a2f\",\n              \"#fbd5c4\",\n              \"#fac3a8\",\n              \"#f69c52\"\n            ],\n            data: [],\n            borderColor: \"#fff\"\n          }\n        ]\n      },\n      options: {\n        responsive: true,\n        maintainAspectRatio: false,\n        legend: false,\n        pieceLabel: {\n          mode: \"percentage\",\n          precision: 1\n        },\n        tooltips: {\n          callbacks: {\n            label: function(tooltipItem, data) {\n              return (\n                data[\"labels\"][tooltipItem[\"index\"]] +\n                \": \" +\n                Math.ceil(data[\"datasets\"][0][\"data\"][tooltipItem[\"index\"]]) +\n                \"%\"\n              );\n            }\n          }\n        },\n        plugins: {\n          datalabels: {\n            labels: {\n              title: {\n                font: {\n                  weight: \"bold\"\n                }\n              },\n\n              value: {\n                color: \"green\"\n              }\n            },\n\n            color: \"white\",\n            textAlign: \"center\",\n            font: {\n              weight: \"bold\",\n              size: 14\n            },\n            formatter: (value, ctx) => {\n              let sum = 0;\n              let percentage;\n              let dataArr = ctx.chart.data.datasets[0].data;\n              dataArr.map((data, index) => {\n                sum += data;\n                if (value > 10) {\n                  percentage =\n                    Math.ceil((value * 100) / sum) +\n                    \"%\" +\n                    \" \" +\n                    ctx.chart.data.labels[ctx.dataIndex];\n                }\n              });\n\n              return percentage;\n            }\n          }\n        }\n      }\n    };\n  },\n\n  methods: {\n    handleGetData(query) {\n      this.loaded = false;\n      IndexData({\n        reqName: \"/dashboard/hearing-source-statistics\",\n        query\n      }).then(res => {\n        const { data } = res.data;\n        this.chartData.labels = data.map(el => el.name);\n        this.chartData.datasets[0].data = data.map(el => el.percentage);\n        this.loaded = true;\n      });\n    }\n  },\n  watch: {\n    $route: {\n      handler({ query }) {\n        this.handleGetData(query);\n      },\n      immediate: true\n    }\n  }\n};\n</script>\n","import mod from \"-!../../../node_modules/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-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/vuetify-loader/lib/loader.js??ref--18-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-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=130fea12&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VCol,VProgressCircular})\n"],"sourceRoot":""}