{"version":3,"sources":["webpack:///./src/views/reports/ticketByTeamSummary.vue?1a5b","webpack:///./src/views/reports/ticketByTeamSummary.vue?f71f","webpack:///./src/components/widgets/desk/reports/ticketsbyteamchart.vue?0bbb","webpack:///src/components/widgets/desk/reports/ticketsbyteamchart.vue","webpack:///./src/components/widgets/desk/reports/ticketsbyteamchart.vue?912f","webpack:///./src/components/widgets/desk/reports/ticketsbyteamchart.vue","webpack:///src/views/reports/ticketByTeamSummary.vue","webpack:///./src/views/reports/ticketByTeamSummary.vue?dcb1","webpack:///./src/views/reports/ticketByTeamSummary.vue?fec4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","name","_v","on","$event","getReport","model","value","widgetFetcher","callback","$$v","$set","expression","_l","t","key","id","_s","text","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-01bbcaa4.44ee184e.js","sourcesContent":["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!./ticketByTeamSummary.vue?vue&type=style&index=0&id=53cc2a4e&scoped=true&lang=css&\"","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 Team\")])],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 Team\"},on:{\"change\":function($event){return _vm.getReport()}},model:{value:(_vm.widgetFetcher.teamId),callback:function ($$v) {_vm.$set(_vm.widgetFetcher, \"teamId\", $$v)},expression:\"widgetFetcher.teamId\"}},_vm._l((_vm.teams),function(t){return _c('a-select-option',{key:t.id},[_vm._v(\" \"+_vm._s(t.text)+\" \")])}),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('ticketsbyteamchart',{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_TicketsOpenedClosedByTeamChart/', 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!./ticketsbyteamchart.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!./ticketsbyteamchart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ticketsbyteamchart.vue?vue&type=template&id=e4959bb0&\"\nimport script from \"./ticketsbyteamchart.vue?vue&type=script&lang=js&\"\nexport * from \"./ticketsbyteamchart.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 Team</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.teamId\" placeholder=\"Please Select A Team\" style=\"width: 100%\">\r\n                        <a-select-option v-for=\"t in teams\" :key=\"t.id\">\r\n                            {{ t.text }}\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                    <ticketsbyteamchart :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 ticketsbyteamchart from '@/components/widgets/desk/reports/ticketsbyteamchart.vue'\r\n\r\nexport default {\r\n    components: { ticket, ticketsbyteamchart },\r\n    data() {\r\n        return {\r\n            needsRefresh: null,\r\n            teams: [],\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/ticketByTeam')\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/teams')\r\n          .then((response) => {\r\n              this.teams = 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_TicketsByTeam/', 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_TicketsByTeamCounts/', 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!./ticketByTeamSummary.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!./ticketByTeamSummary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ticketByTeamSummary.vue?vue&type=template&id=53cc2a4e&scoped=true&\"\nimport script from \"./ticketByTeamSummary.vue?vue&type=script&lang=js&\"\nexport * from \"./ticketByTeamSummary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ticketByTeamSummary.vue?vue&type=style&index=0&id=53cc2a4e&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  \"53cc2a4e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}