{"version":3,"sources":["webpack:///./src/views/fund/components/Invoice.vue?0a56","webpack:///src/views/fund/components/Invoice.vue","webpack:///./src/views/fund/components/Invoice.vue?36db","webpack:///./src/views/fund/components/Invoice.vue","webpack:///./src/views/fund/components/Invoice.vue?1e2f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","invoices","scopedSlots","_u","key","fn","ref","data","_l","tr","indextr","date","_v","_s","_f","starting_balance","consumption","ending_balance","on","$event","downloadInvoice","id","slot","pageCounts","options","selectedPageCount","getSelectedPageCount","totalPages","maxItems","getSelectedPage","model","value","callback","$$v","pageIndex","expression","staticRenderFns","props","shouldEmitSelectPage","created","handleResize","window","addEventListener","destroyed","removeEventListener","methods","axios","get","responseType","$emit","vw","computed","total","Math","ceil","component"],"mappings":"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","file":"js/chunk-4d076238.65223976.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"invoices-page px-2 pt-8 md:pb-24\"},[_c('vs-table',{attrs:{\"stripe\":\"\",\"data\":_vm.invoices},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr,attrs:{\"data\":tr}},[_c('vs-td',{attrs:{\"data\":data[indextr].date}},[_c('div',{staticClass:\"table-body\"},[_vm._v(\"\\n            \"+_vm._s(_vm._f(\"moment\")(data[indextr].date,'YYYY-MM-DD'))+\"\\n          \")])]),_c('vs-td',[_c('div',{staticClass:\"table-body\"},[_vm._v(\"\\n              $\"+_vm._s(data[indextr].starting_balance)+\"\\n          \")])]),_c('vs-td',[_c('div',{staticClass:\"table-body\"},[_vm._v(\"\\n              $\"+_vm._s(data[indextr].consumption)+\"\\n          \")])]),_c('vs-td',[_c('div',{staticClass:\"table-body\"},[_vm._v(\"\\n              $\"+_vm._s(data[indextr].ending_balance)+\"\\n          \")])]),_c('vs-td',{staticClass:\"dynamic-width\"},[_c('div',{staticClass:\"table-body\"},[_c('a',{staticClass:\"pdf-ptn\",on:{\"click\":function($event){return _vm.downloadInvoice(data[indextr].id)}}},[_vm._v(\"Download PDF\")])])])],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',{staticClass:\"table-head\"},[_c('div',{staticClass:\"table-cell\"},[_vm._v(\"\\n              Date\\n          \")])]),_c('vs-th',{staticClass:\"table-head\"},[_c('div',{staticClass:\"table-cell\"},[_vm._v(\"\\n              Starting Balance\\n          \")])]),_c('vs-th',{staticClass:\"table-head\"},[_c('div',{staticClass:\"table-cell\"},[_vm._v(\"\\n              Consumption\\n          \")])]),_c('vs-th',{staticClass:\"table-head\"},[_c('div',{staticClass:\"table-cell\"},[_vm._v(\"\\n              Ending Balance\\n          \")])]),_c('vs-th',{staticClass:\"table-head\"},[_c('div',{staticClass:\"table-cell\"},[_vm._v(\"\\n              Invoice\\n          \")])])],1)],2),_c('div',{staticClass:\"pt-8 mb-5 flex flex-wrap md:flex-no-wrap\"},[_c('div',{staticClass:\"w-full mb-8 flex items-center md:mb-0 md:justify-end md:mr-2\"},[_c('div',{staticClass:\"show-rows mr-5\"},[_vm._v(\"Show Rows\")]),_c('v-select',{staticClass:\"pagination-selector w-full md:w-32\",attrs:{\"options\":_vm.pageCounts.options,\"label\":\"name\",\"value\":_vm.selectedPageCount},on:{\"input\":_vm.getSelectedPageCount}})],1),_c('vs-pagination',{attrs:{\"total\":_vm.totalPages,\"max\":_vm.maxItems},on:{\"change\":_vm.getSelectedPage},model:{value:(_vm.pageIndex),callback:function ($$v) {_vm.pageIndex=$$v},expression:\"pageIndex\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"invoices-page px-2 pt-8 md:pb-24\">\n    <vs-table\n        stripe\n      :data=\"invoices\">\n      <template slot=\"thead\">\n        <vs-th class=\"table-head\">\n            <div class=\"table-cell\">\n                Date\n            </div>\n        </vs-th>\n\n        <vs-th class=\"table-head\">\n            <div class=\"table-cell\">\n                Starting Balance\n            </div>\n        </vs-th>\n\n        <vs-th class=\"table-head\">\n            <div class=\"table-cell\">\n                Consumption\n            </div>\n        </vs-th>\n        <vs-th class=\"table-head\">\n            <div class=\"table-cell\">\n                Ending Balance\n            </div>\n        </vs-th>\n\n        <vs-th class=\"table-head\">\n            <div class=\"table-cell\">\n                Invoice\n            </div>\n        </vs-th>\n\n      </template>\n\n      <template slot-scope=\"{data}\">\n\n        <vs-tr :data=\"tr\" :key=\"indextr\" v-for=\"(tr, indextr) in data\" >\n          <vs-td :data=\"data[indextr].date\">\n            <div class=\"table-body\">\n              {{ data[indextr].date | moment('YYYY-MM-DD') }}\n            </div>\n          </vs-td>\n\n          <vs-td>\n            <div class=\"table-body\">\n                ${{data[indextr].starting_balance}}\n            </div>\n          </vs-td>\n\n          <vs-td>\n            <div class=\"table-body\">\n                ${{data[indextr].consumption}}\n            </div>\n          </vs-td>\n\n          <vs-td>\n            <div class=\"table-body\">\n                ${{data[indextr].ending_balance}}\n            </div>\n          </vs-td>\n\n          <vs-td class=\"dynamic-width\">\n              <div class=\"table-body\">\n                <a class=\"pdf-ptn\" @click=\"downloadInvoice(data[indextr].id)\">Download PDF</a>\n              </div>\n          </vs-td>\n        </vs-tr>\n      </template>\n    </vs-table>\n\n\n    <div class=\"pt-8 mb-5 flex flex-wrap md:flex-no-wrap\">\n        <div class=\"w-full mb-8 flex items-center md:mb-0 md:justify-end md:mr-2\">\n            <div class=\"show-rows mr-5\">Show Rows</div>\n            <v-select\n                :options=\"pageCounts.options\"\n                label=\"name\"\n                class=\"pagination-selector w-full md:w-32\"\n                :value=\"selectedPageCount\"\n                @input=\"getSelectedPageCount\"\n\n            ></v-select>\n        </div>\n        <vs-pagination v-model=\"pageIndex\" @change=\"getSelectedPage\"  :total=\"totalPages\" :max=\"maxItems\"/>\n    </div>\n\n\n  </div>\n</template>\n\n\n<script>\nexport default {\n\n  props: ['data', 'total', 'loading'],\n\n  data () {\n    return {\n      pageCounts: {\n        options: [10, 25, 50, 100]\n      },\n      pageIndex: 1,\n      selectedPageCount: 10,\n      shouldEmitSelectPage: false,\n      maxItems: 5\n    }\n  },\n  created () {\n    this.handleResize()\n    window.addEventListener('resize', this.handleResize)\n  },\n  destroyed () {\n    window.removeEventListener('resize', this.handleResize)\n  },\n\n  methods: {\n    downloadInvoice (invoiceId) {\n      window.axios.get(`/accounts/invoices/${invoiceId}/download`, {\n        responseType: 'blob'\n      })\n        .then(response => {\n          const url = window.URL.createObjectURL(new Blob([response.data]))\n          const link = document.createElement('a')\n          link.href = url\n          link.setAttribute('download', 'invoice.pdf') //or any other extension\n          document.body.appendChild(link)\n          link.click()\n        })\n    },\n\n    getSelectedPageCount (selectedPageCount) {\n      this.selectedPageCount = selectedPageCount\n      this.$emit('select-page-count', selectedPageCount)\n    },\n    getSelectedPage (pageIndex) {\n      if (this.shouldEmitSelectPage) {\n        this.pageIndex = pageIndex\n        this.$emit('select-page', pageIndex)\n      } else {\n        this.shouldEmitSelectPage = true\n      }\n    },\n    handleResize () {\n      const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)\n      this.maxItems = vw >= 768 ? 8 : 5\n    }\n\n\n  },\n\n  computed: {\n    invoices () {\n      return this.data\n    },\n    totalPages () {\n      return this.total !== 0 ? Math.ceil(this.total / this.selectedPageCount) : 1\n    }\n\n  }\n}\n\n</script>\n\n\n<style lang=\"scss\">\n.dynamic-width {\n  width: 1px;\n  white-space: nowrap;\n}\n\n.time {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: 0.107143px;\n  color: #2c2c2c;\n}\n\n.table-head {\n  background: rgba(0, 146, 215, 0.06);\n  line-height: 24px;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.pdf-btn {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 21px;\n  letter-spacing: 0.107143px;\n  color: #0092d7;\n}\n\n.table-cell {\n  @apply py-4;\n  @apply px-6;\n  @apply whitespace-no-wrap;\n}\n\n.table-body {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  color: #2c2c2c;\n\n  @apply table-cell;\n}\n\n.show-rows {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 20px;\n  text-align: right;\n  color: #2c2c2c;\n\n  @apply whitespace-no-wrap;\n}\n\n.pagination-selector {\n  background: #fff;\n}\n\n.invoices-page {\n  .vs__clear {\n    display: none;\n  }\n\n  .vs__dropdown-toggle {\n    border: 1px solid #d9d9d9;\n    box-sizing: border-box;\n    border-radius: 20px;\n  }\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.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.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Invoice.vue?vue&type=template&id=7ef981dd&\"\nimport script from \"./Invoice.vue?vue&type=script&lang=js&\"\nexport * from \"./Invoice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Invoice.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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}