{"version":3,"sources":["webpack:///./src/components/finance/singleInvoice/invoice-summary-invoice-no.vue?c107","webpack:///./src/components/finance/singleInvoice/invoice-summary.vue?8a4e","webpack:///./src/components/invoices/invoice-file-preview.vue?a3be","webpack:///src/components/invoices/invoice-file-preview.vue","webpack:///./src/components/invoices/invoice-file-preview.vue?5e78","webpack:///./src/components/invoices/invoice-file-preview.vue","webpack:///./src/router/views/finance/invoice-view.vue?5a33","webpack:///./src/components/finance/singleInvoice/invoice-summary.vue?141a","webpack:///./src/mixins/financeMixin.js","webpack:///src/components/finance/singleInvoice/invoice-summary.vue","webpack:///./src/components/finance/singleInvoice/invoice-summary.vue?2503","webpack:///./src/components/finance/singleInvoice/invoice-summary.vue","webpack:///./src/components/finance/singleInvoice/invoice-details.vue?d5ce","webpack:///src/components/finance/singleInvoice/invoice-details.vue","webpack:///./src/components/finance/singleInvoice/invoice-details.vue?6315","webpack:///./src/components/finance/singleInvoice/invoice-details.vue","webpack:///./src/components/finance/singleInvoice/invoice-summary-invoice-no.vue?fdca","webpack:///src/components/finance/singleInvoice/invoice-summary-invoice-no.vue","webpack:///./src/components/finance/singleInvoice/invoice-summary-invoice-no.vue?e42c","webpack:///./src/components/finance/singleInvoice/invoice-summary-invoice-no.vue","webpack:///./src/components/finance/singleInvoice/timesheet-file-preview.vue?7116","webpack:///src/components/finance/singleInvoice/timesheet-file-preview.vue","webpack:///./src/components/finance/singleInvoice/timesheet-file-preview.vue?337f","webpack:///./src/components/finance/singleInvoice/timesheet-file-preview.vue","webpack:///src/router/views/finance/invoice-view.vue","webpack:///./src/router/views/finance/invoice-view.vue?dc18","webpack:///./src/router/views/finance/invoice-view.vue","webpack:///../../../src/mixins/button-group/index.ts","webpack:///../../../src/components/VBtnToggle/VBtnToggle.ts","webpack:///./src/components/general/empty-state-block.vue?67c6","webpack:///src/components/general/empty-state-block.vue","webpack:///./src/components/general/empty-state-block.vue?33ec","webpack:///./src/components/general/empty-state-block.vue","webpack:///./src/components/general/file-preview-container.vue?2db5","webpack:///./src/components/general/file-preview-container.vue?9e32","webpack:///src/components/general/file-preview-container.vue","webpack:///./src/components/general/file-preview-container.vue?a107","webpack:///./src/components/general/file-preview-container.vue","webpack:///./src/router/views/finance/invoice-view.vue?b90c"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","$event","$emit","model","value","callback","$$v","show","expression","_v","_s","$t","invoice","staticClass","isDownloadingFile","fileData","fileDefinition","staticRenderFns","name","components","FilePreviewContainer","mixins","baseMixin","props","type","Object","required","Boolean","data","computed","watch","n","o","downloadFile","methods","downloadInvoiceFile","result","invoiceID","isSuccess","fileName","component","VBtn","VCard","VCardText","VCardTitle","VDialog","VIcon","keys","invoiceViewInvoiceData","length","downloadInvoice","_e","downloadTimesheet","showInvoiceDownloadDialog","showTimesheetDownloadDialog","timesheetData","displayGSTtext","displayCurrency","invoiceSummaryData","exGSTAmount","taxAmount","countDisplayTotal","mapGetters","currentUser","invoiceData","displayInvoiceDate","datePaid","dayjs","format","isInvoicePaid","isInvoiceLabel","input","Intl","NumberFormat","language","style","currency","currencyCode","invoicedata","invoiceTotal","displayDate","dateData","convertDate","date","tz","countryTimezone","displayHour","convertTime","countdisplayPlacementRate","item","exTaxAmount","clientRate","clientHours","financeMixin","changeInvoiceMode","filterMode","_l","parentItem","index","key","location","item2","index2","groupFilter","invoiceDetails","tableHeaders","shorttermInvoice","scopedSlots","_u","fn","ref","header","text","firstName","lastName","startTimeUTC","invoiceDetailData","locationTimeZone","endTimeUTC","_g","_b","disableDownloadButton","compTooltipText","_","headers","groupInvoiceData","mode","invoiceLinks","items","forEach","element","element2","subTotalPerGroup","push","locationName","sortPlacements","totalExTax","itemNo","timesheetRecordId","timesheetRecordID","timesheetFileID","tooltipKey","VBtnToggle","VCol","VDataTable","VTooltip","invoiceNumber","invoiceDate","VChip","default","VContainer","title","meta","Layout","InvoiceSummary","InvoiceDetails","InvoiceSummaryNo","InvoiceFilePreview","TimesheetFilePreview","getInvoiceByInvoiceNo","$route","params","invoiceNo","statusCode","alert","$router","VRow","btnToggle","genData","backgroundColor","borderless","dense","group","rounded","shaped","tile","themeClasses","setTextColor","setBackgroundColor","class","border","_t","icon","description","button","id","to","color","String","rerender","staticStyle","fileType","emptyStateTitle","emptyStateDescription","EmptyStateBlock","loading","includes","$nextTick","VImg","VSkeletonLoader"],"mappings":"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","file":"js/chunk-4bd531f9.68037bfe.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./invoice-summary-invoice-no.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./invoice-summary.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('v-dialog',{attrs:{\"fullscreen\":\"\",\"hide-overlay\":\"\",\"persistent\":\"\",\"no-click-animation\":\"\",\"transition\":\"dialog-bottom-transition\"},on:{\"input\":function($event){return _vm.$emit('update:show')}},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('v-card',[_c('v-card-title',[_vm._v(_vm._s(((_vm.$t('finance.invoiceText')) + \" #\" + (_vm.invoice.invoiceNumber)))+\" \"),_c('v-btn',{staticClass:\"ml-auto\",attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.$emit('update:show', false)}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1),_c('v-card-text',[_c('FilePreviewContainer',{staticClass:\"mt-4\",attrs:{\"loading\":_vm.isDownloadingFile,\"file-data\":_vm.fileData,\"file-definition\":_vm.fileDefinition,\"empty-state-title\":_vm.$t('finance.invoiceFileNotAvailableText')}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { mapActions, mapGetters } from 'vuex'\nimport baseMixin from '@/mixins/baseMixin'\nimport FilePreviewContainer from '../general/file-preview-container.vue'\n\nexport default {\n  name: 'InvoiceFilePreview',\n  components: {\n    FilePreviewContainer,\n  },\n  mixins: [baseMixin],\n  props: {\n    invoice: {\n      type: Object,\n      required: true,\n    },\n    show: {\n      type: Boolean,\n      required: true,\n    },\n  },\n  data: () => {\n    return {\n      fileData: '',\n      fileDefinition: {},\n    }\n  },\n  computed: {\n    ...mapGetters({\n      isDownloadingFile: 'invoices/isDownloadingFile',\n    }),\n  },\n  watch: {\n    show(n, o) {\n      if (n) {\n        this.downloadFile()\n      } else {\n        this.fileData = ''\n        this.fileDefinition = {}\n      }\n    },\n  },\n  methods: {\n    ...mapActions({\n      downloadInvoiceFile: 'invoices/downloadInvoiceFile',\n    }),\n    async downloadFile() {\n      const result = await this.downloadInvoiceFile(this.invoice.invoiceID)\n\n      if (!result.isSuccess) return\n\n      this.fileData = result.data\n      this.fileDefinition = {\n        fileName: 'invoice.pdf',\n      }\n    },\n  },\n}\n</script>\n\n<template>\n  <section>\n    <v-dialog\n      v-model=\"show\"\n      fullscreen\n      hide-overlay\n      persistent\n      no-click-animation\n      transition=\"dialog-bottom-transition\"\n      @input=\"$emit('update:show')\"\n    >\n      <v-card>\n        <v-card-title\n          >{{ `${$t('finance.invoiceText')} #${invoice.invoiceNumber}` }}\n          <v-btn class=\"ml-auto\" icon @click=\"$emit('update:show', false)\">\n            <v-icon>mdi-close</v-icon>\n          </v-btn>\n        </v-card-title>\n        <v-card-text>\n          <FilePreviewContainer\n            :loading=\"isDownloadingFile\"\n            :file-data=\"fileData\"\n            :file-definition=\"fileDefinition\"\n            :empty-state-title=\"$t('finance.invoiceFileNotAvailableText')\"\n            class=\"mt-4\"\n          />\n        </v-card-text>\n      </v-card>\n    </v-dialog>\n  </section>\n</template>\n","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!./invoice-file-preview.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!./invoice-file-preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./invoice-file-preview.vue?vue&type=template&id=02eb1300&\"\nimport script from \"./invoice-file-preview.vue?vue&type=script&lang=js&\"\nexport * from \"./invoice-file-preview.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\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 { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VCard,VCardText,VCardTitle,VDialog,VIcon})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('div',{staticClass:\"grey lighten-5 mb-6\"},[_c('v-row',[_c('v-col',{attrs:{\"sm\":\"0\",\"md\":\"0\",\"lg\":\"1\"}}),_c('v-col',{attrs:{\"xs\":\"12\",\"sm\":\"12\",\"md\":\"12\",\"lg\":\"10\"}},[_c('v-row',[_c('v-col',{staticClass:\"ml-3\",attrs:{\"cols\":\"12\",\"sm\":\"4\",\"md\":\"3\"}},[_c('div',[_c('router-link',{staticClass:\"simple-link-text\",attrs:{\"to\":\"/finance\"}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"blue\",\"dense\":\"\"}},[_vm._v(\" mdi-arrow-left \")]),_c('span',{staticClass:\"blue--text\"},[_vm._v(\" \"+_vm._s(_vm.$t('finance.invoiceViewBacktoFinanceLinkLabel')))])],1)],1)])],1),_c('v-row',{staticClass:\"mt-4\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"9\"}},[(Object.keys(_vm.invoiceViewInvoiceData).length > 0)?_c('InvoiceSummaryNo',{attrs:{\"invoice-summary-data\":_vm.invoiceViewInvoiceData},on:{\"downloadInvoice\":_vm.downloadInvoice}}):_vm._e()],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[(Object.keys(_vm.invoiceViewInvoiceData).length > 0)?_c('InvoiceSummary',{attrs:{\"invoice-summary-data\":_vm.invoiceViewInvoiceData}}):_vm._e()],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"12\"}},[(Object.keys(_vm.invoiceViewInvoiceData).length > 0)?_c('InvoiceDetails',{attrs:{\"invoice-detail-data\":_vm.invoiceViewInvoiceData},on:{\"downloadTimesheet\":_vm.downloadTimesheet}}):_vm._e()],1)],1)],1)],1)],1),_c('InvoiceFilePreview',{attrs:{\"show\":_vm.showInvoiceDownloadDialog,\"invoice\":_vm.invoiceViewInvoiceData},on:{\"update:show\":function($event){_vm.showInvoiceDownloadDialog=$event}}}),_c('TimesheetFilePreview',{attrs:{\"show\":_vm.showTimesheetDownloadDialog,\"timesheet-data\":_vm.timesheetData},on:{\"update:show\":function($event){_vm.showTimesheetDownloadDialog=$event}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:\"cl-elevation rounded-xl\",attrs:{\"id\":\"invoice-sum-panel\"}},[_c('v-card-text',[_c('strong',[_vm._v(\" \"+_vm._s(_vm.$t('finance.invoiceViewSummaryTotalTitle'))+\"-\"+_vm._s(_vm.displayGSTtext())+\") \")]),_c('div',[_vm._v(\" \"+_vm._s(_vm.displayCurrency(_vm.invoiceSummaryData.exGSTAmount))+\" \")]),_c('strong',[_vm._v(_vm._s(_vm.$t('finance.invoiceViewGSTTitle'))+\" \")]),_c('div',[_vm._v(\" \"+_vm._s(_vm.displayCurrency(_vm.invoiceSummaryData.taxAmount))+\" \")]),_c('div',{attrs:{\"id\":\"invoice-view-total\"}},[_c('strong',[_vm._v(\" \"+_vm._s(_vm.$t('finance.invoiceViewSummaryTotalWithTaxTitle'))+\"-\"+_vm._s(_vm.displayGSTtext())+\")\")]),_c('div',[_vm._v(\" \"+_vm._s(_vm.countDisplayTotal(_vm.invoiceSummaryData))+\" \")])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { mapGetters } from 'vuex'\nimport dayjs from '@services/date/index'\n\nexport default {\n  computed: {\n    ...mapGetters({\n      currentUser: 'auth/currentUser',\n      invoiceData: 'singleInvoice/invoiceData',\n    }),\n  },\n  methods: {\n    displayInvoiceDate(invoiceData) {\n      if (invoiceData.datePaid !== null && invoiceData.datePaid !== '') {\n        return dayjs(invoiceData.datePaid).format('DD/MM/YYYY') // the data displayed is melb date when the invoice is created\n      }\n      return ''\n    },\n    isInvoicePaid(invoiceData) {\n      if (!invoiceData.datePaid) {\n        return 'red'\n      }\n      // no color\n      return ''\n    },\n    isInvoiceLabel(invoiceData) {\n      if (!invoiceData.datePaid) {\n        return this.$t('finance.invoiceViewSummaryNotPaidLabel')\n      }\n      // no color\n      return this.$t('finance.invoiceViewSummaryPaidLabel')\n    },\n    displayCurrency(input) {\n      return new Intl.NumberFormat(this.currentUser.language, {\n        style: 'currency',\n        currency: this.currentUser.currencyCode,\n      }).format(input)\n    },\n    countDisplayTotal(invoicedata) {\n      const invoiceTotal = invoicedata.exGSTAmount + invoicedata.taxAmount\n      return this.displayCurrency(invoiceTotal)\n    },\n    displayGSTtext() {\n      if (\n        this.currentUser.currencyCode !== null &&\n        this.currentUser.currencyCode !== ''\n      ) {\n        return this.$t('finance.invoiceViewRegionTaxLabel')\n      }\n    },\n    displayDate(dateData) {\n      const convertDate = dayjs(dateData.date)\n        .tz(dateData.countryTimezone, false)\n        .format('DD/MM/YYYY')\n      return convertDate\n    },\n    displayHour(dateData) {\n      const convertTime = dayjs(dateData.date)\n        .tz(dateData.countryTimezone, false)\n        .format('HH:mm')\n      return convertTime\n    },\n    countdisplayPlacementRate(item) {\n      const exTaxAmount = item.clientRate * item.clientHours\n      return this.displayCurrency(exTaxAmount)\n    },\n  },\n}\n","<script>\nimport financeMixin from '@mixins/financeMixin'\n\nexport default {\n  mixins: [financeMixin],\n  props: {\n    invoiceSummaryData: {\n      type: Object,\n      required: true,\n    },\n  },\n}\n</script>\n\n<template>\n  <v-card id=\"invoice-sum-panel\" class=\"cl-elevation rounded-xl\">\n    <v-card-text>\n      <strong>\n        {{ $t('finance.invoiceViewSummaryTotalTitle') }}-{{ displayGSTtext() }})\n      </strong>\n      <div>\n        {{ displayCurrency(invoiceSummaryData.exGSTAmount) }}\n      </div>\n\n      <strong>{{ $t('finance.invoiceViewGSTTitle') }} </strong>\n      <div>\n        {{ displayCurrency(invoiceSummaryData.taxAmount) }}\n      </div>\n      <div id=\"invoice-view-total\">\n        <strong>\n          {{ $t('finance.invoiceViewSummaryTotalWithTaxTitle') }}-{{\n            displayGSTtext()\n          }})</strong\n        >\n        <div>\n          {{ countDisplayTotal(invoiceSummaryData) }}\n        </div>\n      </div>\n    </v-card-text>\n  </v-card>\n</template>\n\n<style lang=\"scss\">\n@import '@styles';\n.c-subTitle {\n  font-size: 1.1em;\n}\n#invoice-sum-panel {\n  text-align: right;\n}\n</style>\n","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!./invoice-summary.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!./invoice-summary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./invoice-summary.vue?vue&type=template&id=96674472&\"\nimport script from \"./invoice-summary.vue?vue&type=script&lang=js&\"\nexport * from \"./invoice-summary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./invoice-summary.vue?vue&type=style&index=0&lang=scss&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\ninstallComponents(component, {VCard,VCardText})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-col',[_c('v-btn-toggle',{staticClass:\"mb-4\",attrs:{\"group\":\"\",\"color\":\"info\"},on:{\"change\":_vm.changeInvoiceMode},model:{value:(_vm.filterMode),callback:function ($$v) {_vm.filterMode=$$v},expression:\"filterMode\"}},[_c('v-btn',{attrs:{\"value\":\"staff\"}},[_vm._v(\" \"+_vm._s(_vm.$t('finance.invoiceViewDetailStaffGroup'))+\" \")]),_c('v-btn',{attrs:{\"value\":\"day\"}},[_vm._v(\" \"+_vm._s(_vm.$t('finance.invoiceViewDetailDayGroup'))+\" \")])],1),_vm._l((_vm.invoiceDetails),function(parentItem,index){return _c('div',{key:(\"invoice-view-parent-array_\" + index),staticClass:\"mb-4\"},[_c('h2',{staticClass:\"mb-2\"},[_vm._v(_vm._s(parentItem.location))]),_vm._l((parentItem.sortPlacements),function(item2,index2){return _c('div',{key:(\"invoice-view-sortPlacements_\" + index2)},[_c('div',{staticClass:\"mb-1 invoice-group-filter\"},[_vm._v(_vm._s(item2.groupFilter))]),(_vm.invoiceDetails.length > 0)?[_c('v-data-table',{staticClass:\"cl-elevation rounded-xl mb-6\",attrs:{\"headers\":_vm.tableHeaders,\"items\":item2.shorttermInvoice,\"hide-default-footer\":\"\",\"disable-sort\":\"\"},scopedSlots:_vm._u([{key:\"header.exGST\",fn:function(ref){\nvar header = ref.header;\nreturn [_vm._v(\" \"+_vm._s(header.text + _vm.displayGSTtext())+\" \")]}},{key:\"item.fullname\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(item.firstName)+\" \"+_vm._s(item.lastName)+\" \")]}},{key:\"item.date\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(_vm.displayDate({ date: item.startTimeUTC, countryTimezone: _vm.invoiceDetailData.locationTimeZone, }))+\" \")]}},{key:\"item.placement_duration\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(_vm.displayHour({ date: item.startTimeUTC, countryTimezone: _vm.invoiceDetailData.locationTimeZone, }))+\" - \"+_vm._s(_vm.displayHour({ date: item.endTimeUTC, countryTimezone: _vm.invoiceDetailData.locationTimeZone, }))+\" \")]}},{key:\"item.exGST\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(_vm.countdisplayPlacementRate(item))+\" \")]}},{key:\"item.download\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('span',_vm._g(_vm._b({},'span',attrs,false),on),[_c('v-btn',{staticClass:\"invoice-line-item__download-timesheet-btn\",attrs:{\"color\":\"primary\",\"small\":\"\",\"text\":\"\",\"disabled\":_vm.disableDownloadButton(item)},on:{\"click\":function($event){return _vm.downloadTimesheet(item)}}},[_c('v-icon',[_vm._v(\" mdi-cloud-download \")])],1)],1)]}}],null,true)},[_c('span',[_vm._v(\" \"+_vm._s(_vm.compTooltipText(item))+\" \")])])]}}],null,true)})]:_vm._e()],2)})],2)})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport financeMixin from '@mixins/financeMixin'\nimport dayjs from '@services/date/index'\nconst _ = require('lodash')\n\nexport default {\n  mixins: [financeMixin],\n  props: {\n    invoiceDetailData: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      filterMode: 'staff', // staff or day,\n      headers: [],\n      invoiceDetails: [],\n    }\n  },\n  computed: {\n    tableHeaders() {\n      if (this.filterMode === 'staff') {\n        return [\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderDate'),\n            value: 'date',\n            width: '10%',\n          },\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderStartFinish'),\n            value: 'placement_duration',\n            width: '10%',\n          },\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderType'),\n            value: 'type',\n            width: '50%',\n          },\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderQty'),\n            value: 'clientHours',\n            align: 'right',\n            width: '5%',\n          },\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderRate'),\n            value: 'clientRate',\n            align: 'right',\n            width: '10%',\n          },\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderTotalExTax'),\n            value: 'exGST',\n            align: 'right',\n            width: '10%',\n          },\n          {\n            text: '',\n            value: 'download',\n            align: 'right',\n            width: '5%',\n          },\n        ]\n      } else {\n        return [\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderEmployee'),\n            align: 'start',\n            value: 'fullname',\n            width: '30%',\n          },\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderType'),\n            value: 'type',\n            width: '30%',\n          },\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderStartFinish'),\n            value: 'placement_duration',\n            width: '10%',\n          },\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderQty'),\n            value: 'clientHours',\n            align: 'right',\n            width: '5%',\n          },\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderRate'),\n            value: 'clientRate',\n            align: 'right',\n            width: '10%',\n          },\n          {\n            text: this.$t('finance.invoiceViewDetailTblHeaderTotalExTax'),\n            value: 'exGST',\n            align: 'right',\n            width: '10%',\n          },\n          {\n            text: '',\n            value: 'download',\n            align: 'right',\n            width: '5%',\n          },\n        ]\n      }\n    },\n  },\n  mounted() {\n    this.groupInvoiceData(this.filterMode)\n  },\n  methods: {\n    changeInvoiceMode() {\n      this.groupInvoiceData(this.filterMode)\n    },\n    groupInvoiceData(mode) {\n      // reset local data used to display groups\n      this.invoiceDetails = []\n      var invoiceLinks = this.invoiceDetailData.items\n\n      if (mode === 'staff') {\n        // add group filter\n        invoiceLinks.forEach((element, index) => {\n          element.items.forEach((element2, index2) => {\n            element2.groupFilter = element2.firstName + ' ' + element2.lastName\n          })\n        })\n\n        // group items\n        invoiceLinks.forEach((element, index) => {\n          var subTotalPerGroup = 0\n          var result = _(element.items)\n            .groupBy((x) => x.groupFilter)\n            .map((value, key) => ({\n              groupFilter: key,\n              shorttermInvoice: value,\n            }))\n            .value()\n\n          // calc total\n          element.items.forEach((element2, index2) => {\n            subTotalPerGroup += element2.clientRate * element2.clientHours\n          })\n\n          // push to array for display\n          this.invoiceDetails.push({\n            location: element.locationName,\n            sortPlacements: result,\n            totalExTax: subTotalPerGroup,\n            itemNo: element.items.length,\n          })\n        })\n      } else if (mode === 'day') {\n        // add group filter\n        invoiceLinks.forEach((element, index) => {\n          element.items.forEach((element2, index2) => {\n            element2.groupFilter = dayjs(element2.startTimeUTC)\n              .tz(this.invoiceDetailData.locationTimeZone, false)\n              .format('ddd MMM D, YYYY')\n          })\n        })\n\n        // group items\n        invoiceLinks.forEach((element, index) => {\n          var subTotalPerGroup = 0\n          var result = _(element.items)\n            .groupBy((x) => x.groupFilter)\n            .map((value, key) => ({\n              groupFilter: key,\n              shorttermInvoice: value,\n            }))\n            .value()\n\n          // calc total\n          element.items.forEach((element2, index2) => {\n            subTotalPerGroup += element2.clientRate * element2.clientHours\n          })\n\n          // push to array for display\n          this.invoiceDetails.push({\n            location: element.locationName,\n            sortPlacements: result,\n            totalExTax: subTotalPerGroup,\n            itemNo: element.items.length,\n          })\n        })\n      }\n    },\n    downloadTimesheet(item) {\n      this.$emit('downloadTimesheet', {\n        timesheetRecordId: item.timesheetRecordID,\n      })\n    },\n    disableDownloadButton(item) {\n      return item.timesheetFileID <= 0\n    },\n    compTooltipText(item) {\n      const tooltipKey = this.disableDownloadButton(item)\n        ? 'finance.timesheetFileNotAvailableText'\n        : 'finance.timesheetDownloadButtonTip'\n      return this.$t(tooltipKey)\n    },\n  },\n}\n</script>\n\n<template>\n  <v-col>\n    <v-btn-toggle\n      v-model=\"filterMode\"\n      class=\"mb-4\"\n      group\n      color=\"info\"\n      @change=\"changeInvoiceMode\"\n    >\n      <v-btn value=\"staff\">\n        {{ $t('finance.invoiceViewDetailStaffGroup') }}\n      </v-btn>\n\n      <v-btn value=\"day\">\n        {{ $t('finance.invoiceViewDetailDayGroup') }}\n      </v-btn>\n    </v-btn-toggle>\n\n    <div\n      v-for=\"(parentItem, index) in invoiceDetails\"\n      :key=\"`invoice-view-parent-array_${index}`\"\n      class=\"mb-4\"\n    >\n      <h2 class=\"mb-2\">{{ parentItem.location }}</h2>\n\n      <div\n        v-for=\"(item2, index2) in parentItem.sortPlacements\"\n        :key=\"`invoice-view-sortPlacements_${index2}`\"\n      >\n        <div class=\"mb-1 invoice-group-filter\">{{ item2.groupFilter }}</div>\n\n        <template v-if=\"invoiceDetails.length > 0\">\n          <v-data-table\n            :headers=\"tableHeaders\"\n            :items=\"item2.shorttermInvoice\"\n            class=\"cl-elevation rounded-xl mb-6\"\n            hide-default-footer\n            disable-sort\n          >\n            <template v-slot:[`header.exGST`]=\"{ header }\">\n              {{ header.text + displayGSTtext() }}\n            </template>\n\n            <template v-slot:[`item.fullname`]=\"{ item }\">\n              {{ item.firstName }} {{ item.lastName }}\n            </template>\n\n            <template v-slot:[`item.date`]=\"{ item }\">\n              {{\n                displayDate({\n                  date: item.startTimeUTC,\n                  countryTimezone: invoiceDetailData.locationTimeZone,\n                })\n              }}\n            </template>\n\n            <template v-slot:[`item.placement_duration`]=\"{ item }\">\n              {{\n                displayHour({\n                  date: item.startTimeUTC,\n                  countryTimezone: invoiceDetailData.locationTimeZone,\n                })\n              }}\n              -\n              {{\n                displayHour({\n                  date: item.endTimeUTC,\n                  countryTimezone: invoiceDetailData.locationTimeZone,\n                })\n              }}\n            </template>\n\n            <template v-slot:[`item.exGST`]=\"{ item }\">\n              {{ countdisplayPlacementRate(item) }}\n            </template>\n\n            <template v-slot:[`item.download`]=\"{ item }\">\n              <v-tooltip bottom>\n                <template v-slot:activator=\"{ on, attrs }\">\n                  <span v-bind=\"attrs\" v-on=\"on\">\n                    <v-btn\n                      class=\"invoice-line-item__download-timesheet-btn\"\n                      color=\"primary\"\n                      small\n                      text\n                      :disabled=\"disableDownloadButton(item)\"\n                      @click=\"downloadTimesheet(item)\"\n                    >\n                      <v-icon>\n                        mdi-cloud-download\n                      </v-icon>\n                    </v-btn>\n                  </span>\n                </template>\n                <span>\n                  {{ compTooltipText(item) }}\n                </span>\n              </v-tooltip>\n            </template>\n          </v-data-table>\n        </template>\n      </div>\n    </div>\n  </v-col>\n</template>\n","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!./invoice-details.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!./invoice-details.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./invoice-details.vue?vue&type=template&id=da83c28a&\"\nimport script from \"./invoice-details.vue?vue&type=script&lang=js&\"\nexport * from \"./invoice-details.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VBtnToggle } from 'vuetify/lib/components/VBtnToggle';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VBtnToggle,VCol,VDataTable,VIcon,VTooltip})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:\"pl-5\"},[_c('div',{staticClass:\"c-subTitle\"},[_c('h4',{staticClass:\"c-title\"},[_vm._v(\"#\"+_vm._s(_vm.invoiceSummaryData.invoiceNumber))]),_c('v-chip',{staticClass:\"white--text\",attrs:{\"color\":(\"\" + (_vm.isInvoicePaid(_vm.invoiceSummaryData)))}},[_vm._v(\" \"+_vm._s(_vm.isInvoiceLabel(_vm.invoiceSummaryData))+\" \")])],1),_c('p',{staticClass:\"mt-2 mb-0\"},[_vm._v(\" \"+_vm._s(_vm.$t('finance.invoiceViewInvoiceIssuedText', { invoiceDate: _vm.displayInvoiceDate(_vm.invoiceSummaryData), }))+\" \")]),_c('v-btn',{staticClass:\"mt-2 cl-elevation\",attrs:{\"color\":\"info\"},on:{\"click\":_vm.downloadInvoice}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"left\":\"\"}},[_vm._v(\"mdi-cloud-download\")]),_vm._v(\" \"+_vm._s(_vm.$t('finance.invoiceViewDownloadBtnText'))+\" \")],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport financeMixin from '@mixins/financeMixin'\n\nexport default {\n  mixins: [financeMixin],\n  props: {\n    invoiceSummaryData: {\n      type: Object,\n      required: true,\n    },\n  },\n  methods: {\n    downloadInvoice() {\n      this.$emit('downloadInvoice')\n    },\n  },\n}\n</script>\n\n<template>\n  <header class=\"pl-5\">\n    <div class=\"c-subTitle\">\n      <h4 class=\"c-title\">#{{ invoiceSummaryData.invoiceNumber }}</h4>\n      <v-chip\n        class=\"white--text\"\n        :color=\"`${isInvoicePaid(invoiceSummaryData)}`\"\n      >\n        {{ isInvoiceLabel(invoiceSummaryData) }}\n      </v-chip>\n    </div>\n    <p class=\"mt-2 mb-0\">\n      {{\n        $t('finance.invoiceViewInvoiceIssuedText', {\n          invoiceDate: displayInvoiceDate(invoiceSummaryData),\n        })\n      }}\n    </p>\n\n    <v-btn color=\"info\" class=\"mt-2 cl-elevation\" @click=\"downloadInvoice\">\n      <v-icon class=\"mr-2\" left>mdi-cloud-download</v-icon>\n      {{ $t('finance.invoiceViewDownloadBtnText') }}\n    </v-btn>\n  </header>\n</template>\n\n<style lang=\"scss\">\n@import '@styles';\n.c-subTitle {\n  .c-title {\n    font-size: 2.5em;\n    opacity: 0.8;\n    font-weight: bold;\n  }\n}\n</style>\n","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!./invoice-summary-invoice-no.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!./invoice-summary-invoice-no.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./invoice-summary-invoice-no.vue?vue&type=template&id=5100249a&\"\nimport script from \"./invoice-summary-invoice-no.vue?vue&type=script&lang=js&\"\nexport * from \"./invoice-summary-invoice-no.vue?vue&type=script&lang=js&\"\nimport style0 from \"./invoice-summary-invoice-no.vue?vue&type=style&index=0&lang=scss&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VChip,VIcon})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('v-dialog',{attrs:{\"fullscreen\":\"\",\"hide-overlay\":\"\",\"persistent\":\"\",\"no-click-animation\":\"\",\"transition\":\"dialog-bottom-transition\"},on:{\"input\":function($event){return _vm.$emit('update:show')}},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('v-card',[_c('v-container',[_c('v-card-title',[_vm._v(_vm._s(_vm.$t('finance.timesheetText'))+\" #\"+_vm._s(_vm.timesheetData === null ? '--' : _vm.timesheetData.timesheetRecordId)+\" \"),_c('v-btn',{staticClass:\"ml-auto\",attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.$emit('update:show', false)}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1),_c('v-card-text',[_c('FilePreviewContainer',{staticClass:\"mt-4\",attrs:{\"loading\":_vm.isDownloadingFile,\"file-data\":_vm.fileData,\"file-definition\":_vm.fileDefinition,\"empty-state-title\":_vm.$t('finance.timesheetFileNotAvailableText')}})],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { mapActions, mapGetters } from 'vuex'\nimport baseMixin from '@/mixins/baseMixin'\nimport FilePreviewContainer from '../../general/file-preview-container.vue'\n\nexport default {\n  name: 'TimesheetFilePreview',\n  components: {\n    FilePreviewContainer,\n  },\n  mixins: [baseMixin],\n  props: {\n    timesheetData: {\n      type: Object,\n      default: null,\n    },\n    show: {\n      type: Boolean,\n      required: true,\n    },\n  },\n  data: () => {\n    return {\n      fileData: '',\n      fileDefinition: {},\n    }\n  },\n  computed: {\n    ...mapGetters({\n      isDownloadingFile: 'timesheets/isLoading',\n    }),\n  },\n  watch: {\n    show(n, o) {\n      if (n) {\n        if (this.timesheetData != null) {\n          this.downloadFile()\n        }\n      } else {\n        this.fileData = ''\n        this.fileDefinition = {}\n      }\n    },\n  },\n  methods: {\n    ...mapActions({\n      downloadTimesheet: 'timesheets/downloadTimesheet',\n    }),\n    async downloadFile() {\n      const result = await this.downloadTimesheet(\n        this.timesheetData.timesheetRecordId\n      )\n\n      if (!result.isSuccess) return\n\n      this.fileData = result.data\n      this.fileDefinition = {\n        fileName: 'timesheet.pdf',\n      }\n    },\n  },\n}\n</script>\n\n<template>\n  <section>\n    <v-dialog\n      v-model=\"show\"\n      fullscreen\n      hide-overlay\n      persistent\n      no-click-animation\n      transition=\"dialog-bottom-transition\"\n      @input=\"$emit('update:show')\"\n    >\n      <v-card>\n        <v-container>\n          <v-card-title\n            >{{ $t('finance.timesheetText') }} #{{\n              timesheetData === null ? '--' : timesheetData.timesheetRecordId\n            }}\n            <v-btn class=\"ml-auto\" icon @click=\"$emit('update:show', false)\">\n              <v-icon>mdi-close</v-icon>\n            </v-btn>\n          </v-card-title>\n          <v-card-text>\n            <FilePreviewContainer\n              :loading=\"isDownloadingFile\"\n              :file-data=\"fileData\"\n              :file-definition=\"fileDefinition\"\n              :empty-state-title=\"$t('finance.timesheetFileNotAvailableText')\"\n              class=\"mt-4\"\n            />\n          </v-card-text>\n        </v-container>\n      </v-card>\n    </v-dialog>\n  </section>\n</template>\n","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!./timesheet-file-preview.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!./timesheet-file-preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./timesheet-file-preview.vue?vue&type=template&id=0fee9086&\"\nimport script from \"./timesheet-file-preview.vue?vue&type=script&lang=js&\"\nexport * from \"./timesheet-file-preview.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\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 { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VCard,VCardText,VCardTitle,VContainer,VDialog,VIcon})\n","<script>\nimport Layout from '@layouts/main.vue'\nimport InvoiceSummary from '@components/finance/singleInvoice/invoice-summary.vue'\nimport InvoiceDetails from '@components/finance/singleInvoice/invoice-details.vue'\nimport InvoiceSummaryNo from '@components/finance/singleInvoice/invoice-summary-invoice-no.vue'\nimport InvoiceFilePreview from '@components/invoices/invoice-file-preview.vue'\nimport TimesheetFilePreview from '@components/finance/singleInvoice/timesheet-file-preview.vue'\nimport { mapGetters, mapActions } from 'vuex'\n\nexport default {\n  metaInfo() {\n    return {\n      title: this.invoiceViewInvoiceData?.invoiceNumber\n        ? this.$t('finance.invoiceViewWithIdPageTitle', {\n            invoiceNumber: this.invoiceViewInvoiceData?.invoiceNumber,\n          })\n        : this.$route?.meta?.title,\n      meta: [{ name: 'description', content: 'The Invoice View page.' }],\n    }\n  },\n  components: {\n    Layout,\n    InvoiceSummary,\n    InvoiceDetails,\n    InvoiceSummaryNo,\n    InvoiceFilePreview,\n    TimesheetFilePreview,\n  },\n  data() {\n    return {\n      invoiceViewInvoiceData: {},\n      showInvoiceDownloadDialog: false,\n      showTimesheetDownloadDialog: false,\n      timesheetData: null,\n    }\n  },\n  computed: {\n    ...mapGetters({\n      currentUser: 'auth/currentUser',\n    }),\n  },\n  async mounted() {\n    var result = await this.getInvoiceByInvoiceNo(this.$route.params.invoiceNo)\n    if (!result.isSuccess && result.statusCode === 403) {\n      alert(this.$t('finance.invoiceViewUnauthorisedError'))\n      this.$router.push('/finance')\n    }\n\n    if (result.isSuccess) {\n      this.invoiceViewInvoiceData = result.data\n    }\n  },\n  methods: {\n    ...mapActions({\n      getInvoiceByInvoiceNo: `singleInvoice/getInvoiceByInvoiceNo`,\n    }),\n    downloadInvoice() {\n      this.showInvoiceDownloadDialog = true\n    },\n    downloadTimesheet(timesheetData) {\n      this.timesheetData = timesheetData\n      this.showTimesheetDownloadDialog = true\n    },\n  },\n}\n</script>\n\n<template>\n  <Layout>\n    <div class=\"grey lighten-5 mb-6\">\n      <v-row>\n        <v-col sm=\"0\" md=\"0\" lg=\"1\"></v-col>\n        <v-col xs=\"12\" sm=\"12\" md=\"12\" lg=\"10\">\n          <v-row>\n            <v-col cols=\"12\" sm=\"4\" md=\"3\" class=\"ml-3\">\n              <div>\n                <router-link to=\"/finance\" class=\"simple-link-text\">\n                  <v-icon class=\"mr-1\" color=\"blue\" dense>\n                    mdi-arrow-left\n                  </v-icon>\n                  <span class=\"blue--text\">\n                    {{ $t('finance.invoiceViewBacktoFinanceLinkLabel') }}</span\n                  >\n                </router-link>\n              </div>\n            </v-col>\n          </v-row>\n\n          <v-row no-gutters class=\"mt-4\">\n            <v-col cols=\"12\" md=\"9\">\n              <InvoiceSummaryNo\n                v-if=\"Object.keys(invoiceViewInvoiceData).length > 0\"\n                :invoice-summary-data=\"invoiceViewInvoiceData\"\n                @downloadInvoice=\"downloadInvoice\"\n              />\n            </v-col>\n            <v-col cols=\"12\" md=\"3\">\n              <InvoiceSummary\n                v-if=\"Object.keys(invoiceViewInvoiceData).length > 0\"\n                :invoice-summary-data=\"invoiceViewInvoiceData\"\n              />\n            </v-col>\n          </v-row>\n          <v-row>\n            <v-col cols=\"12\" md=\"12\">\n              <InvoiceDetails\n                v-if=\"Object.keys(invoiceViewInvoiceData).length > 0\"\n                :invoice-detail-data=\"invoiceViewInvoiceData\"\n                @downloadTimesheet=\"downloadTimesheet\"\n              />\n            </v-col>\n          </v-row> </v-col\n      ></v-row>\n    </div>\n    <InvoiceFilePreview\n      :show.sync=\"showInvoiceDownloadDialog\"\n      :invoice=\"invoiceViewInvoiceData\"\n    />\n    <TimesheetFilePreview\n      :show.sync=\"showTimesheetDownloadDialog\"\n      :timesheet-data=\"timesheetData\"\n    />\n  </Layout>\n</template>\n\n<style lang=\"scss\">\n@import '@/styles/_colors.scss';\n.simple-link-text {\n  text-decoration: none;\n  &.v-icon:hover {\n    text-decoration: none;\n  }\n  span:hover {\n    text-decoration: underline;\n  }\n}\n</style>\n","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!./invoice-view.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!./invoice-view.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./invoice-view.vue?vue&type=template&id=ca6dd354&\"\nimport script from \"./invoice-view.vue?vue&type=script&lang=js&\"\nexport * from \"./invoice-view.vue?vue&type=script&lang=js&\"\nimport style0 from \"./invoice-view.vue?vue&type=style&index=0&lang=scss&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VIcon,VRow})\n","// Extensions\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup'\n\n/* @vue/component */\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide (): object {\n    return {\n      btnToggle: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return BaseItemGroup.options.computed.classes.call(this)\n    },\n  },\n\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData,\n  },\n})\n","// Styles\nimport './VBtnToggle.sass'\n\n// Mixins\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  ButtonGroup,\n  Colorable\n).extend({\n  name: 'v-btn-toggle',\n\n  props: {\n    backgroundColor: String,\n    borderless: Boolean,\n    dense: Boolean,\n    group: Boolean,\n    rounded: Boolean,\n    shaped: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...ButtonGroup.options.computed.classes.call(this),\n        'v-btn-toggle': true,\n        'v-btn-toggle--borderless': this.borderless,\n        'v-btn-toggle--dense': this.dense,\n        'v-btn-toggle--group': this.group,\n        'v-btn-toggle--rounded': this.rounded,\n        'v-btn-toggle--shaped': this.shaped,\n        'v-btn-toggle--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genData () {\n      const data = this.setTextColor(this.color, {\n        ...ButtonGroup.options.methods.genData.call(this),\n      })\n\n      if (this.group) return data\n\n      return this.setBackgroundColor(this.backgroundColor, data)\n    },\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:[\n    'd-flex flex-column justify-center align-center text-center h-100 pa-8',\n    _vm.border ? 'border' : '' ]},[_vm._t(\"icon\",[_c('v-icon',{staticClass:\"mb-5\",attrs:{\"color\":\"primary\",\"x-large\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.icon)+\" \")])]),_vm._t(\"title\",[_c('h3',{class:[_vm.description || _vm.button ? 'mb-2' : '']},[_vm._v(_vm._s(_vm.title))])]),_vm._t(\"description\",[_c('p',[_vm._v(_vm._s(_vm.description))])]),_vm._t(\"button\",[(_vm.button)?_c('v-btn',{staticClass:\"rounded-lg mt-6\",attrs:{\"id\":_vm.button.id,\"dark\":\"\",\"to\":_vm.button.to,\"color\":_vm.button.color,\"outlined\":\"\",\"depressed\":\"\"}},[(_vm.button.icon)?_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.button.icon)+\" \")]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.button.text)+\" \")],1):_vm._e()])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nexport default {\n  name: 'EmptyStateBlock',\n  props: {\n    icon: {\n      type: String,\n      default: 'mdi-information',\n    },\n    title: {\n      type: String,\n      default: 'No Data',\n    },\n    description: {\n      type: String,\n      default: 'No data was found',\n    },\n    button: {\n      type: Object,\n      default: () => null,\n    },\n    border: {\n      type: Boolean,\n    },\n  },\n}\n</script>\n\n<template>\n  <section\n    :class=\"[\n      'd-flex flex-column justify-center align-center text-center h-100 pa-8',\n      border ? 'border' : '',\n    ]\"\n  >\n    <slot name=\"icon\">\n      <v-icon color=\"primary\" class=\"mb-5\" x-large> {{ icon }} </v-icon>\n    </slot>\n    <slot name=\"title\">\n      <h3 :class=\"[description || button ? 'mb-2' : '']\">{{ title }}</h3>\n    </slot>\n    <slot name=\"description\">\n      <p>{{ description }}</p>\n    </slot>\n\n    <slot name=\"button\">\n      <v-btn\n        v-if=\"button\"\n        :id=\"button.id\"\n        class=\"rounded-lg mt-6\"\n        dark\n        :to=\"button.to\"\n        :color=\"button.color\"\n        outlined\n        depressed\n      >\n        <v-icon v-if=\"button.icon\" left>\n          {{ button.icon }}\n        </v-icon>\n        {{ button.text }}\n      </v-btn>\n    </slot>\n  </section>\n</template>\n","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!./empty-state-block.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!./empty-state-block.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./empty-state-block.vue?vue&type=template&id=488cf042&\"\nimport script from \"./empty-state-block.vue?vue&type=script&lang=js&\"\nexport * from \"./empty-state-block.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VIcon})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./file-preview-container.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.rerender)?_c('section',{staticClass:\"w-100\",staticStyle:{\"height\":\"800px\"}},[(_vm.loading)?_c('v-skeleton-loader',{staticClass:\"file-preview-loader\",attrs:{\"type\":\"image\"}}):(!_vm.fileData)?_c('article',[_c('EmptyStateBlock',{attrs:{\"icon\":\"mdi-file\",\"title\":_vm.emptyStateTitle || _vm.$t('error.noFilesAvailableEmptyStateTitle'),\"description\":_vm.emptyStateDescription,\"border\":\"\"}})],1):_c('article',{staticClass:\"h-100 w-100\"},[(_vm.isAnImage)?_c('v-img',{staticClass:\"h-100\",attrs:{\"contain\":\"\",\"src\":_vm.fileData,\"max-width\":\"800px\"}}):_c('object',{staticClass:\"h-100 w-100\",attrs:{\"data\":_vm.fileData,\"type\":_vm.fileType}},[_c('embed',{attrs:{\"src\":_vm.fileData,\"type\":_vm.fileType}})])],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section v-if=\"!rerender\" style=\"height: 800px;\" class=\"w-100\">\n    <v-skeleton-loader\n      v-if=\"loading\"\n      class=\"file-preview-loader\"\n      type=\"image\"\n    />\n    <article v-else-if=\"!fileData\">\n      <EmptyStateBlock\n        icon=\"mdi-file\"\n        :title=\"emptyStateTitle || $t('error.noFilesAvailableEmptyStateTitle')\"\n        :description=\"emptyStateDescription\"\n        border\n      />\n    </article>\n    <article v-else class=\"h-100 w-100\">\n      <v-img\n        v-if=\"isAnImage\"\n        contain\n        :src=\"fileData\"\n        class=\"h-100\"\n        max-width=\"800px\"\n      />\n      <object v-else :data=\"fileData\" :type=\"fileType\" class=\"h-100 w-100\">\n        <embed :src=\"fileData\" :type=\"fileType\" />\n      </object>\n    </article>\n  </section>\n</template>\n\n<script>\nimport baseMixin from '@/mixins/baseMixin'\nimport { getType } from 'mime'\nimport EmptyStateBlock from '@components/general/empty-state-block.vue'\n\nexport default {\n  name: 'FilePreviewContainer',\n  components: {\n    EmptyStateBlock,\n  },\n  mixins: [baseMixin],\n  props: {\n    fileData: {\n      type: String,\n      required: true,\n    },\n    fileDefinition: {\n      type: Object,\n      required: true,\n    },\n    loading: {\n      type: Boolean,\n    },\n    emptyStateTitle: {\n      type: String,\n      default: '',\n    },\n    emptyStateDescription: {\n      type: String,\n      default: '',\n    },\n  },\n  data: () => {\n    return {\n      rerender: false,\n    }\n  },\n  computed: {\n    fileType() {\n      try {\n        return getType(this.fileDefinition?.fileName)\n      } catch {\n        return null\n      }\n    },\n    isAnImage() {\n      const type = this.fileType\n      if (!type) return false\n      return type.includes('image')\n    },\n  },\n  watch: {\n    fileData: {\n      async handler() {\n        this.rerender = true\n        await this.$nextTick()\n        this.rerender = false\n      },\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.file-preview-loader .v-skeleton-loader__image {\n  height: 100%;\n}\n</style>\n","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!./file-preview-container.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!./file-preview-container.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./file-preview-container.vue?vue&type=template&id=6bee2843&\"\nimport script from \"./file-preview-container.vue?vue&type=script&lang=js&\"\nexport * from \"./file-preview-container.vue?vue&type=script&lang=js&\"\nimport style0 from \"./file-preview-container.vue?vue&type=style&index=0&lang=scss&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\ninstallComponents(component, {VImg,VSkeletonLoader})\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./invoice-view.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}