{"version":3,"sources":["webpack:///./src/components/project/ProjectTasksStatusPieChart.vue","webpack:///src/components/project/ProjectTasksStatusPieChart.vue","webpack:///./src/components/project/ProjectTasksStatusPieChart.vue?7125","webpack:///./src/components/project/ProjectTasksStatusPieChart.vue?9b16"],"names":["render","_vm","this","_c","_self","attrs","pieChartData","pieChartOptions","staticRenderFns","name","components","PieChart","props","project","undefined","data","responsive","maintainAspectRatio","columnChartOptions","computed","_this$project","userTasks","taskStateCounts","forEach","task","state","status","colorMappings","secondary","warning","success","totalTasks","length","Object","values","map","count","backgroundColor","keys","findTaskStateColor","Number","labels","_findTaskState$name","_findTaskState","find","parseInt","findTaskState","datasets","value","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,YAAY,CAACE,MAAM,CAAC,aAAaJ,EAAIK,aAAa,QAAUL,EAAIM,oBAElIC,EAAkB,G,YCWP,GACfC,KAAA,6BACAC,WAAA,CACAC,aAAA,sFAEAC,MAAA,CAKAC,aAAAC,GAEAC,OACA,OACAR,gBAAA,CACAS,YAAA,EACAC,qBAAA,GAEAC,mBAAA,CACAF,YAAA,EACAC,qBAAA,KAIAE,SAAA,CAKAb,eAAA,IAAAc,EAEA,MAAAC,GAAA,QAAAD,EAAA,KAAAP,eAAA,IAAAO,OAAA,EAAAA,EAAAC,YAAA,GAGAC,EAAA,GACAD,EAAAE,QAAAC,IACA,MAAAC,EAAAD,EAAAE,OACAJ,EAAAG,IAAAH,EAAAG,IAAA,OAGA,MAAAE,EAAA,CACAC,UAAA,YACAC,QAAA,SACAC,QAAA,SAIAC,EAAAV,EAAAW,OAGAjB,EAAAkB,OAAAC,OAAAZ,GAAAa,IAAAC,GACAL,EAAA,EAAAK,EAAAL,EAAA,OAGAM,EAAAJ,OAAAK,KAAAhB,GAAAa,IAAAV,GACAc,eAAAC,OAAAf,IAAAhB,MAGAgC,EAAAR,OAAAK,KAAAhB,GAAAa,IAAAV,IAAA,IAAAiB,EAAAC,EACA,MAAAnB,EAAAH,EAAAuB,KAAApB,KAAAE,SAAAmB,SAAApB,IACA,OAAAD,GAAA,QAAAkB,EAAA,QAAAC,EAAAG,eAAAD,SAAApB,WAAA,IAAAkB,OAAA,EAAAA,EAAAlC,YAAA,IAAAiC,IAAAjB,IAGA,OACAgB,SACAM,SAAA,CACA,CACAV,kBAAAF,IACAa,GAAArB,EAAAqB,IAAA,UAEAjC,aCnFkX,I,YCO9WkC,EAAY,eACd,EACAjD,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAyC,E","file":"js/chunk-2d225646.9276a350.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('pie-chart',{attrs:{\"chart-data\":_vm.pieChartData,\"options\":_vm.pieChartOptions}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- let's use default until it is finalized and placed in the app -->\r\n  <!--      :width=\"300\"-->\r\n  <!--      :height=\"300\"-->\r\n  <pie-chart :chart-data=\"pieChartData\" :options=\"pieChartOptions\"></pie-chart>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  findTaskState,\r\n  findTaskStateColor\r\n} from \"@/model/workflow/task/taskModel\";\r\n\r\nexport default {\r\n  name: \"ProjectTasksStatusPieChart\",\r\n  components: {\r\n    PieChart: () => import(\"@/utils/VueChartJs/pieChart\")\r\n  },\r\n  props: {\r\n    /**\r\n     * Workflow Project\r\n     * @type {{projectId: number, definitionId: number, workflowInstanceId: number, workflowTypeId: number, projectName: String, recordId: number, subject: String, owner: String, projectManagerId: number, templateId: number, templateName: String, workflowInstanceId: number, status: number, statusInfo: String, isOverdue: Boolean, isSuspended: false, canAccess: Boolean, canCancel: Boolean, canChangeOwnership: Boolean, canReassign: Boolean, canSuspend: Boolean}}\r\n     */\r\n    project: undefined\r\n  },\r\n  data() {\r\n    return {\r\n      pieChartOptions: {\r\n        responsive: true,\r\n        maintainAspectRatio: false\r\n      },\r\n      columnChartOptions: {\r\n        responsive: true,\r\n        maintainAspectRatio: false\r\n      }\r\n    };\r\n  },\r\n  computed: {\r\n    /**\r\n     * Compute Data for Pie Chart\r\n     * @return {{datasets: [{backgroundColor: unknown[], data: (number|number)[]}], labels: (*|string)[]}}\r\n     */\r\n    pieChartData() {\r\n      // Assuming you have a project object with userTasks as an array\r\n      const userTasks = this.project?.userTasks || [];\r\n\r\n      // Count the occurrences of each task state\r\n      const taskStateCounts = {};\r\n      userTasks.forEach(task => {\r\n        const state = task.status;\r\n        taskStateCounts[state] = (taskStateCounts[state] || 0) + 1;\r\n      });\r\n\r\n      const colorMappings = {\r\n        secondary: \"lightgrey\",\r\n        warning: \"orange\",\r\n        success: \"green\"\r\n      };\r\n\r\n      // Calculate the total count of tasks\r\n      const totalTasks = userTasks.length;\r\n\r\n      // Calculate the proportion of each task state\r\n      const data = Object.values(taskStateCounts).map(count => {\r\n        return totalTasks > 0 ? (count / totalTasks) * 100 : 0;\r\n      });\r\n\r\n      const backgroundColor = Object.keys(taskStateCounts).map(state => {\r\n        return findTaskStateColor(Number(state)).name;\r\n      });\r\n\r\n      const labels = Object.keys(taskStateCounts).map(state => {\r\n        const task = userTasks.find(task => task.status === parseInt(state));\r\n        return task ? findTaskState(parseInt(state))?.name ?? state : state;\r\n      });\r\n\r\n      return {\r\n        labels: labels,\r\n        datasets: [\r\n          {\r\n            backgroundColor: backgroundColor.map(\r\n              value => colorMappings[value] || \"indigo\"\r\n            ),\r\n            data: data\r\n          }\r\n        ]\r\n      };\r\n    }\r\n  }\r\n};\r\n</script>\r\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!./ProjectTasksStatusPieChart.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!./ProjectTasksStatusPieChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProjectTasksStatusPieChart.vue?vue&type=template&id=0cee6ad8\"\nimport script from \"./ProjectTasksStatusPieChart.vue?vue&type=script&lang=js\"\nexport * from \"./ProjectTasksStatusPieChart.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"],"sourceRoot":""}