{"version":3,"sources":["webpack:///./src/components/Dashboard/DoughnutChart.vue","webpack:///src/components/Dashboard/DoughnutChart.vue","webpack:///./src/components/Dashboard/DoughnutChart.vue?6203"],"names":["render","staticRenderFns","extends","Doughnut","props","data","chartData","datasets","borderWidth","borderColor","backgroundColor","hoverBorderWidth","options","tooltips","bodyFontStyle","bodyFontColor","legend","display","position","labels","usePointStyle","boxWidth","pointStyle","responsive","maintainAspectRatio","chartDummyData","dummyOptions","enabled","computed","mapGetters","methods","updateDonut","allProjectsHaveZeroScore","getTopProjects","find","item","score","filter","map","proj","name","sliceView","renderChart","view","slice","randomBackgroundColor","seed","colors","length","watch","mounted","component"],"mappings":"6HAAIA,EAAQC,E,wBCIG,GACfC,QAAAC,OACAC,MAAA,SACAC,OACA,OACAC,UAAA,CACAC,SAAA,CACA,CACAC,YAAA,EACAC,YAAA,CACA,UACA,UACA,UACA,UAEA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAEAC,gBAAA,CACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAEAC,iBAAA,MAIAC,QAAA,CACAC,SAAA,CACAH,gBAAA,UACAI,cAAA,OACAC,cAAA,WAEAC,OAAA,CACAC,SAAA,EACAC,SAAA,QACAC,OAAA,CACAC,eAAA,EACAC,SAAA,EACAC,WAAA,WAGAC,YAAA,EACAC,qBAAA,GAEAC,eAAA,CACAlB,SAAA,CACA,CACAC,YAAA,EACAC,YAAA,YACAC,gBAAA,YACAC,iBAAA,EACAN,KAAA,SAIAqB,aAAA,CACAb,SAAA,CACAc,SAAA,GAKAX,OAAA,CACAC,SAAA,GAEAM,YAAA,EACAC,qBAAA,KAIAI,SAAA,IACAC,eAAA,kCAEAC,QAAA,CACAC,cACA,IAAAC,EAAA,KAAAC,eAAAC,KAAAC,GACA,GAAAA,EAAAC,OAEAJ,GACA,KAAA1B,UAAAa,OAAA,KAAAc,eACAI,OAAAF,GACAA,EAAAC,OAEAE,IAAAC,KAAAC,MACA,KAAAlC,UAAAC,SAAA,GAAAF,KAAA,KAAA4B,eACAI,OAAAF,GACAA,EAAAC,OAEAE,IAAAC,KAAAH,OACA,KAAAK,YACA,KAAAC,YAAA,KAAApC,UAAA,KAAAM,UAEA,KAAA8B,YAAA,KAAAjB,eAAA,KAAAC,eAGAe,YACA,IAAAT,EAAA,KAAAC,eAAAC,KAAAC,GACA,GAAAA,EAAAC,OAEAJ,EACA,KAAAW,MACA,KAAArC,UAAAa,OAAA,KAAAc,eACAI,OAAAF,GACAA,EAAAC,OAEAE,IAAAC,KAAAC,MACAI,MAAA,OAAAD,MACA,KAAArC,UAAAC,SAAA,GAAAF,KAAA,KAAA4B,eACAI,OAAAF,GACAA,EAAAC,OAEAE,IAAAC,KAAAH,OACAQ,MAAA,OAAAD,MACA,KAAAD,YAAA,KAAApC,UAAA,KAAAM,WAEA,KAAAN,UAAAa,OAAA,KAAAc,eACAI,OAAAF,GACAA,EAAAC,OAEAE,IAAAC,KAAAC,MACA,KAAAlC,UAAAC,SAAA,GAAAF,KAAA,KAAA4B,eACAI,OAAAF,GACAA,EAAAC,OAEAE,IAAAC,KAAAH,OACA,KAAAM,YAAA,KAAApC,UAAA,KAAAM,UAGA,KAAA8B,YAAA,KAAAjB,eAAA,KAAAC,eAGAmB,sBAAAC,EAAAC,GACA,OAAAA,EAAAD,EAAAC,EAAAC,UAGAC,MAAA,CACAN,OACA,KAAAF,aAEAR,iBACA,KAAAF,gBAGAmB,UACA,KAAAnB,gBCtLqW,I,YFOjWoB,EAAY,eACd,EACAnD,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAkD,E","file":"js/chunk-2d0c779c.54087e4a.js","sourcesContent":["var render, staticRenderFns\nimport script from \"./DoughnutChart.vue?vue&type=script&lang=js\"\nexport * from \"./DoughnutChart.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","<script>\nimport { Doughnut } from \"vue-chartjs\";\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  extends: Doughnut,\n  props: [\"view\"],\n  data() {\n    return {\n      chartData: {\n        datasets: [\n          {\n            borderWidth: 1,\n            borderColor: [\n              \"#4C53BD\",\n              \"#F56B68\",\n              \"#2CD494\",\n              \"#F8D9AF\",\n\n              \"#4FC3F7\",\n              \"#5C6BC0\",\n              \"#1E88E5\",\n              \"#26A69A\",\n              \"#00ACC1\",\n              \"#B39DDB\",\n              \"#C5CAE9\",\n              \"#FFCCBC\",\n              \"#8D6E63\",\n              \"#FFB74D\",\n              \"#B2EBF2\",\n              \"#F0F4C3\",\n              \"#FF8A80\",\n              \"#E1BEE7\",\n              \"#F8BBD0\",\n              \"#8C9EFF\",\n              \"#81D4FA\",\n            ],\n            backgroundColor: [\n              \"#4C53BD\",\n              \"#F56B68\",\n              \"#2CD494\",\n              \"#F8D9AF\",\n              \"#4FC3F7\",\n              \"#5C6BC0\",\n              \"#1E88E5\",\n              \"#26A69A\",\n              \"#00ACC1\",\n              \"#B39DDB\",\n              \"#C5CAE9\",\n              \"#FFCCBC\",\n              \"#8D6E63\",\n              \"#FFB74D\",\n              \"#B2EBF2\",\n              \"#F0F4C3\",\n              \"#FF8A80\",\n              \"#E1BEE7\",\n              \"#F8BBD0\",\n              \"#8C9EFF\",\n              \"#81D4FA\",\n            ],\n            hoverBorderWidth: 10,\n          },\n        ],\n      },\n      options: {\n        tooltips: {\n          backgroundColor: \"#DCD8F3\",\n          bodyFontStyle: \"bold\",\n          bodyFontColor: \"#2a206a\",\n        },\n        legend: {\n          display: false,\n          position: \"right\",\n          labels: {\n            usePointStyle: true,\n            boxWidth: 6,\n            pointStyle: \"circle\",\n          },\n        },\n        responsive: true,\n        maintainAspectRatio: false,\n      },\n      chartDummyData: {\n        datasets: [\n          {\n            borderWidth: 1,\n            borderColor: [\"#F3F3F3\"],\n            backgroundColor: [\"#F3F3F3\"],\n            hoverBorderWidth: 1,\n            data: [1000],\n          },\n        ],\n      },\n      dummyOptions: {\n        tooltips: {\n          enabled: false,\n          // backgroundColor: \"#DCD8F3\",\n          // bodyFontStyle: \"bold\",\n          // bodyFontColor: \"#2a206a\",\n        },\n        legend: {\n          display: false,\n        },\n        responsive: true,\n        maintainAspectRatio: false,\n      },\n    };\n  },\n  computed: {\n    ...mapGetters([\"getProject\", \"getTopProjects\"]),\n  },\n  methods: {\n    updateDonut() {\n      let allProjectsHaveZeroScore = this.getTopProjects.find((item) => {\n        return item.score != 0;\n      });\n      if (allProjectsHaveZeroScore) {\n        this.chartData.labels = this.getTopProjects\n          .filter((item) => {\n            return item.score;\n          })\n          .map((proj) => proj.name);\n        this.chartData.datasets[0].data = this.getTopProjects\n          .filter((item) => {\n            return item.score;\n          })\n          .map((proj) => proj.score);\n        this.sliceView();\n        this.renderChart(this.chartData, this.options);\n      } else {\n        this.renderChart(this.chartDummyData, this.dummyOptions);\n      }\n    },\n    sliceView() {\n      let allProjectsHaveZeroScore = this.getTopProjects.find((item) => {\n        return item.score != 0;\n      });\n      if (allProjectsHaveZeroScore) {\n        if (this.view) {\n          this.chartData.labels = this.getTopProjects\n            .filter((item) => {\n              return item.score;\n            })\n            .map((proj) => proj.name)\n            .slice(0, this.view);\n          this.chartData.datasets[0].data = this.getTopProjects\n            .filter((item) => {\n              return item.score;\n            })\n            .map((proj) => proj.score)\n            .slice(0, this.view);\n          this.renderChart(this.chartData, this.options);\n        } else {\n          this.chartData.labels = this.getTopProjects\n            .filter((item) => {\n              return item.score;\n            })\n            .map((proj) => proj.name);\n          this.chartData.datasets[0].data = this.getTopProjects\n            .filter((item) => {\n              return item.score;\n            })\n            .map((proj) => proj.score);\n          this.renderChart(this.chartData, this.options);\n        }\n      } else {\n        this.renderChart(this.chartDummyData, this.dummyOptions);\n      }\n    },\n    randomBackgroundColor(seed, colors) {\n      return colors[seed % colors.length];\n    },\n  },\n  watch: {\n    view() {\n      this.sliceView();\n    },\n    getTopProjects() {\n      this.updateDonut();\n    },\n  },\n  mounted() {\n    this.updateDonut();\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!./DoughnutChart.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!./DoughnutChart.vue?vue&type=script&lang=js\""],"sourceRoot":""}