{"version":3,"sources":["webpack:///./src/views/reports/ticketByContactSummary.vue?5d37","webpack:///./src/components/widgets/desk/reports/ticketsbycontactchart.vue?7a52","webpack:///src/components/widgets/desk/reports/ticketsbycontactchart.vue","webpack:///./src/components/widgets/desk/reports/ticketsbycontactchart.vue?b876","webpack:///./src/components/widgets/desk/reports/ticketsbycontactchart.vue","webpack:///src/views/reports/ticketByContactSummary.vue","webpack:///./src/views/reports/ticketByContactSummary.vue?2f36","webpack:///./src/views/reports/ticketByContactSummary.vue?0d87","webpack:///./src/views/reports/ticketByContactSummary.vue?44e0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","name","_v","on","$event","getReport","model","value","widgetFetcher","callback","$$v","$set","expression","_l","c","key","id","_s","firstName","lastName","setMonth","needsRefresh","_e","_m","ticketCounts","completedCount","outstandingCount","timeSpentWorking","avgTimeSpentPerTicket","columns","tickets","enabled","placeholder","showTicket","scopedSlots","_u","fn","props","column","field","$moment","row","createdDate","format","showTicketData","closeTicket","selectedTicket","staticRenderFns","chartOptions","series","component"],"mappings":"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","file":"js/chunk-b7cb89a0.c86c4991.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card card-bordered\"},[_c('div',{staticClass:\"card-inner\"},[_c('a-breadcrumb',{staticStyle:{\"padding-bottom\":\"10px\"}},[_c('router-link',{attrs:{\"to\":{name: 'reports'}}},[_c('a-breadcrumb-item',[_vm._v(\"Back To Reports\")])],1),_c('a-breadcrumb-item',[_vm._v(\"Tickets By Contact\")])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-3\"},[_c('a-select',{staticStyle:{\"width\":\"100%\"},attrs:{\"show-search\":\"\",\"allowClear\":\"\",\"option-filter-prop\":\"children\",\"placeholder\":\"Please Select A Contact\"},on:{\"change\":function($event){return _vm.getReport()}},model:{value:(_vm.widgetFetcher.contactId),callback:function ($$v) {_vm.$set(_vm.widgetFetcher, \"contactId\", $$v)},expression:\"widgetFetcher.contactId\"}},_vm._l((_vm.contacts),function(c){return _c('a-select-option',{key:c.id},[_vm._v(\" \"+_vm._s(c.firstName + ' ' + c.lastName)+\" \")])}),1)],1),_c('div',{staticClass:\"col-9\"},[_c('div',{staticClass:\"float-right\"},[_c('div',{staticClass:\"btn-group\",staticStyle:{\"margin-right\":\"15px\"}},[_c('button',{staticClass:\"btn btn-primary btn-sm\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.setMonth('thisMonth')}}},[_vm._v(\"This Month\")]),_c('button',{staticClass:\"btn btn-dark btn-sm\",on:{\"click\":function($event){return _vm.setMonth('lastMonth')}}},[_vm._v(\"Last Month\")]),_c('button',{staticClass:\"btn btn-dark btn-sm\",on:{\"click\":function($event){return _vm.setMonth('monthBeforeLast')}}},[_vm._v(\"Month \"),_c('em',{staticClass:\"icon ni ni-caret-left-fill\",staticStyle:{\"font-size\":\"10px\"}}),_vm._v(\" Last\")]),_c('button',{staticClass:\"btn btn-dark btn-sm\",on:{\"click\":function($event){return _vm.setMonth('thisYear')}}},[_vm._v(\"This Year\")])]),_c('a-date-picker',{staticStyle:{\"margin-right\":\"10px\"},attrs:{\"format\":\"DD/MM/YYYY\",\"placeholder\":\"Start Date\"},on:{\"change\":function($event){return _vm.getReport()}},model:{value:(_vm.widgetFetcher.start),callback:function ($$v) {_vm.$set(_vm.widgetFetcher, \"start\", $$v)},expression:\"widgetFetcher.start\"}}),_c('a-date-picker',{attrs:{\"format\":\"DD/MM/YYYY\",\"placeholder\":\"End Date\"},on:{\"change\":function($event){return _vm.getReport()}},model:{value:(_vm.widgetFetcher.end),callback:function ($$v) {_vm.$set(_vm.widgetFetcher, \"end\", $$v)},expression:\"widgetFetcher.end\"}})],1)])]),_c('hr',{staticClass:\"preview-hr\"}),_c('div',{staticClass:\"row\"},[(_vm.ticketCounts)?_c('div',{staticClass:\"col-6\"},[_c('ticketsbycontactchart',{attrs:{\"needsRefresh\":_vm.needsRefresh,\"widgetFetcher\":_vm.widgetFetcher}})],1):_vm._e(),(_vm.ticketCounts)?_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"card stat\"},[_c('div',{staticClass:\"card-inner\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_vm._m(0),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"card-title\"},[_c('h4',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.ticketCounts.completedCount))])])])])])])])]),_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"card stat\"},[_c('div',{staticClass:\"card-inner\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_vm._m(1),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"card-title\"},[_c('h4',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.ticketCounts.outstandingCount))])])])])])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"card stat\"},[_c('div',{staticClass:\"card-inner\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_vm._m(2),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"card-title\"},[_c('h4',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.ticketCounts.timeSpentWorking))])])])])])])])]),_c('div',{staticClass:\"col-6\"},[_c('div',{staticClass:\"card stat\"},[_c('div',{staticClass:\"card-inner\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_vm._m(3),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"card-title\"},[_c('h4',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.ticketCounts.avgTimeSpentPerTicket))])])])])])])])])])]):_vm._e()]),_c('hr',{staticClass:\"preview-hr\"}),(_vm.tickets)?_c('div',{staticClass:\"col-12\"},[(_vm.tickets)?_c('vue-good-table',{attrs:{\"columns\":_vm.columns,\"rows\":_vm.tickets,\"styleClass\":\"vgt-table condensed tblhov\",\"search-options\":{ enabled: true, placeholder: 'Search Tickets'},\"sort-options\":{ enabled: true,}},on:{\"on-cell-click\":_vm.showTicket},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field == 'createdDate')?_c('span',[_vm._v(_vm._s(_vm.$moment(props.row.createdDate).format(\"H:mm DD/MM/YY\")))]):_vm._e()]}}],null,false,3597052954)}):_vm._e()],1):_vm._e()],1),_c('a-drawer',{attrs:{\"width\":600,\"placement\":\"right\",\"closable\":false,\"visible\":_vm.showTicketData},on:{\"close\":function($event){return _vm.closeTicket()}}},[_c('ticket',{attrs:{\"ticket\":_vm.selectedTicket}})],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-title\"},[_c('h5',{staticClass:\"title text-center\"},[_vm._v(\"Total Tickets Completed\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-title\"},[_c('h5',{staticClass:\"title text-center\"},[_vm._v(\"Total Tickets Outstanding Currently\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-title\"},[_c('h5',{staticClass:\"title text-center\"},[_vm._v(\"Total Time Spent Working On Tickets (Hours)\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-title\"},[_c('h5',{staticClass:\"title text-center\"},[_vm._v(\"Average Time Spent Working Per Ticket\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-inner\"},[_vm._m(0),_c('apexchart',{attrs:{\"options\":_vm.chartOptions,\"series\":_vm.series}})],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-title-group align-start mb-2\"},[_c('div',{staticClass:\"card-title\"},[_c('h6',{staticClass:\"title\"},[_vm._v(\"Tickets Opened / Closed\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"card\">\r\n        <div class=\"card-inner\">\r\n            <div class=\"card-title-group align-start mb-2\">\r\n                <div class=\"card-title\">\r\n                    <h6 class=\"title\">Tickets Opened / Closed</h6>\r\n                </div>\r\n            </div>\r\n            <apexchart :options=\"chartOptions\" :series=\"series\"></apexchart>\r\n        </div>\r\n    </div><!-- .card -->\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    props: {\r\n        widgetFetcher: {\r\n            type: Object\r\n        },\r\n        needsRefresh: {\r\n          type: Boolean\r\n        }\r\n    },\r\n    watch : {\r\n        needsRefresh:function() {\r\n          this.getStats()\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n          ticketStats: null,\r\n          loaded: false,\r\n          series: [],\r\n          chartOptions: {\r\n            colors: ['#B552CB','#1EE0AC'],\r\n            fill: {\r\n              colors: ['#B552CB','#1EE0AC']\r\n            },\r\n            dataLabels: {\r\n              enabled: false,\r\n              style: {\r\n                colors: ['#B552CB','#1EE0AC']\r\n              }\r\n            },\r\n            markers: {\r\n              colors: ['#B552CB','#1EE0AC']\r\n            },\r\n            chart: {\r\n              width: 200,\r\n              height: 250,\r\n              type: 'bar'\r\n            },\r\n            stroke: {\r\n              curve: 'smooth'\r\n            },\r\n            xaxis: {\r\n              categories: []\r\n            },\r\n            tooltip: {\r\n              x: {\r\n                format: 'dd/MM/yy HH:mm' + 'Of the Month'\r\n              },\r\n            },\r\n          },\r\n        }\r\n    },\r\n    created() {\r\n        this.getStats()\r\n    },\r\n    methods:{\r\n        getStats() {\r\n            this.$http.post('/widgets/Get_TicketsOpenedClosedByContactChart/', this.widgetFetcher)\r\n            .then((response) => {\r\n              this.ticketStats = response.data\r\n              let xaxis  = [] \r\n              let series  = [{name: 'Opened', data: []},{name: 'Closed', data: []}]\r\n              response.data.forEach(element => {\r\n                xaxis.push(element.day)\r\n                series[0].data.push(element.openedCount)\r\n                series[1].data.push(element.closedCount)\r\n              });\r\n              this.chartOptions.xaxis = xaxis\r\n              this.series = series\r\n                this.loaded = true\r\n            })\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style>\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/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ticketsbycontactchart.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!./ticketsbycontactchart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ticketsbycontactchart.vue?vue&type=template&id=01c8612c&\"\nimport script from \"./ticketsbycontactchart.vue?vue&type=script&lang=js&\"\nexport * from \"./ticketsbycontactchart.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","<template>\r\n  <div class=\"card card-bordered\">\r\n      <div class=\"card-inner\">\r\n          <a-breadcrumb style=\"padding-bottom: 10px;\">\r\n            <router-link :to=\"{name: 'reports'}\"><a-breadcrumb-item>Back To Reports</a-breadcrumb-item></router-link>\r\n            <a-breadcrumb-item>Tickets By Contact</a-breadcrumb-item>\r\n          </a-breadcrumb>\r\n          <div class=\"row\">\r\n            <div class=\"col-3\">\r\n                <a-select show-search allowClear option-filter-prop=\"children\" @change=\"getReport()\" v-model=\"widgetFetcher.contactId\" placeholder=\"Please Select A Contact\" style=\"width: 100%\">\r\n                    <a-select-option v-for=\"c in contacts\" :key=\"c.id\">\r\n                        {{ c.firstName + ' ' + c.lastName }}\r\n                    </a-select-option>\r\n                </a-select>\r\n            </div>\r\n            <div class=\"col-9\">\r\n                <div class=\"float-right\">\r\n                    <div class=\"btn-group\" style=\"margin-right: 15px;\">\r\n                        <button @click=\"setMonth('thisMonth')\" type=\"button\" class=\"btn btn-primary btn-sm\">This Month</button>\r\n                        <button @click=\"setMonth('lastMonth')\" class=\"btn btn-dark btn-sm\">Last Month</button>\r\n                        <button @click=\"setMonth('monthBeforeLast')\" class=\"btn btn-dark btn-sm\">Month <em style=\"font-size:10px;\" class=\"icon ni ni-caret-left-fill\"></em> Last</button>\r\n                        <button @click=\"setMonth('thisYear')\" class=\"btn btn-dark btn-sm\">This Year</button>\r\n                    </div>\r\n                    <a-date-picker @change=\"getReport()\" v-model=\"widgetFetcher.start\" format=\"DD/MM/YYYY\" placeholder=\"Start Date\" style=\"margin-right: 10px;\"/>\r\n                    <a-date-picker @change=\"getReport()\" v-model=\"widgetFetcher.end\" format=\"DD/MM/YYYY\" placeholder=\"End Date\"/>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <hr class=\"preview-hr\">\r\n        <div class=\"row\">\r\n            <div class=\"col-6\" v-if=\"ticketCounts\">\r\n                <ticketsbycontactchart :needsRefresh=\"needsRefresh\" :widgetFetcher=\"widgetFetcher\"/>\r\n            </div>\r\n            <div class=\"col-6\" v-if=\"ticketCounts\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-6\">\r\n                        <div class=\"card stat\">\r\n                            <div class=\"card-inner\">\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"card-title\">\r\n                                            <h5 class=\"title text-center\">Total Tickets Completed</h5>\r\n                                        </div>\r\n                                        <div class=\"card-body\">\r\n                                            <div class=\"card-title\">\r\n                                                <h4 class=\"text-center\">{{ ticketCounts.completedCount }}</h4>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-6\">\r\n                        <div class=\"card stat\">\r\n                            <div class=\"card-inner\">\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"card-title\">\r\n                                            <h5 class=\"title text-center\">Total Tickets Outstanding Currently</h5>\r\n                                        </div>\r\n                                        <div class=\"card-body\">\r\n                                            <div class=\"card-title\">\r\n                                                <h4 class=\"text-center\">{{ ticketCounts.outstandingCount }}</h4>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-6\">\r\n                        <div class=\"card stat\">\r\n                            <div class=\"card-inner\">\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"card-title\">\r\n                                            <h5 class=\"title text-center\">Total Time Spent Working On Tickets (Hours)</h5>\r\n                                        </div>\r\n                                        <div class=\"card-body\">\r\n                                            <div class=\"card-title\">\r\n                                                <h4 class=\"text-center\">{{ ticketCounts.timeSpentWorking}}</h4>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-6\">\r\n                        <div class=\"card stat\">\r\n                            <div class=\"card-inner\">\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-12\">\r\n                                        <div class=\"card-title\">\r\n                                            <h5 class=\"title text-center\">Average Time Spent Working Per Ticket</h5>\r\n                                        </div>\r\n                                        <div class=\"card-body\">\r\n                                            <div class=\"card-title\">\r\n                                                <h4 class=\"text-center\">{{ ticketCounts.avgTimeSpentPerTicket }}</h4>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <hr class=\"preview-hr\">\r\n        <div class=\"col-12\" v-if=\"tickets\">\r\n            <vue-good-table v-if=\"tickets\"\r\n                :columns=\"columns\"\r\n                :rows=\"tickets\"\r\n                styleClass=\"vgt-table condensed tblhov\"\r\n                :search-options=\"{ enabled: true, placeholder: 'Search Tickets'}\"\r\n                :sort-options=\"{ enabled: true,}\"\r\n                @on-cell-click=\"showTicket\"\r\n            >\r\n            <template slot=\"table-row\" slot-scope=\"props\">\r\n                <span v-if=\"props.column.field == 'createdDate'\">{{ $moment(props.row.createdDate).format(\"H:mm DD/MM/YY\") }}</span>\r\n            </template>\r\n            </vue-good-table>\r\n        </div>\r\n      </div>\r\n    <a-drawer :width=\"600\"\r\n      placement=\"right\"\r\n      :closable=\"false\"\r\n      @close=\"closeTicket()\"\r\n      :visible=\"showTicketData\">\r\n      <ticket :ticket=\"selectedTicket\" />\r\n    </a-drawer>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ticket from '@/components/desk/tickets/ticket.vue'\r\nimport ticketsbycontactchart from '@/components/widgets/desk/reports/ticketsbycontactchart.vue'\r\n\r\nexport default {\r\n    components: { ticket, ticketsbycontactchart },\r\n    data() {\r\n        return {\r\n            needsRefresh: null,\r\n            accounts: [],\r\n            contacts: [],\r\n            widgetFetcher: { \r\n                start: this.$moment().startOf('month'),\r\n                end: this.$moment().endOf('month'),\r\n            },\r\n            selectedMonth: 'thisMonth',\r\n            tickets: [],\r\n            ticketCounts: null,\r\n            showTicketData: false,\r\n            selectedTicket: {},\r\n            columns: [{\r\n              label: 'Title',\r\n              align: 'start',\r\n              sortable: false,\r\n              field: 'title',\r\n            }, {\r\n              label: 'Assigned User',\r\n              field: 'assignedByUser'\r\n            }, {\r\n              label: 'Priority',\r\n              field: 'priority'\r\n            }, {\r\n              label: 'Status',\r\n              field: 'status'\r\n            }, {\r\n              label: 'Created Date',\r\n              field: 'createdDate'\r\n            }],\r\n        }\r\n    },\r\n    created() {\r\n        this.getView()\r\n        this.getLists()\r\n    },\r\n    methods: {\r\n        getView (){ this.$http.get('/ViewAccess/ticketByContact')\r\n        .then(() => { \r\n        })\r\n        .catch(() => { \r\n        })},\r\n        showTicket(params) {\r\n          this.selectedTicket = params.row\r\n          this.showTicketData = true\r\n        },\r\n        getLists(){\r\n          this.$http.get('/lists/Get_List/accounts')\r\n          .then((response) => {\r\n              this.accounts = response.data\r\n          })\r\n          .catch(() => {\r\n          this.$message.error('There has been an error')\r\n          })\r\n          this.$http.get('/contacts/get_Contacts')\r\n            .then((response) => {\r\n                this.contacts = response.data\r\n            })\r\n            .catch(() => {\r\n            this.$message.error('There has been an error')\r\n            })\r\n        },\r\n        getReport(){\r\n          this.$http.post('/reports/Get_TicketsByContact/', this.widgetFetcher)\r\n          .then((response) => {\r\n              this.tickets = response.data\r\n          })\r\n          .catch(() => {\r\n            this.$message.error('There has been an error')\r\n          })\r\n          this.$http.post('/reports/Get_TicketsByContactCounts/', this.widgetFetcher)\r\n          .then((response) => {\r\n              this.ticketCounts = response.data\r\n          })\r\n          .catch(() => {\r\n            this.$message.error('There has been an error')\r\n          })\r\n            this.initiateRefresh()\r\n        },\r\n        closeTicket(){\r\n          this.selectedTicket = null\r\n          this.showTicketData = false\r\n        },\r\n        setMonth(s){\r\n            if (s === 'thisMonth') {\r\n                this.widgetFetcher.start = this.$moment().startOf('month'),\r\n                this.widgetFetcher.end = this.$moment().endOf('month')\r\n            } else if (s === 'lastMonth') {\r\n                this.widgetFetcher.start = this.$moment().subtract(1, 'months').startOf('month'),\r\n                this.widgetFetcher.end = this.$moment().subtract(1, 'months').endOf('month')\r\n            } else if (s === 'monthBeforeLast') {\r\n                this.widgetFetcher.start = this.$moment().subtract(2, 'months').startOf('month'),\r\n                this.widgetFetcher.end = this.$moment().subtract(2, 'months').endOf('month')\r\n            } else if (s === 'thisYear') {\r\n                this.widgetFetcher.start = this.$moment().startOf('year')\r\n            }\r\n            this.getReport()\r\n        },\r\n        initiateRefresh(){\r\n            if (this.needsRefresh === true) {\r\n                this.needsRefresh = false\r\n            } else {\r\n                this.needsRefresh = true\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .stat{\r\n    height: 165px\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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ticketByContactSummary.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!./ticketByContactSummary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ticketByContactSummary.vue?vue&type=template&id=ace231ce&scoped=true&\"\nimport script from \"./ticketByContactSummary.vue?vue&type=script&lang=js&\"\nexport * from \"./ticketByContactSummary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ticketByContactSummary.vue?vue&type=style&index=0&id=ace231ce&scoped=true&lang=css&\"\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  \"ace231ce\",\n  null\n  \n)\n\nexport default component.exports","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-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ticketByContactSummary.vue?vue&type=style&index=0&id=ace231ce&scoped=true&lang=css&\""],"sourceRoot":""}