{"version":3,"sources":["webpack:///./src/views/reports/accountIssues.vue?938d","webpack:///./src/views/reports/accountIssues.vue?168b","webpack:///src/views/reports/accountIssues.vue","webpack:///./src/views/reports/accountIssues.vue?709e","webpack:///./src/views/reports/accountIssues.vue?56de"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","name","_v","on","$event","accountSelected","widgetFetcher","accountId","model","value","callback","$$v","$set","expression","_l","a","key","id","_s","text","tenantTicketIssueTypeId","issueTypeSelected","issueType","setMonth","getReport","$moment","selectedIssueType","createdDate","format","_e","columns","issues","enabled","placeholder","ticketColumns","tickets","mode","perPage","position","perPageDropdown","dropdownAllowAll","setCurrentPage","nextLabel","prevLabel","rowsPerPageLabel","ofLabel","pageLabel","allLabel","showTicket","scopedSlots","_u","fn","props","column","field","class","row","slaDueDate","completedDate","title","priority","status","showTicketData","closeTicket","selectedTicket","staticRenderFns","component"],"mappings":"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","file":"js/chunk-34786454.e4655115.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!./accountIssues.vue?vue&type=style&index=0&id=7fe4aeca&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(\"Account Issues\")])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-5\"},[_c('a-select',{staticStyle:{\"width\":\"50%\",\"margin-right\":\"10px\"},attrs:{\"show-search\":\"\",\"allowClear\":\"\",\"option-filter-prop\":\"children\",\"placeholder\":\"Please Select An Account\"},on:{\"change\":function($event){return _vm.accountSelected(_vm.widgetFetcher.accountId)}},model:{value:(_vm.widgetFetcher.accountId),callback:function ($$v) {_vm.$set(_vm.widgetFetcher, \"accountId\", $$v)},expression:\"widgetFetcher.accountId\"}},_vm._l((_vm.accounts),function(a){return _c('a-select-option',{key:a.id},[_vm._v(\" \"+_vm._s(a.text)+\" \")])}),1),_c('a-select',{staticStyle:{\"width\":\"45%\"},attrs:{\"show-search\":\"\",\"allowClear\":\"\",\"option-filter-prop\":\"children\",\"placeholder\":\"Please Select An Issue Type\"}},_vm._l((_vm.allowances),function(a){return _c('a-select-option',{key:a.tenantTicketIssueTypeId,on:{\"click\":function($event){return _vm.issueTypeSelected(a)}}},[_vm._v(\" \"+_vm._s(a.issueType)+\" \")])}),1)],1),_c('div',{staticClass:\"col-7\"},[_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)])]),(_vm.selectedIssueType)?_c('p',{staticStyle:{\"padding-top\":\"10px\"}},[_vm._v(\"This account's initial start date for this allocation is \"+_vm._s(_vm.$moment(_vm.selectedIssueType.createdDate).format('DD/MM'))+\".\")]):_vm._e(),_c('hr',{staticClass:\"preview-hr\"}),(_vm.issues)?_c('div',{staticClass:\"col-12\"},[(_vm.issues)?_c('vue-good-table',{attrs:{\"columns\":_vm.columns,\"rows\":_vm.issues,\"styleClass\":\"vgt-table condensed tblhov\",\"search-options\":{ enabled: true, placeholder: 'Search Issues'},\"sort-options\":{ enabled: true,}}}):_vm._e()],1):_vm._e(),_c('hr',{staticClass:\"preview-hr\"}),(_vm.tickets)?_c('div',{staticClass:\"col-12\"},[(_vm.tickets)?_c('vue-good-table',{attrs:{\"columns\":_vm.ticketColumns,\"rows\":_vm.tickets,\"styleClass\":\"vgt-table condensed tblhov\",\"search-options\":{ enabled: true, placeholder: 'Search Issues'},\"sort-options\":{ enabled: true,},\"pagination-options\":{\n                      enabled: true,\n                      mode: 'records',\n                      perPage: 25,\n                      position: 'bottom',\n                      perPageDropdown: [25,50,100],\n                      dropdownAllowAll: false,\n                      setCurrentPage: 1,\n                      nextLabel: 'Next',\n                      prevLabel: 'Prev',\n                      rowsPerPageLabel: 'Rows per page',\n                      ofLabel: 'of',\n                      pageLabel: 'page', // for 'pages' mode\n                      allLabel: 'All',\n                  }},on:{\"on-cell-click\":_vm.showTicket},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field == 'id')?_c('span',{class:props.row.slaDueDate > props.row.completedDate ? 'red' : ''},[_vm._v(_vm._s(props.row.id))]):(props.column.field == 'title')?_c('span',{class:props.row.slaDueDate > props.row.completedDate ? 'red' : ''},[_vm._v(_vm._s(props.row.title))]):(props.column.field == 'priority')?_c('span',{class:props.row.slaDueDate > props.row.completedDate ? 'red' : ''},[_vm._v(_vm._s(props.row.priority))]):(props.column.field == 'status')?_c('span',{class:props.row.slaDueDate > props.row.completedDate ? 'red' : ''},[_vm._v(_vm._s(props.row.status))]):(props.column.field == 'issueType')?_c('span',{class:props.row.slaDueDate > props.row.completedDate ? 'red' : ''},[_vm._v(_vm._s(props.row.issueType))]):(props.column.field == 'createdDate')?_c('span',{class:props.row.slaDueDate > props.row.completedDate ? 'red' : ''},[_vm._v(_vm._s(_vm.$moment(props.row.createdDate).format(\"H:mm DD/MM/YY\")))]):(props.column.field == 'completedDate')?_c('span',{class:props.row.slaDueDate > props.row.completedDate ? 'red' : ''},[_vm._v(_vm._s(_vm.$moment(props.row.completedDate).format(\"H:mm DD/MM/YY\")))]):(props.column.field == 'slaDueDate' && props.row.slaDueDate)?_c('span',{class:props.row.slaDueDate > props.row.completedDate ? 'red' : ''},[_vm._v(_vm._s(_vm.$moment(props.row.slaDueDate).format(\"H:mm DD/MM/YY\")))]):_vm._e()]}}],null,false,2666812068)}):_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},on:{\"ticketSaved\":function($event){return _vm.getReport()}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<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>Account Issues</a-breadcrumb-item>\r\n          </a-breadcrumb>\r\n          <div class=\"row\">\r\n                <div class=\"col-5\">\r\n                    <a-select show-search allowClear option-filter-prop=\"children\" @change=\"accountSelected(widgetFetcher.accountId)\" v-model=\"widgetFetcher.accountId\" placeholder=\"Please Select An Account\" style=\"width: 50%; margin-right: 10px;\">\r\n                        <a-select-option v-for=\"a in accounts\" :key=\"a.id\">\r\n                            {{ a.text}}\r\n                        </a-select-option>\r\n                    </a-select>\r\n                    <a-select show-search allowClear option-filter-prop=\"children\" placeholder=\"Please Select An Issue Type\" style=\"width: 45%\">\r\n                        <a-select-option v-for=\"a in allowances\" :key=\"a.tenantTicketIssueTypeId\" @click=\"issueTypeSelected(a)\">\r\n                            {{ a.issueType}}\r\n                        </a-select-option>\r\n                    </a-select>\r\n                </div>\r\n                <div class=\"col-7\">\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            <p v-if=\"selectedIssueType\" style=\"padding-top: 10px;\">This account's initial start date for this allocation is {{$moment(selectedIssueType.createdDate).format('DD/MM')}}.</p>\r\n            <hr class=\"preview-hr\">\r\n            <div class=\"col-12\" v-if=\"issues\">\r\n                <vue-good-table v-if=\"issues\"\r\n                    :columns=\"columns\"\r\n                    :rows=\"issues\"\r\n                    styleClass=\"vgt-table condensed tblhov\"\r\n                    :search-options=\"{ enabled: true, placeholder: 'Search Issues'}\"\r\n                    :sort-options=\"{ enabled: true,}\" \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            <hr class=\"preview-hr\">\r\n            <div class=\"col-12\" v-if=\"tickets\">\r\n                <vue-good-table v-if=\"tickets\"\r\n                    :columns=\"ticketColumns\"\r\n                    :rows=\"tickets\"\r\n                    styleClass=\"vgt-table condensed tblhov\"\r\n                    :search-options=\"{ enabled: true, placeholder: 'Search Issues'}\"\r\n                    :sort-options=\"{ enabled: true,}\"\r\n                    @on-cell-click=\"showTicket\"\r\n                    :pagination-options=\"{\r\n                        enabled: true,\r\n                        mode: 'records',\r\n                        perPage: 25,\r\n                        position: 'bottom',\r\n                        perPageDropdown: [25,50,100],\r\n                        dropdownAllowAll: false,\r\n                        setCurrentPage: 1,\r\n                        nextLabel: 'Next',\r\n                        prevLabel: 'Prev',\r\n                        rowsPerPageLabel: 'Rows per page',\r\n                        ofLabel: 'of',\r\n                        pageLabel: 'page', // for 'pages' mode\r\n                        allLabel: 'All',\r\n                    }\"\r\n                >\r\n                <template slot=\"table-row\" slot-scope=\"props\">\r\n                    <span :class=\"props.row.slaDueDate > props.row.completedDate ? 'red' : '' \" v-if=\"props.column.field == 'id'\">{{ props.row.id }}</span>\r\n                    <span :class=\"props.row.slaDueDate > props.row.completedDate ? 'red' : '' \" v-else-if=\"props.column.field == 'title'\">{{ props.row.title }}</span>\r\n                    <span :class=\"props.row.slaDueDate > props.row.completedDate ? 'red' : '' \" v-else-if=\"props.column.field == 'priority'\">{{ props.row.priority }}</span>\r\n                    <span :class=\"props.row.slaDueDate > props.row.completedDate ? 'red' : '' \" v-else-if=\"props.column.field == 'status'\">{{ props.row.status }}</span>\r\n                    <span :class=\"props.row.slaDueDate > props.row.completedDate ? 'red' : '' \" v-else-if=\"props.column.field == 'issueType'\">{{ props.row.issueType }}</span>\r\n                    <span :class=\"props.row.slaDueDate > props.row.completedDate ? 'red' : '' \" v-else-if=\"props.column.field == 'createdDate'\">{{ $moment(props.row.createdDate).format(\"H:mm DD/MM/YY\") }}</span>\r\n                    <span :class=\"props.row.slaDueDate > props.row.completedDate ? 'red' : '' \" v-else-if=\"props.column.field == 'completedDate'\">{{ $moment(props.row.completedDate).format(\"H:mm DD/MM/YY\") }}</span>\r\n                    <span :class=\"props.row.slaDueDate > props.row.completedDate ? 'red' : '' \" v-else-if=\"props.column.field == 'slaDueDate' && props.row.slaDueDate\">{{ $moment(props.row.slaDueDate).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\" @ticketSaved=\"getReport()\" />\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\nexport default {\r\n    components: { ticket },\r\n    data() {\r\n        return {\r\n            needsRefresh: null,\r\n            accounts: [],\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            issues: [],\r\n            isueCounts: null,\r\n            allowances: [],\r\n            tickets: null,\r\n            showTicketData: false,\r\n            selectedTicket: {},\r\n            selectedIssueType: null,\r\n            columns: [{\r\n              label: 'Account',\r\n              align: 'start',\r\n              sortable: false,\r\n              field: 'accountName',\r\n            }, {\r\n              label: 'Issue Type',\r\n              field: 'issueType'\r\n            },  {\r\n              label: 'Allowance',\r\n              field: 'allowance'\r\n            }, {\r\n              label: 'Used',\r\n              field: 'usage'\r\n            }, {\r\n              label: 'remaining',\r\n              field: 'remaining'\r\n            }],\r\n            ticketColumns: [{\r\n                label: 'Ticket No',\r\n                align: 'start',\r\n                sortable: true,\r\n                field: 'id',\r\n                type: 'number'\r\n            },{\r\n              label: 'Title',\r\n              sortable: false,\r\n              field: 'title',\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: 'Issue Type',\r\n              field: 'issueType'\r\n            }, {\r\n              label: 'Created Date',\r\n              field: 'createdDate'\r\n            }, {\r\n                label: 'Completed Date',\r\n                field: 'completedDate'\r\n            }, {\r\n              label: 'SLA Due Date',\r\n              field: 'slaDueDate'\r\n            },\r\n            ],\r\n        }\r\n    },\r\n    created() {\r\n      this.getView()\r\n      this.getLists()\r\n      // this.getReport()\r\n    },\r\n    methods: {\r\n        getView (){ \r\n          this.$http.get('/ViewAccess/accountIssues')\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        },\r\n        accountSelected(search) {\r\n          this.$http.get('/accounts/Get_ActiveAccountIssueTypeAllowances/' + search)\r\n          .then((response) => {\r\n              this.allowances = response.data\r\n          })\r\n          .catch(() => {\r\n              this.$message.error('There has been an error')\r\n          })\r\n        },\r\n        issueTypeSelected(a) {\r\n          this.selectedIssueType = a\r\n          this.widgetFetcher.start = a.createdDate\r\n          this.getReport()\r\n        },\r\n        getReport(){\r\n          this.showTicketData = false\r\n          this.widgetFetcher.issueTypeId = this.selectedIssueType.tenantTicketIssueTypeId\r\n          this.$http.post('/reports/Get_AccountIssueUsage/', this.widgetFetcher)\r\n          .then((response) => {\r\n              this.issues = 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_TicketsByAccount/', 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_TicketsByUserCounts/', 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.utc().startOf('month'),\r\n                this.widgetFetcher.end = this.$moment.utc().endOf('month')\r\n            } else if (s === 'lastMonth') {\r\n                this.widgetFetcher.start = this.$moment.utc().subtract(1, 'months').startOf('month'),\r\n                this.widgetFetcher.end = this.$moment.utc().subtract(1, 'months').endOf('month')\r\n            } else if (s === 'monthBeforeLast') {\r\n                this.widgetFetcher.start = this.$moment.utc().subtract(2, 'months').startOf('month'),\r\n                this.widgetFetcher.end = this.$moment.utc().subtract(2, 'months').endOf('month')\r\n            } else if (s === 'thisYear') {\r\n                this.widgetFetcher.start = this.$moment.utc().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  .red{\r\n      color: red;\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!./accountIssues.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!./accountIssues.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./accountIssues.vue?vue&type=template&id=7fe4aeca&scoped=true&\"\nimport script from \"./accountIssues.vue?vue&type=script&lang=js&\"\nexport * from \"./accountIssues.vue?vue&type=script&lang=js&\"\nimport style0 from \"./accountIssues.vue?vue&type=style&index=0&id=7fe4aeca&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  \"7fe4aeca\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}