{"version":3,"sources":["webpack:///./src/dashboard/components/AssignmentActivitiesToDate.vue?e596","webpack:///./node_modules/core-js/internals/array-fill.js","webpack:///./node_modules/core-js/modules/es.array.every.js","webpack:///./node_modules/core-js/modules/es.array.fill.js","webpack:///./src/dashboard/components/AssignmentActivitiesToDate.vue?74af","webpack:///src/dashboard/components/AssignmentActivitiesToDate.vue","webpack:///./src/dashboard/components/AssignmentActivitiesToDate.vue?f932","webpack:///./src/dashboard/components/AssignmentActivitiesToDate.vue"],"names":["toObject","toAbsoluteIndex","toLength","module","exports","value","O","this","length","argumentsLength","arguments","index","undefined","end","endPos","$","$every","every","sloppyArrayMethod","target","proto","forced","callbackfn","fill","addToUnscopables","render","_vm","_h","$createElement","_c","_self","staticClass","scopedSlots","_u","key","fn","on","goToTasklist","_v","proxy","ref","attrs","chartOptions","chartSeries","staticRenderFns","components","apexchart","props","tasksToDate","Array","data","colors","chart","type","zoom","enabled","dataLabels","style","fontSize","dropShadow","formatter","opts","w","config","series","seriesIndex","legend","show","labels","useSeriesColors","markers","width","height","isNaN","percentage","tooltip","responsive","allStatesOfActivityAtZero","methods","processChartData","forEach","push","item","countTasks","state","$router","watch","handler","newVal","immediate","component"],"mappings":"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","file":"js/chunk-159dd68e.e27accc0.js","sourcesContent":["import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AssignmentActivitiesToDate.vue?vue&type=style&index=0&id=5a5bd58c&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AssignmentActivitiesToDate.vue?vue&type=style&index=0&id=5a5bd58c&lang=scss&scoped=true&\"","'use strict';\nvar toObject = require('../internals/to-object');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar toLength = require('../internals/to-length');\n\n// `Array.prototype.fill` method implementation\n// https://tc39.github.io/ecma262/#sec-array.prototype.fill\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = toLength(O.length);\n  var argumentsLength = arguments.length;\n  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);\n  var end = argumentsLength > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar $every = require('../internals/array-iteration').every;\nvar sloppyArrayMethod = require('../internals/sloppy-array-method');\n\n// `Array.prototype.every` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.every\n$({ target: 'Array', proto: true, forced: sloppyArrayMethod('every') }, {\n  every: function every(callbackfn /* , thisArg */) {\n    return $every(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","var $ = require('../internals/export');\nvar fill = require('../internals/array-fill');\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.fill` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.fill\n$({ target: 'Array', proto: true }, {\n  fill: fill\n});\n\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('fill');\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"shadow atm-rounded card-container\",scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('span',{staticClass:\"d-flex justify-content-center\",on:{\"click\":_vm.goToTasklist}},[_vm._v(\" Go to Task List \")])]},proxy:true}])},[_c('section',{staticClass:\"p-4 d-flex flex-column justify-content-center align-items-center gap-4\"},[_c('section',{staticClass:\"d-flex flex-column justify-content-center align-items-center w-100\"},[_c('h5',{staticClass:\"font-weight-bold\"},[_vm._v(\"Assignment Activities to date\")])]),_c('section',[_c('apexchart',{ref:\"apexchart\",attrs:{\"options\":_vm.chartOptions,\"series\":_vm.chartSeries}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"shadow atm-rounded card-container\">\n    <section class=\"p-4 d-flex flex-column justify-content-center align-items-center gap-4\">\n      <section class=\"d-flex flex-column justify-content-center align-items-center w-100\">\n        <h5 class=\"font-weight-bold\">Assignment Activities to date</h5>\n      </section>\n      <section>\n        <apexchart ref=\"apexchart\" :options=\"chartOptions\" :series=\"chartSeries\"></apexchart>\n      </section>\n    </section>\n    <template #footer>\n      <span @click=\"goToTasklist\" class=\"d-flex justify-content-center\">\n        Go to Task List\n      </span>\n    </template>\n  </b-card>\n</template>\n\n<script>\nimport VueApexCharts from 'vue-apexcharts';\nimport {\n  assignmentActivitiesStates,\n  assignmentActivitiesStatesColors,\n  donutChartResponsive,\n  assignmentActivitiesNoProgress,\n} from '@/dashboard/constants';\n\nexport default {\n  components: {\n    apexchart: VueApexCharts,\n  },\n  props: {\n    tasksToDate: Array,\n  },\n  data() {\n    return {\n      chartOptions: {\n        colors: assignmentActivitiesStatesColors,\n        chart: {\n          type: 'donut',\n          zoom: {\n            enabled: false,\n          },\n        },\n        dataLabels: {\n          enabled: true,\n          style: {\n            fontSize: '14px',\n          },\n          dropShadow: {\n            enabled: false,\n          },\n          //The number of tasks per status is returned\n          formatter: (val, opts) => {\n            if (opts.w.config.series[opts.seriesIndex] === assignmentActivitiesNoProgress) return 0;\n            return opts.w.config.series[opts.seriesIndex];\n          },\n        },\n        legend: {\n          show: true,\n          labels: {\n            useSeriesColors: true,\n          },\n          markers: {\n            width: 0,\n            height: 0,\n          },\n          //The status plus the percentage of the task is returned.\n          formatter: (val, opts) => {\n            let percentage = opts.w.globals.seriesPercent[opts.seriesIndex];\n            const series = opts.w.config.series[opts.seriesIndex];\n\n            if (isNaN(percentage) || series === assignmentActivitiesNoProgress) {\n              percentage = 0;\n            }\n\n            return `${val} ${Math.floor(percentage)}%`;\n          },\n        },\n        tooltip: {\n          enabled: false,\n        },\n        responsive: donutChartResponsive,\n      },\n      chartSeries: Array(3).fill(assignmentActivitiesNoProgress),\n      allStatesOfActivityAtZero: [0.1, 0.1, 0.1],\n    };\n  },\n  methods: {\n    processChartData() {\n      let chartSeries = [];\n      const labels = [];\n\n      this.tasksToDate.forEach((item) => {\n        if (assignmentActivitiesStates.includes(item.state)) {\n          chartSeries.push(item.countTasks);\n          labels.push(item.state);\n        }\n      });\n      if (chartSeries.every((item) => item === 0)) {\n        chartSeries = this.allStatesOfActivityAtZero;\n      }\n      this.chartSeries = chartSeries;\n      this.chartOptions.labels = labels;\n    },\n    goToTasklist() {\n      this.$router.push({ name: 'task' });\n    },\n  },\n  watch: {\n    tasksToDate: {\n      handler(newVal) {\n        if (newVal) this.processChartData();\n      },\n      immediate: true,\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.card-container {\n  & .card-footer {\n    cursor: pointer;\n    user-select: none;\n    color: white;\n    background: var(--color-main);\n    border-radius: 0 0 10px 10px;\n    font-weight: 600;\n    text-transform: capitalize;\n    &:hover {\n      filter: brightness(0.9);\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AssignmentActivitiesToDate.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AssignmentActivitiesToDate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AssignmentActivitiesToDate.vue?vue&type=template&id=5a5bd58c&scoped=true&\"\nimport script from \"./AssignmentActivitiesToDate.vue?vue&type=script&lang=js&\"\nexport * from \"./AssignmentActivitiesToDate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AssignmentActivitiesToDate.vue?vue&type=style&index=0&id=5a5bd58c&lang=scss&scoped=true&\"\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  \"5a5bd58c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}