{"version":3,"sources":["webpack:///./src/views/Reports/Views/Reports/JobCard/TimeReport/TimeReport.vue?3029","webpack:///src/views/Reports/Views/Reports/JobCard/TimeReport/TimeReport.vue","webpack:///./src/views/Reports/Views/Reports/JobCard/TimeReport/TimeReport.vue?31f2","webpack:///./src/views/Reports/Views/Reports/JobCard/TimeReport/TimeReport.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","value","callback","$$v","startDate","expression","endDate","on","fetchHeaderTxes","_v","staticStyle","fetchingData","ref","Headers","rowData","setSelected","gridOptions","chartID","staticRenderFns","components","Grid","data","self","guid","selectedAssesment","txRowData","txHeaders","enableCharts","onFirstDataRendered","createRangeChartParams","cellRange","columns","chartType","chartContainer","document","querySelector","suppressChartRanges","aggFunc","params","api","createRangeChart","processChartOptions","opts","options","legend","position","seriesDefaults","tooltip","enabled","fill","colors","stroke","renderer","datum","yKey","FormatDateTime","Date","setHours","beforeMount","startMonth","mounted","methods","item","component","VBtn","VCard","VCol","VOverlay","VRow"],"mappings":"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","file":"js/chunk-2d0a2dd5.afb2f832.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',{staticClass:\"fill-height\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"fill-height\",attrs:{\"cols\":\"12\"}},[_c('v-card',{staticClass:\"mb-2\"},[_c('v-row',{attrs:{\"no-gutters\":\"\",\"justify\":\"center\",\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"8\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('VueCtkDateTimePicker',{attrs:{\"id\":\"startDate\",\"format\":\"YYYY-MM-DD HH:mm\",\"output-format\":\"YYYY-MM-DD HH:mm\",\"formatted\":\"YYYY-MM-DD HH:mm\",\"label\":\"Start Date\"},model:{value:(_vm.startDate),callback:function ($$v) {_vm.startDate=$$v},expression:\"startDate\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('VueCtkDateTimePicker',{attrs:{\"id\":\"endDate\",\"format\":\"YYYY-MM-DD HH:mm\",\"output-format\":\"YYYY-MM-DD HH:mm\",\"formatted\":\"YYYY-MM-DD HH:mm\",\"label\":\"End Date\"},model:{value:(_vm.endDate),callback:function ($$v) {_vm.endDate=$$v},expression:\"endDate\"}})],1)],1)],1),_c('v-col',{staticClass:\"ml-2\",attrs:{\"cols\":\"auto\",\"shrink\":\"\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"small\":\"\"},on:{\"click\":_vm.fetchHeaderTxes}},[_vm._v(\"Filter\")])],1)],1)],1),_c('v-col',{staticStyle:{\"height\":\"calc(100% - 66px)\",\"position\":\"relative\",\"overflow\":\"auto\"},attrs:{\"cols\":\"12\"}},[_c('v-overlay',{attrs:{\"absolute\":\"\"},model:{value:(_vm.fetchingData),callback:function ($$v) {_vm.fetchingData=$$v},expression:\"fetchingData\"}},[_vm._v(\"fetching data...\")]),_c('Grid',{ref:\"AssesmentHeaderGrid\",attrs:{\"Headers\":_vm.Headers,\"rowData\":_vm.rowData,\"setSelectedMethod\":_vm.setSelected,\"extraOptions\":_vm.gridOptions,\"chartID\":_vm.chartID,\"GridStyle\":\"height: 100%\"}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-row no-gutters class=\"fill-height\">\r\n    <v-col cols=\"12\" class=\"fill-height\">\r\n      <v-card class=\"mb-2\">\r\n        <v-row no-gutters justify=\"center\" align=\"center\">\r\n          <v-col cols=\"8\">\r\n            <v-row>\r\n              <v-col cols=\"6\">\r\n                <VueCtkDateTimePicker\r\n                  id=\"startDate\"\r\n                  format=\"YYYY-MM-DD HH:mm\"\r\n                  output-format=\"YYYY-MM-DD HH:mm\"\r\n                  formatted=\"YYYY-MM-DD HH:mm\"\r\n                  label=\"Start Date\"\r\n                  v-model=\"startDate\"\r\n                />\r\n              </v-col>\r\n              <v-col cols=\"6\">\r\n                <VueCtkDateTimePicker\r\n                  id=\"endDate\"\r\n                  format=\"YYYY-MM-DD HH:mm\"\r\n                  output-format=\"YYYY-MM-DD HH:mm\"\r\n                  formatted=\"YYYY-MM-DD HH:mm\"\r\n                  label=\"End Date\"\r\n                  v-model=\"endDate\"\r\n                />\r\n              </v-col>\r\n            </v-row>\r\n          </v-col>\r\n          <v-col cols=\"auto\" shrink class=\"ml-2\">\r\n            <v-btn color=\"primary\" @click=\"fetchHeaderTxes\" small>Filter</v-btn>\r\n          </v-col>\r\n        </v-row>\r\n      </v-card>\r\n      <v-col cols=\"12\" style=\"height: calc(100% - 66px); position:relative; overflow: auto;\">\r\n        <v-overlay v-model=\"fetchingData\" absolute>fetching data...</v-overlay>\r\n        <Grid\r\n          ref=\"AssesmentHeaderGrid\"\r\n          :Headers=\"Headers\"\r\n          :rowData=\"rowData\"\r\n          :setSelectedMethod=\"setSelected\"\r\n          :extraOptions=\"gridOptions\"\r\n          :chartID=\"chartID\"\r\n          :GridStyle=\"`height: 100%`\"\r\n        />\r\n      </v-col>\r\n    </v-col>\r\n  </v-row>\r\n</template>\r\n\r\n<script>\r\nimport Grid from \"@/components/Reports/report-base.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    Grid\r\n  },\r\n  data() {\r\n    let self = this;\r\n    return {\r\n      chartID: self.guid(),\r\n      selectedAssesment: null,\r\n      rowData: [],\r\n      Headers: [],\r\n      txRowData: [],\r\n      txHeaders: [],\r\n      fetchingData: false,\r\n      startDate: null,\r\n      gridOptions: {\r\n        enableCharts: true,\r\n        // columnTypes: {\r\n        //   measure: {\r\n        //     chartDataType: \"series\",\r\n        //     cellClass: \"number\",\r\n        //     valueFormatter: numberCellFormatter,\r\n        //     cellRenderer: \"agAnimateShowChangeCellRenderer\"\r\n        //   }\r\n        // },\r\n        onFirstDataRendered: function(params) {\r\n          var createRangeChartParams = {\r\n            cellRange: {\r\n              columns: [\"JobCardName\", \"TimeToComplete\"]\r\n            },\r\n            chartType: \"groupedColumn\",\r\n            chartContainer: document.querySelector(`#${self.chartID}`),\r\n            suppressChartRanges: true,\r\n            aggFunc: \"sum\"\r\n          };\r\n\r\n          var chartRef = params.api.createRangeChart(createRangeChartParams);\r\n        },\r\n        processChartOptions: function(params) {\r\n          var opts = params.options;\r\n\r\n          opts.legend.position = \"right\";\r\n          // opts.yAxis.label.formatter = yAxisLabelFormatter;\r\n          opts.seriesDefaults.tooltip.enabled = true;\r\n          opts.seriesDefaults.fill.colors = [\r\n            \"#c16068\",\r\n            \"#a2bf8a\",\r\n            \"#ebcc87\",\r\n            \"#80a0c3\",\r\n            \"#b58dae\",\r\n            \"#85c0d1\"\r\n          ];\r\n          opts.seriesDefaults.stroke.colors = [\r\n            \"#874349\",\r\n            \"#718661\",\r\n            \"#a48f5f\",\r\n            \"#5a7088\",\r\n            \"#7f637a\",\r\n            \"#5d8692\"\r\n          ];\r\n\r\n          opts.seriesDefaults.tooltip.renderer = function(params) {\r\n            var value = params.datum[params.yKey]\r\n              .toString()\r\n              .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\r\n            return (\r\n              '<div style=\"padding: 5px\"><b>' +\r\n              params.title +\r\n              \"</b>: \" +\r\n              value +\r\n              \"%</div>\"\r\n            );\r\n          };\r\n\r\n          return opts;\r\n        }\r\n      },\r\n      endDate: this.FormatDateTime(new Date().setHours(23, 59, 59, 999))\r\n    };\r\n  },\r\n  beforeMount() {\r\n    let startMonth = this.subtractMonth(new Date().setHours(0, 0, 0, 0), 1);\r\n    this.startDate = this.FormatDateTime(startMonth);\r\n    this.Headers = [\r\n      {\r\n        headerName: \"Staff Member\",\r\n        field: \"StaffMember\",\r\n        resizable: true,\r\n        filter: true,\r\n        enableRowGroup: true,\r\n        sortable: true,\r\n        valueParser: this.valueParser,\r\n        rowGroup: true,\r\n        hide: true\r\n      },\r\n      {\r\n        headerName: \"Job Card Name\",\r\n        field: \"JobCardName\",\r\n        resizable: true,\r\n        filter: true,\r\n        enableRowGroup: true,\r\n        sortable: true,\r\n        valueParser: this.valueParser,\r\n        rowGroup: true,\r\n        hide: true\r\n      },\r\n      {\r\n        headerName: \"Time To Complete\",\r\n        field: \"TimeToComplete\",\r\n        enableRowGroup: true,\r\n        resizable: true,\r\n        filter: true,\r\n        sortable: true,\r\n        valueParser: this.valueParser\r\n      },\r\n      {\r\n        headerName: \"Average Time\",\r\n        field: \"AvgTime\",\r\n        enableValue: true,\r\n        resizable: true,\r\n        filter: true,\r\n        sortable: true,\r\n        valueParser: this.valueParser\r\n      }\r\n    ];\r\n  },\r\n  mounted() {\r\n    let self = this;\r\n    self.fetchHeaderTxes();\r\n  },\r\n  methods: {\r\n    setSelected(item) {\r\n      let self = this;\r\n      self.selectedAssesment = item;\r\n    },\r\n    fetchHeaderTxes() {\r\n      let self = this;\r\n      let url = `Tenant/Reports/Transaction/JobCard/GetAverageTimes?startDate=${self.startDate}&endDate=${self.endDate}`;\r\n\r\n      self.fetchingData = true;\r\n\r\n      self\r\n        .get(url)\r\n        .then(r => {\r\n          self.rowData = r.data;\r\n          self.fetchingData = false;\r\n        })\r\n        .catch(err => {\r\n          self.fetchingData = false;\r\n        });\r\n    }\r\n  }\r\n};\r\n</script>","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/vuetify-loader/lib/loader.js??ref--17-0!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TimeReport.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/vuetify-loader/lib/loader.js??ref--17-0!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TimeReport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TimeReport.vue?vue&type=template&id=5a11960a&\"\nimport script from \"./TimeReport.vue?vue&type=script&lang=js&\"\nexport * from \"./TimeReport.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/@vue/cli-service/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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCol,VOverlay,VRow})\n"],"sourceRoot":""}