{"version":3,"sources":["webpack:///./src/components/BusExtras/index.vue?22ff","webpack:///src/components/BusExtras/index.vue","webpack:///./src/components/BusExtras/index.vue?1c73","webpack:///./src/components/BusExtras/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","plugins","datalabels","title","font","weight","value","color","textAlign","size","formatter","ctx","percentage","sum","dataArr","chart","map","index","toFixed","dataIndex","methods","query","reqName","then","res","dataSet","key","words","replace","convertedKey","c","toUpperCase","push","watch","$route","handleGetData","immediate","component","VCard","VCardText","VCardTitle","VCol","VProgressCircular"],"mappings":"yHAAA,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,kBAAkBH,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,IAC3gBI,EAAkB,G,YCqBP,GACbC,KAAM,YACNC,WAAY,CACVC,SAAU,IAAM,iDAElB,OACE,MAAO,CACLC,QAAQ,EACRP,UAAW,CACTQ,OAAQ,GACRC,SAAU,CACR,CACEC,gBAAiB,CACf,OACA,OACA,OACA,OACA,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,KACAX,EAAK,YAAY,GAAG,QAAQW,EAAY,aAKhDC,QAAS,CACPC,WAAY,CACVhB,OAAQ,CACNiB,MAAO,CACLC,KAAM,CACJC,OAAQ,SAGZC,MAAO,CACLC,MAAO,UAGXA,MAAO,QACPC,UAAW,SACXJ,KAAM,CACJC,OAAQ,OACRI,KAAM,IAERC,UAAW,CAACJ,EAAOK,KACjB,IACIC,EADAC,EAAM,EAENC,EAAUH,EAAII,MAAM1B,KAAKF,SAAS,GAAGE,KAYzC,OAXAyB,EAAQE,IAAI,CAAC3B,EAAM4B,KACjBJ,GAAOxB,EACHiB,EAAQ,KACVM,GACY,IAARN,EAAeO,GAAKK,QAAQ,GAC9B,KAEAP,EAAII,MAAM1B,KAAKH,OAAOyB,EAAIQ,cAIzBP,QAQnBQ,QAAS,CACP,cAAcC,GACZnD,KAAKe,QAAS,EACd,eAAU,CACRqC,QAAS,wBACTD,UACCE,KAAKC,IACN,MAAM,KAAEnC,GAASmC,EAAInC,KACfH,EAAS,GACTuC,EAAU,GAEhB,IAAK,MAAMC,KAAOrC,EAAM,CACtB4B,EACA,MAAMU,EAAQD,EAAIE,QAAQ,UAAW,KAC/BC,EAAeF,EAAMC,QAAQ,QAASE,GAAKA,EAAEC,eAEnD7C,EAAO8C,KAAKH,GACZJ,EAAQO,KAAK3C,EAAKqC,IAEpBxD,KAAKQ,UAAUQ,OAASA,EACxBhB,KAAKQ,UAAUS,SAAS,GAAGE,KAAOoC,EAClCvD,KAAKe,QAAS,MAIpBgD,MAAO,CACLC,OAAQ,CACN,SAAQ,MAAEb,IACRnD,KAAKiE,cAAcd,IAErBe,WAAW,KC1IiP,I,iFCO9PC,EAAY,eACd,EACArE,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAwD,EAAiB,QAShC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,UAAA,OAAUC,WAAA,OAAWC,OAAA,KAAKC,oBAAA","file":"js/chunk-2d0ae9d2.6cf942db.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(\" Bus Extras \")]),_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\"> Bus Extras </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: \"BusExtras\",\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              \"#00f\",\n              \"#f00\",\n              \"#00f\",\n              \"#0f0\",\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                data[\"datasets\"][0][\"data\"][tooltipItem[\"index\"]]\n              );\n            }\n          }\n        },\n        plugins: {\n          datalabels: {\n            labels: {\n              title: {\n                font: {\n                  weight: \"bold\"\n                }\n              },\n              value: {\n                color: \"green\"\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                    ((value * 100) / sum).toFixed(0) +\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/bus-extras\",\n        query\n      }).then(res => {\n        const { data } = res.data;\n        const labels = [];\n        const dataSet = [];\n        let index = 0;\n        for (const key in data) {\n          index++;\n          const words = key.replace(/_|-|\\./g, \" \");\n          const convertedKey = words.replace(/\\b\\w/g, c => c.toUpperCase());\n\n          labels.push(convertedKey);\n          dataSet.push(data[key]);\n        }\n        this.chartData.labels = labels;\n        this.chartData.datasets[0].data = dataSet;\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=c5a4802e&\"\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":""}