{"version":3,"sources":["webpack:///./src/views/Reports/Views/Reports/JobCardReport.vue?5656","webpack:///./src/views/Reports/Views/Reports/JobCardReport.vue?4ba5","webpack:///src/views/Reports/Views/Reports/JobCardReport.vue","webpack:///./src/views/Reports/Views/Reports/JobCardReport.vue?366f","webpack:///./src/views/Reports/Views/Reports/JobCardReport.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","directives","name","rawName","value","currentJobcardID","expression","staticStyle","_v","assesment","length","_e","_l","item","idx","key","_s","Name","Count","staticRenderFns","data","jobCardData","mounted","getJobCardReportData","methods","self","get","r","GetUserSpeceficData","getJobCardItemData","generateJobCardItemChart","Header","text","fontSize","marginBottom","forEach","date","chart","dateFormatter","dateFormat","categoryAxis","dataFields","category","numberFormatter","numberFormat","renderer","inversed","grid","template","location","cellStartLocation","cellEndLocation","valueAxis","opposite","series","valueX","categoryY","columns","tooltipText","height","sequencedInterpolation","valueLabel","label","horizontalCenter","dx","hideOversized","truncate","categoryLabel","fill","generateJobCardChart","scrollbarX","title","xAxes","push","minGridDistance","labels","verticalCenter","events","on","clickMethod","event","target","dataItem","tooltip","disabled","yAxes","minWidth","valueY","categoryX","strokeWidth","each","column","pointerOrientation","cornerRadiusTopLeft","cornerRadiusTopRight","fillOpacity","hoverState","states","create","properties","adapter","add","colors","getIndex","index","cursor","component","VCard","VCol","VContainer","VDivider","VList","VListItem","VOverlay","VRow","VToolbar","VToolbarTitle"],"mappings":"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","file":"js/chunk-26eb35b7.cc0eba21.js","sourcesContent":["import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../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!./JobCardReport.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../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!./JobCardReport.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"fill-height\",attrs:{\"no-gutters\":\"\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{attrs:{\"id\":\"jobcardTimeTaken\"}})])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentJobcardID==null),expression:\"currentJobcardID==null\"}],staticStyle:{\"width\":\"100%\",\"height\":\"250px\"}},[_c('v-overlay',{attrs:{\"absolute\":true,\"value\":true}},[_c('span',[_vm._v(\"click a Job card column to display user specefic chart\")])])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentJobcardID!=null),expression:\"currentJobcardID!=null\"}],attrs:{\"id\":\"jobcardTimeTaken2\"}})],1)],1),_c('v-row',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentJobcardID!=null),expression:\"currentJobcardID!=null\"}]},[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.assesment.length==0),expression:\"assesment.length==0\"}],staticStyle:{\"width\":\"100%\",\"height\":\"250px\"}},[_c('v-overlay',{attrs:{\"absolute\":true,\"value\":true}},[_c('span',[_vm._v(\"click a user specific column to display chart\")])])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.assesment.length>0),expression:\"assesment.length>0\"}],attrs:{\"id\":\"jobcardTimeTaken3\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.assesment.length==0),expression:\"assesment.length==0\"}],staticStyle:{\"width\":\"100%\",\"height\":\"250px\"}},[_c('v-overlay',{attrs:{\"absolute\":true,\"value\":true}},[_c('span',[_vm._v(\"click a user specific column to display staff assesment\")])])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.assesment.length>0),expression:\"assesment.length>0\"}]},[(_vm.assesment.length>0)?_c('v-toolbar',{attrs:{\"dense\":\"\",\"flat\":\"\",\"color\":\"primary\",\"dark\":\"\"}},[_c('v-toolbar-title',[_vm._v(\"Assesments\")])],1):_vm._e(),_c('v-list',_vm._l((_vm.assesment),function(item,idx){return _c('div',{key:idx},[_c('v-list-item',[_vm._v(_vm._s(item.Name)+\" count: \"+_vm._s(item.Count))]),_c('v-divider')],1)}),0)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container class=\"fill-height\" no-gutters>\r\n    <v-row>\r\n      <v-col cols=\"12\">\r\n        <div id=\"jobcardTimeTaken\"></div>\r\n      </v-col>\r\n    </v-row>\r\n    <v-row>\r\n      <!-- employee/jobcard container -->\r\n      <v-col cols=\"12\">\r\n        <v-card style=\"width: 100%;height: 250px;\" v-show=\"currentJobcardID==null\">\r\n          <v-overlay :absolute=\"true\" :value=\"true\">\r\n            <span>click a Job card column to display user specefic chart</span>\r\n          </v-overlay>\r\n        </v-card>\r\n        <div v-show=\"currentJobcardID!=null\" id=\"jobcardTimeTaken2\"></div>\r\n      </v-col>\r\n    </v-row>\r\n    <v-row v-show=\"currentJobcardID!=null\">\r\n      <!-- last drill down -->\r\n      <v-col cols=\"6\">\r\n        <v-card style=\"width: 100%;height: 250px;\" v-show=\"assesment.length==0\">\r\n          <v-overlay :absolute=\"true\" :value=\"true\">\r\n            <span>click a user specific column to display chart</span>\r\n          </v-overlay>\r\n        </v-card>\r\n        <div v-show=\"assesment.length>0\" id=\"jobcardTimeTaken3\"></div>\r\n      </v-col>\r\n      <v-col cols=\"6\">\r\n        <v-card style=\"width: 100%;height: 250px;\" v-show=\"assesment.length==0\">\r\n          <v-overlay :absolute=\"true\" :value=\"true\">\r\n            <span>click a user specific column to display staff assesment</span>\r\n          </v-overlay>\r\n        </v-card>\r\n        <div v-show=\"assesment.length>0\">\r\n          <v-toolbar dense flat color=\"primary\" dark v-if=\"assesment.length>0\">\r\n            <v-toolbar-title>Assesments</v-toolbar-title>\r\n          </v-toolbar>\r\n          <v-list>\r\n            <div v-for=\"(item,idx) in assesment\" :key=\"idx\">\r\n              <v-list-item>{{item.Name}} count: {{item.Count}}</v-list-item>\r\n              <v-divider></v-divider>\r\n            </div>\r\n          </v-list>\r\n        </div>\r\n      </v-col>\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n<script>\r\nimport * as am4core from \"@amcharts/amcharts4/core\";\r\nimport * as am4charts from \"@amcharts/amcharts4/charts\";\r\nimport moment from \"moment\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      jobCardData: [],\r\n      currentJobcardID: null,\r\n      assesment: []\r\n    };\r\n  },\r\n  mounted() {\r\n    this.getJobCardReportData();\r\n  },\r\n  methods: {\r\n    getJobCardReportData() {\r\n      let self = this;\r\n\r\n      self.get(`Tenant/Reports/Jobcard`).then(r => {\r\n        self.jobCardData = r.data;\r\n        this.generateJobCardChart(\r\n          \"jobcardTimeTaken\",\r\n          \"TimeTaken\",\r\n          \"Name\",\r\n          self.jobCardData,\r\n          self.GetUserSpeceficData,\r\n          \"Job Card Time Taken\"\r\n        );\r\n      });\r\n    },\r\n    GetUserSpeceficData(dataItem) {\r\n      let self = this;\r\n\r\n      self\r\n        .get(`Tenant/Reports/Jobcard?jobcardID=${dataItem.valueX}`)\r\n        .then(r => {\r\n          self.assesment = [];\r\n\r\n          self.currentJobcardID = dataItem.valueX;\r\n          this.generateJobCardChart(\r\n            \"jobcardTimeTaken2\",\r\n            \"TimeTaken\",\r\n            \"Username\",\r\n            r.data,\r\n            self.getJobCardItemData,\r\n            \"Staff specific\"\r\n          );\r\n        });\r\n    },\r\n    getJobCardItemData(dataItem) {\r\n      let self = this;\r\n\r\n      self\r\n        .get(\r\n          `Tenant/Reports/Jobcard?jobcardID=${self.currentJobcardID}&userID=${dataItem.valueX}`\r\n        )\r\n        .then(r => {\r\n          self\r\n            .get(`Tenant/Reports/Jobcard?userID=${dataItem.valueX}`)\r\n            .then(resp => {\r\n              this.generateJobCardItemChart(r.data);\r\n              self.assesment = resp.data;\r\n            });\r\n          // busy with this one\r\n        });\r\n    },\r\n    generateJobCardItemChart(data) {\r\n      let self = this;\r\n      let chart = am4core.create(\"jobcardTimeTaken3\", am4charts.XYChart);\r\n      let Header = chart.titles.create();\r\n      Header.text = \"Job Card Items\";\r\n      Header.fontSize = 25;\r\n      Header.marginBottom = 5;\r\n      // Add data\r\n\r\n      data.forEach(item => {\r\n        item.date = moment(item.TxDateTime).format(\"YYYY-MM-DD HH:MM ss\");\r\n      });\r\n      chart.data = data;\r\n\r\n      chart.dateFormatter.dateFormat = \"yyyy-MM-dd\";\r\n      // Create axes\r\n      let categoryAxis = chart.yAxes.push(new am4charts.CategoryAxis());\r\n\r\n      categoryAxis.dataFields.category = \"date\";\r\n      categoryAxis.numberFormatter.numberFormat = \"#\";\r\n      categoryAxis.renderer.inversed = true;\r\n      categoryAxis.renderer.grid.template.location = 0;\r\n      categoryAxis.renderer.cellStartLocation = 0.1;\r\n      categoryAxis.renderer.cellEndLocation = 0.9;\r\n\r\n      let valueAxis = chart.xAxes.push(new am4charts.ValueAxis());\r\n      valueAxis.renderer.opposite = true;\r\n\r\n      // Create series\r\n      // {category.formatDate('yyyy-mm')}\r\n      let series = chart.series.push(new am4charts.ColumnSeries());\r\n      series.dataFields.valueX = \"TimeTaken\";\r\n      series.dataFields.categoryY = \"date\";\r\n\r\n      series.name = \"JobCardItemName\";\r\n      series.columns.template.tooltipText =\r\n        \"{JobCardItemName}-Minutes: [bold]{valueX}[/]\";\r\n      series.columns.template.height = am4core.percent(100);\r\n      series.sequencedInterpolation = true;\r\n\r\n      let valueLabel = series.bullets.push(new am4charts.LabelBullet());\r\n      valueLabel.label.text = \"{valueX}\";\r\n      valueLabel.label.horizontalCenter = \"left\";\r\n      valueLabel.label.dx = 10;\r\n      valueLabel.label.hideOversized = false;\r\n      valueLabel.label.truncate = false;\r\n\r\n      let categoryLabel = series.bullets.push(new am4charts.LabelBullet());\r\n      categoryLabel.label.text = \"{JobCardItemName}\";\r\n      categoryLabel.label.horizontalCenter = \"right\";\r\n      categoryLabel.label.dx = -10;\r\n      categoryLabel.label.fill = am4core.color(\"#fff\");\r\n      categoryLabel.label.hideOversized = false;\r\n      categoryLabel.label.truncate = false;\r\n    },\r\n    generateJobCardChart(div, valueY, category, data, clickMethod, title) {\r\n      let self = this;\r\n      var chart = am4core.create(div, am4charts.XYChart);\r\n      chart.scrollbarX = new am4core.Scrollbar();\r\n      chart.data = data;\r\n      let Header = chart.titles.create();\r\n      Header.text = title;\r\n      Header.fontSize = 25;\r\n      Header.marginBottom = 5;\r\n      // Create axes\r\n      var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());\r\n      categoryAxis.dataFields.category = category;\r\n      categoryAxis.renderer.grid.template.location = 0;\r\n      categoryAxis.renderer.minGridDistance = 30;\r\n      categoryAxis.renderer.labels.template.horizontalCenter = \"right\";\r\n      categoryAxis.renderer.labels.template.verticalCenter = \"middle\";\r\n\r\n      categoryAxis.renderer.labels.template.events.on(\"hit\", function(event) {\r\n        clickMethod(event.target.dataItem);\r\n      });\r\n      // categoryAxis.renderer.labels.template.rotation = 270;\r\n      categoryAxis.tooltip.disabled = true;\r\n      // categoryAxis.renderer.minHeight = 110;\r\n\r\n      var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());\r\n      valueAxis.renderer.minWidth = 50;\r\n\r\n      // Create series\r\n      var series = chart.series.push(new am4charts.ColumnSeries());\r\n      series.sequencedInterpolation = true;\r\n      series.dataFields.valueY = valueY;\r\n      series.dataFields.categoryX = category;\r\n      series.dataFields.valueX = \"ID\";\r\n      series.tooltipText = \"[]Minutes:{valueY}[/]\";\r\n      series.columns.template.strokeWidth = 0;\r\n      series.columns.template.events.on(\"hit\", function(event) {\r\n        series.columns.each(function(column) {\r\n          if (column == event.target) {\r\n            clickMethod(event.target.dataItem);\r\n          }\r\n        });\r\n      });\r\n      series.tooltip.pointerOrientation = \"horizontal\";\r\n\r\n      series.columns.template.column.cornerRadiusTopLeft = 10;\r\n      series.columns.template.column.cornerRadiusTopRight = 10;\r\n      series.columns.template.column.fillOpacity = 0.8;\r\n\r\n      // on hover, make corner radiuses bigger\r\n      var hoverState = series.columns.template.column.states.create(\"hover\");\r\n      hoverState.properties.cornerRadiusTopLeft = 0;\r\n      hoverState.properties.cornerRadiusTopRight = 0;\r\n      hoverState.properties.fillOpacity = 1;\r\n\r\n      series.columns.template.adapter.add(\"fill\", function(fill, target) {\r\n        return chart.colors.getIndex(target.dataItem.index);\r\n      });\r\n\r\n      // Cursor\r\n      chart.cursor = new am4charts.XYCursor();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style>\r\n#jobcardTimeTaken {\r\n  width: 100%;\r\n  height: 250px;\r\n}\r\n\r\n#jobcardTimeTaken2 {\r\n  width: 100%;\r\n  height: 250px;\r\n}\r\n\r\n#jobcardTimeTaken3 {\r\n  width: 100%;\r\n  height: 250px;\r\n}\r\n\r\n#jobcardTimeTaken4 {\r\n  width: 100%;\r\n  height: 250px;\r\n}\r\n\r\n#jobcardTimeTaken5 {\r\n  width: 100%;\r\n  height: 250px;\r\n}\r\n</style>","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!./JobCardReport.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!./JobCardReport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./JobCardReport.vue?vue&type=template&id=157a5455&\"\nimport script from \"./JobCardReport.vue?vue&type=script&lang=js&\"\nexport * from \"./JobCardReport.vue?vue&type=script&lang=js&\"\nimport style0 from \"./JobCardReport.vue?vue&type=style&index=0&lang=css&\"\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VCard,VCol,VContainer,VDivider,VList,VListItem,VOverlay,VRow,VToolbar,VToolbarTitle})\n"],"sourceRoot":""}