{"version":3,"sources":["webpack:///./src/views/royalty_tracker/Invoices.vue?6f2f","webpack:///src/views/royalty_tracker/Invoices.vue","webpack:///./src/views/royalty_tracker/Invoices.vue?3ee5","webpack:///./src/views/royalty_tracker/Invoices.vue"],"names":["render","_vm","this","_c","_self","attrs","staticClass","profile","type","staticStyle","licensees","nativeOn","$event","resetLicensee","model","value","callback","$$v","selectedLicenseeId","expression","_e","searchTerms","invoicesFiltered","loadingInvoices","on","goToInvoice","scrollTop","slot","_v","scopedSlots","_u","key","fn","props","_s","licenseesById","row","licenseeId","name","invoiceCodeNumber","_f","invoiceCreateDate","class","daysOverdue","paid","momentDueDate","invoiceDueDate","column","label","sentFilter","invoiceSentDate","totalRoyalty","paidFilter","invoicePaidDate","staticRenderFns","components","mixins","mixin","invoiceList","overdueDate","selectedLicensee","selectedLicenseeDivisionId","loaded","invoice","computed","$store","state","orderBy","mapped","forEach","licensee","id","invoices","find","status","some","term","val","filter","startsWith","push","length","includes","chunks","split","property","trim","toLowerCase","haystack","invoiceNumber","join","invoiceSent","commit","dispatch","nonTableElementsHeight","document","getElementById","clientHeight","getElementsByClassName","projectsTable","style","minHeight","window","innerHeight","maxHeight","InvoicesApi","getInvoicesByLicenseeId","methods","routeData","$router","resolve","params","invoiceId","open","href","element","$scrollTo","selectedPeriod","selectedInvoice","date","format","field","hasSearchTerm","invoicePaid","d","Date","dueDateSplited","substring","dueDate","diffInTime","getTime","diffInDays","Math","floor","component"],"mappings":"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","file":"assets/js/chunk-2d229d7a.0902a575.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"projects_layout\"}},[_c('section',{},[_c('div',{attrs:{\"id\":\"projects_table\"}},[_c('div',{staticClass:\"row wide\",attrs:{\"id\":\"projects_tabletop\"}},[_c('div',{staticClass:\"padding-xy-4 padding-x-0-desktop padding-y-5-tablet\"},[_c('div',{staticClass:\"columns is-multiline is-mobile is-vcentered\"},[((_vm.profile.type == 'jfe') && (_vm.profile.hasJfeAdminPermission))?_c('div',{staticClass:\"column is-narrow\"},[_c('b-field',{staticStyle:{\"min-width\":\"250px\",\"margin-bottom\":\"0\"}},[_c('autocomplete-single',{staticClass:\"field no-icon wrap-item\",attrs:{\"placeholder\":\"Licensee\",\"icon\":\"id-badge\",\"open-on-focus\":true,\"items\":_vm.licensees,\"text-field\":\"name\",\"value-field\":\"id\"},nativeOn:{\"change\":function($event){return _vm.resetLicensee()}},model:{value:(_vm.selectedLicenseeId),callback:function ($$v) {_vm.selectedLicenseeId=$$v},expression:\"selectedLicenseeId\"}})],1)],1):_vm._e(),_c('div',{staticClass:\"column\"},[_c('b-field',[_c('b-taginput',{attrs:{\"placeholder\":\"Search...\",\"icon\":\"search\",\"type\":\"is-dark\",\"rounded\":\"\"},model:{value:(_vm.searchTerms),callback:function ($$v) {_vm.searchTerms=$$v},expression:\"searchTerms\"}})],1)],1)])])]),_c('b-table',{staticClass:\"scrollable clickable-row\",attrs:{\"data\":_vm.invoicesFiltered,\"mobile-cards\":false,\"hoverable\":true,\"paginated\":\"\",\"per-page\":50,\"loading\":_vm.loadingInvoices},on:{\"click\":_vm.goToInvoice,\"page-change\":_vm.scrollTop}},[_c('template',{slot:\"empty\"},[_c('div',{staticClass:\"padding-xy-6 has-text-centered\"},[_vm._v(\" No invoices \")])]),_c('b-table-column',{attrs:{\"field\":\"licensee\",\"label\":\"Licensee\",\"visible\":(_vm.profile.type == 'jfe') && (_vm.profile.hasJfeAdminPermission) ? true : false},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(_vm.licenseesById[props.row.licenseeId].name)+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"invoiceNumber\",\"label\":\"Invoice Number\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(props.row.invoiceCodeNumber)+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"invoiceCreateDate\",\"label\":\"Invoice Date\",\"sortable\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(props.row.invoiceCreateDate,\"M/D/YY\"))+\" \")]}}])}),_c('b-table-column',{attrs:{\"field\":\"invoiceDueDate\",\"label\":\"Due Date\",\"sortable\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [_c('span',{class:{'has-text-danger' : _vm.daysOverdue(props.row) > 30 && !props.row.paid }},[_vm._v(_vm._s(_vm.momentDueDate(props.row.invoiceDueDate)))])]}}])}),_c('b-table-column',{attrs:{\"field\":\"sent\",\"label\":\"Sent\"},scopedSlots:_vm._u([{key:\"header\",fn:function({ column }){return [_c('span',{staticStyle:{\"margin-right\":\"3px\"}},[_vm._v(_vm._s(column.label))]),_c('b-dropdown',{attrs:{\"mobile-modal\":false}},[_c('b-button',{staticClass:\"is-transparent is-dark padding-xy-1\",attrs:{\"slot\":\"trigger\",\"icon-right\":\"filter\",\"size\":\"is-small\"},slot:\"trigger\"}),_c('b-dropdown-item',{attrs:{\"custom\":\"\"}},[_c('div',{staticClass:\"padding-y-1\"},[_c('b-radio',{attrs:{\"native-value\":\"all\"},model:{value:(_vm.sentFilter),callback:function ($$v) {_vm.sentFilter=$$v},expression:\"sentFilter\"}},[_vm._v(\" Show All \")])],1),_c('div',{staticClass:\"padding-y-1\"},[_c('b-radio',{attrs:{\"native-value\":\"unsent\"},model:{value:(_vm.sentFilter),callback:function ($$v) {_vm.sentFilter=$$v},expression:\"sentFilter\"}},[_vm._v(\" Show Unsent \")])],1)]),_c('b-dropdown-item',{staticClass:\"has-text-right\"},[_c('small',[_c('a',[_vm._v(\"close\")])])])],1)]}},{key:\"default\",fn:function(props){return [(props.row.invoiceSentDate)?_c('div',[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(props.row.invoiceSentDate,\"M/D/YY\"))+\" \")]):_c('div',[((_vm.profile.type == 'jfe') && (_vm.profile.hasJfeAdminPermission))?_c('div',[_c('b-button',{attrs:{\"type\":\"is-primary\",\"size\":\"is-small\"}},[_vm._v(\" Send \")])],1):_c('div',[_vm._v(\" - \")])])]}}])}),_c('b-table-column',{attrs:{\"field\":\"total\",\"label\":\"Total\",\"numeric\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [(props.row.totalRoyalty)?[_vm._v(\" \"+_vm._s(_vm._f(\"currency\")(props.row.totalRoyalty))+\" \")]:[_vm._v(\" -- \")]]}}])}),_c('b-table-column',{attrs:{\"field\":\"paid\",\"label\":\"Paid\",\"centered\":\"\"},scopedSlots:_vm._u([{key:\"header\",fn:function({ column }){return [_c('span',{staticStyle:{\"margin-right\":\"3px\"}},[_vm._v(_vm._s(column.label))]),_c('b-dropdown',{staticClass:\"has-text-left\",attrs:{\"position\":\"is-bottom-left\",\"mobile-modal\":false}},[_c('b-button',{staticClass:\"is-transparent is-dark padding-xy-1\",attrs:{\"slot\":\"trigger\",\"icon-right\":\"filter\",\"size\":\"is-small\"},slot:\"trigger\"}),_c('b-dropdown-item',{attrs:{\"custom\":\"\"}},[_c('div',{staticClass:\"padding-y-1\"},[_c('b-radio',{attrs:{\"native-value\":\"all\"},model:{value:(_vm.paidFilter),callback:function ($$v) {_vm.paidFilter=$$v},expression:\"paidFilter\"}},[_vm._v(\" Show All \")])],1),_c('div',{staticClass:\"padding-y-1\"},[_c('b-radio',{attrs:{\"native-value\":\"unpaid\"},model:{value:(_vm.paidFilter),callback:function ($$v) {_vm.paidFilter=$$v},expression:\"paidFilter\"}},[_vm._v(\" Show Unpaid \")])],1)]),_c('b-dropdown-item',{staticClass:\"has-text-right\"},[_c('small',[_c('a',[_vm._v(\"close\")])])])],1)]}},{key:\"default\",fn:function(props){return [(props.row.invoicePaidDate)?_c('div',[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(props.row.invoicePaidDate,\"M/D/YY\"))+\" \")]):(_vm.daysOverdue(props.row) > 30)?_c('div',[_c('span',{staticClass:\"has-text-danger\"},[_vm._v(\"Overdue\")])]):_c('div',[_c('b-icon',{attrs:{\"icon\":\"times\",\"type\":\"is-danger\",\"size\":\"is-small\"}})],1)]}}])}),_c('b-table-column',{attrs:{\"field\":\"review\",\"label\":\"Reviewed\",\"centered\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(props){return [(props.row.invoiceDateReview)?_c('b-icon',{attrs:{\"size\":\"is-small\",\"icon\":\"check\",\"type\":\"is-success\"}}):_c('b-icon',{attrs:{\"size\":\"is-small\",\"icon\":\"times\",\"type\":\"is-danger\"}})]}}])})],2)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"projects_layout\">\r\n    <section class=\"\">\r\n      <div id=\"projects_table\">\r\n        <div id=\"projects_tabletop\" class=\"row wide\">\r\n          <div class=\"padding-xy-4 padding-x-0-desktop padding-y-5-tablet\">\r\n            <div class=\"columns is-multiline is-mobile is-vcentered\">\r\n              <div\r\n                v-if=\"(profile.type == 'jfe') && (profile.hasJfeAdminPermission)\"\r\n                class=\"column is-narrow\">\r\n                <b-field style=\"min-width: 250px; margin-bottom: 0\">\r\n                  <autocomplete-single\r\n                    v-model=\"selectedLicenseeId\"\r\n                    class=\"field no-icon wrap-item\"\r\n                    placeholder=\"Licensee\"\r\n                    icon=\"id-badge\"\r\n                    :open-on-focus=\"true\"\r\n                    :items=\"licensees\"\r\n                    text-field=\"name\"\r\n                    value-field=\"id\"\r\n                    @change.native=\"resetLicensee()\" />\r\n                </b-field>\r\n              </div>\r\n              <div class=\"column\">\r\n                <b-field>\r\n                  <b-taginput\r\n                    v-model=\"searchTerms\"\r\n                    placeholder=\"Search...\"\r\n                    icon=\"search\"\r\n                    type=\"is-dark\"\r\n                    rounded />\r\n                </b-field>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <b-table\r\n          class=\"scrollable clickable-row\"\r\n          :data=\"invoicesFiltered\"\r\n          :mobile-cards=\"false\"\r\n          :hoverable=\"true\"\r\n          paginated\r\n          :per-page=\"50\"\r\n          :loading=\"loadingInvoices\"\r\n          @click=\"goToInvoice\"\r\n          @page-change=\"scrollTop\">\r\n          <template slot=\"empty\">\r\n            <div class=\"padding-xy-6 has-text-centered\">\r\n              No invoices\r\n            </div>\r\n          </template>\r\n\r\n          <b-table-column v-slot=\"props\" field=\"licensee\" label=\"Licensee\" :visible=\"(profile.type == 'jfe') && (profile.hasJfeAdminPermission) ? true : false\">\r\n            {{ licenseesById[props.row.licenseeId].name }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"invoiceNumber\" label=\"Invoice Number\">\r\n            {{ props.row.invoiceCodeNumber }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"invoiceCreateDate\" label=\"Invoice Date\" sortable>\r\n            {{ props.row.invoiceCreateDate | moment(\"M/D/YY\") }}\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"invoiceDueDate\" label=\"Due Date\" sortable>\r\n            <span :class=\"{'has-text-danger' : daysOverdue(props.row) > 30 && !props.row.paid }\">{{ momentDueDate(props.row.invoiceDueDate) }}</span>\r\n          </b-table-column>\r\n\r\n          <b-table-column field=\"sent\" label=\"Sent\">\r\n            <template v-slot:header=\"{ column }\">\r\n              <span style=\"margin-right: 3px;\">{{ column.label }}</span>\r\n              <b-dropdown :mobile-modal=\"false\">\r\n                <b-button\r\n                  slot=\"trigger\"\r\n                  icon-right=\"filter\"\r\n                  size=\"is-small\"\r\n                  class=\"is-transparent is-dark padding-xy-1\" />\r\n\r\n                <b-dropdown-item custom>\r\n                  <div class=\"padding-y-1\">\r\n                    <b-radio v-model=\"sentFilter\" native-value=\"all\">\r\n                      Show All\r\n                    </b-radio>\r\n                  </div>\r\n                  <div class=\"padding-y-1\">\r\n                    <b-radio v-model=\"sentFilter\" native-value=\"unsent\">\r\n                      Show Unsent\r\n                    </b-radio>\r\n                  </div>\r\n                </b-dropdown-item>\r\n                <b-dropdown-item class=\"has-text-right\">\r\n                  <small><a>close</a></small>\r\n                </b-dropdown-item>\r\n              </b-dropdown>\r\n            </template>\r\n            <template v-slot=\"props\">\r\n              <div v-if=\"props.row.invoiceSentDate\">\r\n                {{ props.row.invoiceSentDate | moment(\"M/D/YY\") }}\r\n              </div>\r\n              <div v-else>\r\n                <div v-if=\"(profile.type == 'jfe') && (profile.hasJfeAdminPermission)\">\r\n                  <b-button type=\"is-primary\" size=\"is-small\">\r\n                    Send\r\n                  </b-button>\r\n                </div>\r\n                <div v-else>\r\n                  -\r\n                </div>\r\n              </div>\r\n            </template>\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"total\" label=\"Total\" numeric>\r\n            <template v-if=\"props.row.totalRoyalty\">\r\n              {{ props.row.totalRoyalty | currency }}\r\n            </template>\r\n            <template v-else>\r\n              --\r\n            </template>\r\n          </b-table-column>\r\n          <b-table-column field=\"paid\" label=\"Paid\" centered>\r\n            <template v-slot:header=\"{ column }\">\r\n              <span style=\"margin-right: 3px;\">{{ column.label }}</span>\r\n\r\n              <b-dropdown position=\"is-bottom-left\" class=\"has-text-left\" :mobile-modal=\"false\">\r\n                <b-button\r\n                  slot=\"trigger\"\r\n                  icon-right=\"filter\"\r\n                  size=\"is-small\"\r\n                  class=\"is-transparent is-dark padding-xy-1\" />\r\n\r\n                <b-dropdown-item custom>\r\n                  <div class=\"padding-y-1\">\r\n                    <b-radio v-model=\"paidFilter\" native-value=\"all\">\r\n                      Show All\r\n                    </b-radio>\r\n                  </div>\r\n                  <div class=\"padding-y-1\">\r\n                    <b-radio v-model=\"paidFilter\" native-value=\"unpaid\">\r\n                      Show Unpaid\r\n                    </b-radio>\r\n                  </div>\r\n                </b-dropdown-item>\r\n                <b-dropdown-item class=\"has-text-right\">\r\n                  <small><a>close</a></small>\r\n                </b-dropdown-item>\r\n              </b-dropdown>\r\n            </template>\r\n\r\n            <template v-slot=\"props\">\r\n              <div v-if=\"props.row.invoicePaidDate\">\r\n                {{ props.row.invoicePaidDate | moment(\"M/D/YY\") }}\r\n              </div>\r\n              <div v-else-if=\"daysOverdue(props.row) > 30\">\r\n                <span class=\"has-text-danger\">Overdue</span>\r\n              </div>\r\n              <div v-else>\r\n                <b-icon icon=\"times\" type=\"is-danger\" size=\"is-small\" />\r\n              </div>\r\n            </template>\r\n          </b-table-column>\r\n          <b-table-column v-slot=\"props\" field=\"review\" label=\"Reviewed\" centered>\r\n            <b-icon v-if=\"props.row.invoiceDateReview\" size=\"is-small\" icon=\"check\" type=\"is-success\" />\r\n            <b-icon v-else size=\"is-small\" icon=\"times\" type=\"is-danger\" />\r\n          </b-table-column>\r\n          <!--<template slot=\"footer\">\r\n             <b-switch v-model=\"exportMode\" type=\"is-success\">\r\n                Export\r\n              </b-switch>\r\n              <b-button v-if=\"exportMode\" type=\"is-white is-rounded \" style=\"margin-left: 15px\" icon-left=\"download\" @click=\"generateCsv\">\r\n                CSV\r\n              </b-button>\r\n          </template>-->\r\n        </b-table>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport Vue2Filters from 'vue2-filters'\r\nimport Moment from 'moment'\r\nimport InvoicesApi from '@/apis/InvoicesApi'\r\n\r\nexport default {\r\n  name: 'Invoices',\r\n  components: {},\r\n  mixins: [Vue2Filters.mixin],\r\n  data () {\r\n    return {\r\n      invoiceList: [],\r\n      overdueDate: false,\r\n      selectedLicensee: '',\r\n      selectedLicenseeId: null,\r\n      selectedLicenseeDivisionId: null,\r\n      searchTerms: [],\r\n      loaded: false,\r\n      loadingInvoices: true,\r\n      invoice: null\r\n    }\r\n  },\r\n  computed: {\r\n    profile () {\r\n      return this.$store.state.profile\r\n    },\r\n    licensees () {\r\n      return this.orderBy(this.$store.state.licensees, 'name')\r\n    },\r\n    licenseesById () {\r\n      const mapped = {}\r\n\r\n      this.licensees.forEach(licensee => {\r\n        mapped[licensee.id] = licensee\r\n      })\r\n      return mapped\r\n    },\r\n    invoices () {\r\n      if (this.profile.type === 'jfe') {\r\n        return this.$store.state.invoices\r\n      } else {\r\n        return this.invoiceList\r\n      }\r\n    },\r\n    now () {\r\n      return Moment()\r\n    },\r\n    sentFilter: {\r\n      get () {\r\n        return ['sent', 'unsent'].find(status => this.searchTerms.some(term => term === 'email = ' + status)) || 'all'\r\n      },\r\n      set (val) {\r\n        this.searchTerms = this.searchTerms.filter(term => !term.startsWith('email = '))\r\n\r\n        if (val !== 'all') {\r\n          this.searchTerms.push('email = ' + val)\r\n        }\r\n      }\r\n    },\r\n    paidFilter: {\r\n      get () {\r\n        return ['paid', 'unpaid'].find(status => this.searchTerms.some(term => term === 'status = ' + status)) || 'all'\r\n      },\r\n      set (val) {\r\n        this.searchTerms = this.searchTerms.filter(term => !term.startsWith('status = '))\r\n\r\n        if (val !== 'all') {\r\n          this.searchTerms.push('status = ' + val)\r\n        }\r\n      }\r\n    },\r\n    invoicesFiltered () {\r\n      return this.invoices.filter(invoice => {\r\n        return this.searchTerms.length === 0 || this.searchTerms.some(term => {\r\n          if (term.includes(' = ')) {\r\n            const chunks = term.split(/ = /, 2)\r\n            const property = chunks[0].trim()\r\n            const value = chunks[1].trim()\r\n\r\n            if (property === 'status') {\r\n              if (value === 'unsent') {\r\n                return !invoice.invoiceSentDate\r\n              } else if (value === 'unpaid') {\r\n                return !invoice.invoicePaidDate\r\n              } else {\r\n                return true\r\n              }\r\n            } else {\r\n              return invoice[property] === value.toLowerCase()\r\n            }\r\n          } else {\r\n            const haystack = [\r\n              invoice.invoiceNumber,\r\n              invoice.totalRoyalty\r\n            ].join('|').toLowerCase()\r\n\r\n            return haystack.includes(term.toLowerCase())\r\n          }\r\n        })\r\n      }).filter(invoice => {\r\n        if (this.profile.type !== 'jfe') {\r\n          return invoice.invoiceSent\r\n        } else {\r\n          return true\r\n        }\r\n      }).filter(invoice => {\r\n        if (this.selectedLicenseeId) {\r\n          return invoice.licenseeId === this.selectedLicenseeId\r\n        } else {\r\n          return true\r\n        }\r\n      })\r\n    }\r\n  },\r\n  async mounted () {\r\n    this.$store.commit('setTitle', 'Invoices')\r\n    this.$store.commit('setApp', 'royalty')\r\n    await this.$store.dispatch('refreshLicensees')\r\n\r\n    // resize table\r\n    var nonTableElementsHeight = document.getElementById('navbar').clientHeight + document.getElementById('projects_tabletop').clientHeight + document.getElementById('projects_table').getElementsByClassName('level')[0].clientHeight\r\n    var projectsTable = document.getElementById('projects_table').getElementsByClassName('table-wrapper')[0]\r\n    projectsTable.style.minHeight = (window.innerHeight - nonTableElementsHeight) + 'px'\r\n    projectsTable.style.maxHeight = (window.innerHeight - nonTableElementsHeight) + 'px'\r\n    // projectsTable.style.paddingBottom = (document.getElementById('projects_table').getElementsByClassName('level')[0].clientHeight) + 'px'\r\n\r\n    if (this.profile.type !== 'jfe') {\r\n      this.selectedLicenseeId = this.profile.licenseeId\r\n      this.invoiceList = await InvoicesApi.getInvoicesByLicenseeId(this.profile.licenseeId)\r\n    } else {\r\n      await this.$store.dispatch('refreshInvoices')\r\n    }\r\n\r\n    this.loadingInvoices = false\r\n  },\r\n  methods: {\r\n    goToInvoice (invoice) {\r\n      const routeData = this.$router.resolve({\r\n        name: 'royalty_tracker_invoice',\r\n        params: {\r\n          invoiceId: invoice.invoiceId,\r\n          licenseeId: invoice.licenseeId\r\n        }\r\n      })\r\n      window.open(routeData.href, '_blank')\r\n    },\r\n    scrollTop (element) {\r\n      this.$scrollTo(element, 500)\r\n    },\r\n    resetLicensee () {\r\n      this.selectedLicenseeId = null\r\n      this.selectedLicenseeDivisionId = null\r\n      this.selectedPeriod = null\r\n      this.selectedInvoice = null\r\n    },\r\n    momentDueDate (date) {\r\n      if (date) {\r\n        return Moment(date).format('M/D/YY')\r\n      } else {\r\n        return null\r\n      }\r\n    },\r\n    hasSearchTerm (field, value) {\r\n      return this.searchTerms.some(term => term === `${field} = ${value}`)\r\n    },\r\n    toggleSearchTerm (field, value) {\r\n      if (this.hasSearchTerm(field, value)) {\r\n        this.searchTerms = this.searchTerms.filter(term => term !== `${field} = ${value}`)\r\n      } else {\r\n        this.searchTerms.push(`${field} = ${value}`)\r\n      }\r\n    },\r\n    daysOverdue (invoice) {\r\n      if (!invoice.invoicePaid) {\r\n        if (invoice.invoiceDueDate) {\r\n          var d = new Date()\r\n          var dueDateSplited = invoice.invoiceDueDate.substring(0, 10).split('-') // Convert the crap date from Mysql\r\n          var dueDate = new Date(dueDateSplited[0], dueDateSplited[1] - 1, dueDateSplited[2])\r\n\r\n          var diffInTime = d.getTime() - dueDate.getTime()\r\n          var diffInDays = diffInTime / (1000 * 3600 * 24)\r\n          return Math.floor(diffInDays)\r\n        }\r\n      }\r\n      return 0\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Invoices.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Invoices.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Invoices.vue?vue&type=template&id=fa2c23f2\"\nimport script from \"./Invoices.vue?vue&type=script&lang=js\"\nexport * from \"./Invoices.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"],"sourceRoot":""}