{"version":3,"sources":["webpack:///./src/views/apps/invoice/invoice-list/InvoiceList.vue?0b0e","webpack:///./src/views/apps/invoice/invoiceStoreModule.js","webpack:///./src/views/apps/invoice/invoice-list/InvoiceList.vue?6628","webpack:///./src/views/apps/invoice/invoice-list/useInvoiceList.js","webpack:///src/views/apps/invoice/invoice-list/InvoiceList.vue","webpack:///./src/views/apps/invoice/invoice-list/InvoiceList.vue?eb67","webpack:///./src/views/apps/invoice/invoice-list/InvoiceList.vue","webpack:///./src/views/apps/invoice/invoice-list/InvoiceList.vue?b11f"],"names":["namespaced","state","getters","mutations","actions","fetchInvoices","ctx","queryParams","Promise","resolve","reject","axios","get","params","then","response","catch","error","fetchInvoice","id","fetchClients","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","name","_v","_l","item","index","_s","phone","total_price","order_date","due_date","path","staticRenderFns","useInvoicesList","toast","useToast","refInvoiceListTable","ref","tableColumns","key","label","sortable","formatter","val","perPage","totalInvoices","currentPage","perPageOptions","searchQuery","sortBy","isSortDirDesc","statusFilter","dataMeta","computed","localItemsCount","value","localItems","length","from","to","of","refetchData","refresh","watch","callback","store","dispatch","q","page","sortDesc","status","data","invoices","total","component","ToastificationContent","props","title","icon","variant","resolveInvoiceStatusVariantAndIcon","resolveClientAvatarVariant","components","BCard","BRow","BCol","BFormInput","BButton","BTable","BMedia","BAvatar","BLink","BBadge","BDropdown","BDropdownItem","BPagination","BTooltip","vSelect","setup","statusOptions","avatarText","created","getListInvoice","console","log","res","methods"],"mappings":"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","file":"js/chunk-1192e0a9.9b32d5b0.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoiceList.vue?vue&type=style&index=1&lang=scss&\"","import axios from '@axios'\n\nexport default {\n  namespaced: true,\n  state: {},\n  getters: {},\n  mutations: {},\n  actions: {\n    fetchInvoices(ctx, queryParams) {\n      return new Promise((resolve, reject) => {\n        axios\n          .get('/apps/invoice/invoices', { params: queryParams })\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n    fetchInvoice(ctx, { id }) {\n      return new Promise((resolve, reject) => {\n        axios\n          .get(`/apps/invoice/invoices/${id}`)\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n    fetchClients() {\n      return new Promise((resolve, reject) => {\n        axios\n          .get('/apps/invoice/clients')\n          .then(response => resolve(response))\n          .catch(error => reject(error))\n      })\n    },\n    // addUser(ctx, userData) {\n    //   return new Promise((resolve, reject) => {\n    //     axios\n    //       .post('/apps/user/users', { user: userData })\n    //       .then(response => resolve(response))\n    //       .catch(error => reject(error))\n    //   })\n    // },\n  },\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-wrapper\"},[_c('div',{staticClass:\"content-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\",attrs:{\"data-v-5cb60a6f\":\"\"}},[_c('div',{staticClass:\"m-2\",attrs:{\"data-v-5cb60a6f\":\"\"}},[_c('div',{staticClass:\"row\",attrs:{\"data-v-5cb60a6f\":\"\"}},[_vm._m(0),_c('div',{staticClass:\"col-3\"},[_c('router-link',{staticClass:\"btn btn-primary\",attrs:{\"to\":{ name: 'apps-product-add'}}},[_vm._v(\" Add Product\")])],1)])]),_c('div',{staticClass:\"position-relative table-responsive\",attrs:{\"data-v-5cb60a6f\":\"\"}},[_c('table',{staticClass:\"table b-table\",attrs:{\"id\":\"__BVID__1070\",\"role\":\"table\",\"aria-busy\":\"false\",\"aria-colcount\":\"7\"}},[_vm._m(1),_c('tbody',{attrs:{\"role\":\"rowgroup\"}},_vm._l((_vm.getterListInvoice),function(item,index){return _c('tr',{attrs:{\"id\":\"__BVID__1070__row_5036\",\"role\":\"row\",\"data-pk\":\"5036\"}},[_c('td',{attrs:{\"aria-colindex\":\"1\",\"role\":\"cell\"}},[_c('a',{staticClass:\"font-weight-bold\",attrs:{\"data-v-5cb60a6f\":\"\",\"href\":\"/apps/invoice/preview/5036\",\"target\":\"_self\"}},[_vm._v(\" \"+_vm._s(index + 1)+\" \")])]),_c('td',{attrs:{\"aria-colindex\":\"3\",\"role\":\"cell\"}},[_c('div',{staticClass:\"media\",attrs:{\"data-v-5cb60a6f\":\"\"}},[_c('div',{staticClass:\"media-body\",attrs:{\"data-v-5cb60a6f\":\"\"}},[_c('span',{staticClass:\"font-weight-bold d-block text-nowrap\",attrs:{\"data-v-5cb60a6f\":\"\"}},[_vm._v(\" \"+_vm._s(item.phone)+\" \")])])])]),_c('td',{attrs:{\"aria-colindex\":\"4\",\"role\":\"cell\"}},[_vm._v(\" \"+_vm._s(item.total_price)+\" \")]),_c('td',{attrs:{\"aria-colindex\":\"4\",\"role\":\"cell\"}},[_vm._v(\" \"+_vm._s(item.order_date)+\" \")]),_c('td',{attrs:{\"aria-colindex\":\"6\",\"role\":\"cell\"}},[_vm._v(\" \"+_vm._s(item.due_date)+\" \")]),_c('td',{attrs:{\"aria-colindex\":\"6\",\"role\":\"cell\"}},[_c('router-link',{staticClass:\"btn btn-primary\",attrs:{\"to\":{ path: (\"/apps/invoice/preview/\" + (item.id))}}},[_vm._v(\"View\")])],1)])}),0)])]),_c('div',{staticClass:\"mx-2 mb-2\",attrs:{\"data-v-5cb60a6f\":\"\"}})])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-6\"},[_c('input',{staticClass:\"d-inline-block mr-1 form-control\",attrs:{\"data-v-5cb60a6f\":\"\",\"type\":\"text\",\"placeholder\":\"Search...\",\"id\":\"__BVID__1065\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',{attrs:{\"role\":\"rowgroup\"}},[_c('tr',{attrs:{\"role\":\"row\"}},[_c('th',{attrs:{\"role\":\"columnheader\",\"scope\":\"col\",\"tabindex\":\"0\",\"aria-colindex\":\"1\",\"aria-sort\":\"descending\"}},[_c('div',[_vm._v(\"#\")])]),_c('th',{attrs:{\"role\":\"columnheader\",\"scope\":\"col\",\"tabindex\":\"0\",\"aria-colindex\":\"3\",\"aria-sort\":\"none\"}},[_c('div',[_vm._v(\"Phone\")])]),_c('th',{attrs:{\"role\":\"columnheader\",\"scope\":\"col\",\"tabindex\":\"0\",\"aria-colindex\":\"4\",\"aria-sort\":\"none\"}},[_c('div',[_vm._v(\"Total Price\")])]),_c('th',{attrs:{\"role\":\"columnheader\",\"scope\":\"col\",\"tabindex\":\"0\",\"aria-colindex\":\"6\",\"aria-sort\":\"none\"}},[_c('div',[_vm._v(\"Order Date\")])]),_c('th',{attrs:{\"role\":\"columnheader\",\"scope\":\"col\",\"tabindex\":\"0\",\"aria-colindex\":\"6\",\"aria-sort\":\"none\"}},[_c('div',[_vm._v(\"Due Date\")])]),_c('th')])])}]\n\nexport { render, staticRenderFns }","import { ref, watch, computed } from '@vue/composition-api'\nimport store from '@/store'\n\n// Notification\nimport { useToast } from 'vue-toastification/composition'\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\n\nexport default function useInvoicesList() {\n  // Use toast\n  const toast = useToast()\n\n  const refInvoiceListTable = ref(null)\n\n  // Table Handlers\n  const tableColumns = [\n    { key: 'id', label: '#', sortable: true },\n    { key: 'invoiceStatus', sortable: true },\n    { key: 'client', sortable: true },\n    { key: 'total', sortable: true, formatter: val => `$${val}` },\n    { key: 'issuedDate', sortable: true },\n    { key: 'balance', sortable: true },\n    { key: 'actions' },\n  ]\n  const perPage = ref(10)\n  const totalInvoices = ref(0)\n  const currentPage = ref(1)\n  const perPageOptions = [10, 25, 50, 100]\n  const searchQuery = ref('')\n  const sortBy = ref('id')\n  const isSortDirDesc = ref(true)\n  const statusFilter = ref(null)\n\n  const dataMeta = computed(() => {\n    const localItemsCount = refInvoiceListTable.value ? refInvoiceListTable.value.localItems.length : 0\n    return {\n      from: perPage.value * (currentPage.value - 1) + (localItemsCount ? 1 : 0),\n      to: perPage.value * (currentPage.value - 1) + localItemsCount,\n      of: totalInvoices.value,\n    }\n  })\n\n  const refetchData = () => {\n    refInvoiceListTable.value.refresh()\n  }\n\n  watch([currentPage, perPage, searchQuery, statusFilter], () => {\n    refetchData()\n  })\n\n  const fetchInvoices = (ctx, callback) => {\n    store\n      .dispatch('app-invoice/fetchInvoices', {\n        q: searchQuery.value,\n        perPage: perPage.value,\n        page: currentPage.value,\n        sortBy: sortBy.value,\n        sortDesc: isSortDirDesc.value,\n        status: statusFilter.value,\n      })\n      .then(response => {\n        const { invoices, total } = response.data\n\n        callback(invoices)\n        totalInvoices.value = total\n      })\n      .catch(() => {\n        toast({\n          component: ToastificationContent,\n          props: {\n            title: \"Error fetching invoices' list\",\n            icon: 'AlertTriangleIcon',\n            variant: 'danger',\n          },\n        })\n      })\n  }\n\n  // *===============================================---*\n  // *--------- UI ---------------------------------------*\n  // *===============================================---*\n\n  const resolveInvoiceStatusVariantAndIcon = status => {\n    if (status === 'Partial Payment') return { variant: 'warning', icon: 'PieChartIcon' }\n    if (status === 'Paid') return { variant: 'success', icon: 'CheckCircleIcon' }\n    if (status === 'Downloaded') return { variant: 'info', icon: 'ArrowDownCircleIcon' }\n    if (status === 'Draft') return { variant: 'primary', icon: 'SaveIcon' }\n    if (status === 'Sent') return { variant: 'secondary', icon: 'SendIcon' }\n    if (status === 'Past Due') return { variant: 'danger', icon: 'InfoIcon' }\n    return { variant: 'secondary', icon: 'XIcon' }\n  }\n\n  const resolveClientAvatarVariant = status => {\n    if (status === 'Partial Payment') return 'primary'\n    if (status === 'Paid') return 'danger'\n    if (status === 'Downloaded') return 'secondary'\n    if (status === 'Draft') return 'warning'\n    if (status === 'Sent') return 'info'\n    if (status === 'Past Due') return 'success'\n    return 'primary'\n  }\n\n  return {\n    fetchInvoices,\n    tableColumns,\n    perPage,\n    currentPage,\n    totalInvoices,\n    dataMeta,\n    perPageOptions,\n    searchQuery,\n    sortBy,\n    isSortDirDesc,\n    refInvoiceListTable,\n\n    statusFilter,\n\n    resolveInvoiceStatusVariantAndIcon,\n    resolveClientAvatarVariant,\n\n    refetchData,\n  }\n}\n","<template>\n  <div class=\"content-wrapper\">\n    <div class=\"content-body\">\n      <div class=\"row\">\n        <div class=\"col-12\">\n          <div data-v-5cb60a6f=\"\" class=\"card\"><!----><!---->\n            <div data-v-5cb60a6f=\"\" class=\"m-2\">\n              <div data-v-5cb60a6f=\"\" class=\"row\">\n                <div class=\"col-6\">\n                  <input\n                      data-v-5cb60a6f=\"\" type=\"text\" placeholder=\"Search...\" class=\"d-inline-block mr-1 form-control\"\n                      id=\"__BVID__1065\"\n                  >\n                </div>\n                <div class=\"col-3\">\n                  <router-link class=\"btn btn-primary\" :to=\"{ name: 'apps-product-add'}\"> Add Product</router-link>\n                </div>\n              </div>\n            </div>\n            <div data-v-5cb60a6f=\"\" class=\"position-relative table-responsive\">\n              <table\n                  id=\"__BVID__1070\"\n                  role=\"table\"\n                  aria-busy=\"false\"\n                  aria-colcount=\"7\"\n                  class=\"table b-table\"\n              ><!---->\n                <!---->\n                <thead\n                    role=\"rowgroup\"\n                    class=\"\"\n                ><!---->\n                <tr\n                    role=\"row\"\n                    class=\"\"\n                >\n                  <th\n                      role=\"columnheader\"\n                      scope=\"col\"\n                      tabindex=\"0\"\n                      aria-colindex=\"1\"\n                      aria-sort=\"descending\"\n                      class=\"\"\n                  >\n                    <div>#</div>\n                  </th><th\n                    role=\"columnheader\"\n                    scope=\"col\"\n                    tabindex=\"0\"\n                    aria-colindex=\"3\"\n                    aria-sort=\"none\"\n                    class=\"\"\n                >\n                  <div>Phone</div>\n                </th><th\n                    role=\"columnheader\"\n                    scope=\"col\"\n                    tabindex=\"0\"\n                    aria-colindex=\"4\"\n                    aria-sort=\"none\"\n                    class=\"\"\n                >\n                  <div>Total Price</div>\n                </th><th\n                    role=\"columnheader\"\n                    scope=\"col\"\n                    tabindex=\"0\"\n                    aria-colindex=\"6\"\n                    aria-sort=\"none\"\n                    class=\"\"\n                >\n                  <div>Order Date</div>\n                </th>\n                  <th\n                      role=\"columnheader\"\n                      scope=\"col\"\n                      tabindex=\"0\"\n                      aria-colindex=\"6\"\n                      aria-sort=\"none\"\n                      class=\"\"\n                  >\n                    <div>Due Date</div>\n                  </th>\n                  <th></th>\n                </tr>\n                </thead>\n                <tbody role=\"rowgroup\"><!---->\n                <tr\n                    id=\"__BVID__1070__row_5036\"\n                    role=\"row\"\n                    data-pk=\"5036\"\n                    class=\"\"\n                    v-for=\"(item,index) in getterListInvoice\"\n                >\n                  <td\n                      aria-colindex=\"1\"\n                      role=\"cell\"\n                      class=\"\"\n                  ><a\n                      data-v-5cb60a6f=\"\"\n                      href=\"/apps/invoice/preview/5036\"\n                      class=\"font-weight-bold\"\n                      target=\"_self\"\n                  > {{ index + 1 }} </a></td>\n                  <td\n                      aria-colindex=\"3\"\n                      role=\"cell\"\n                      class=\"\"\n                  >\n                    <div\n                        data-v-5cb60a6f=\"\"\n                        class=\"media\"\n                    >\n                      <div\n                          data-v-5cb60a6f=\"\"\n                          class=\"media-body\"\n                      ><span\n                          data-v-5cb60a6f=\"\"\n                          class=\"font-weight-bold d-block text-nowrap\"\n                      > {{ item.phone }} </span></div>\n                    </div>\n                  </td>\n                  <td\n                      aria-colindex=\"4\"\n                      role=\"cell\"\n                      class=\"\"\n                  >\n                    {{ item.total_price }}\n                  </td>\n                  <td\n                      aria-colindex=\"4\"\n                      role=\"cell\"\n                      class=\"\"\n                  >\n                    {{ item.order_date }}\n                  </td>\n                  <td\n                      aria-colindex=\"6\"\n                      role=\"cell\"\n                      class=\"\"\n                  >\n                    {{ item.due_date }}\n                  </td>\n                  <td\n                      aria-colindex=\"6\"\n                      role=\"cell\"\n                      class=\"\"\n                  >\n                    <router-link class=\"btn btn-primary\" :to=\"{ path: `/apps/invoice/preview/${item.id}`}\">View</router-link>\n                  </td>\n                </tr>\n                </tbody><!----></table>\n            </div>\n            <div data-v-5cb60a6f=\"\" class=\"mx-2 mb-2\">\n            </div><!----><!----></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  BCard, BRow, BCol, BFormInput, BButton, BTable, BMedia, BAvatar, BLink,\n  BBadge, BDropdown, BDropdownItem, BPagination, BTooltip,\n} from 'bootstrap-vue'\nimport { avatarText } from '@core/utils/filter'\nimport vSelect from 'vue-select'\nimport { onUnmounted } from '@vue/composition-api'\nimport store from '@/store'\nimport useInvoicesList from './useInvoiceList'\n\nimport invoiceStoreModule from '../invoiceStoreModule'\nimport { mapActions, mapGetters } from 'vuex/dist/vuex.esm.browser'\nexport default {\n  components: {\n    BCard,\n    BRow,\n    BCol,\n    BFormInput,\n    BButton,\n    BTable,\n    BMedia,\n    BAvatar,\n    BLink,\n    BBadge,\n    BDropdown,\n    BDropdownItem,\n    BPagination,\n    BTooltip,\n\n    vSelect,\n  },\n  setup() {\n    const INVOICE_APP_STORE_MODULE_NAME = 'app-invoice'\n\n    // Register module\n    if (!store.hasModule(INVOICE_APP_STORE_MODULE_NAME)) store.registerModule(INVOICE_APP_STORE_MODULE_NAME, invoiceStoreModule)\n\n    // UnRegister on leave\n    onUnmounted(() => {\n      if (store.hasModule(INVOICE_APP_STORE_MODULE_NAME)) store.unregisterModule(INVOICE_APP_STORE_MODULE_NAME)\n    })\n\n    const statusOptions = [\n      'Downloaded',\n      'Draft',\n      'Paid',\n      'Partial Payment',\n      'Past Due',\n    ]\n\n    const {\n      fetchInvoices,\n      tableColumns,\n      perPage,\n      currentPage,\n      totalInvoices,\n      dataMeta,\n      perPageOptions,\n      searchQuery,\n      sortBy,\n      isSortDirDesc,\n      refInvoiceListTable,\n\n      statusFilter,\n\n      refetchData,\n\n      resolveInvoiceStatusVariantAndIcon,\n      resolveClientAvatarVariant,\n    } = useInvoicesList()\n\n    return {\n      fetchInvoices,\n      tableColumns,\n      perPage,\n      currentPage,\n      totalInvoices,\n      dataMeta,\n      perPageOptions,\n      searchQuery,\n      sortBy,\n      isSortDirDesc,\n      refInvoiceListTable,\n\n      statusFilter,\n\n      refetchData,\n\n      statusOptions,\n\n      avatarText,\n      resolveInvoiceStatusVariantAndIcon,\n      resolveClientAvatarVariant,\n    }\n  },\n  created() {\n    this.getListInvoice({}).then(res => {\n      console.log('RES getListInvoice', res)\n    })\n  },\n  // eslint-disable-next-line vue/order-in-components\n  computed: {\n    ...mapGetters(['getterListInvoice']),\n  },\n  methods: {\n    ...mapActions(['getListInvoice']),\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.per-page-selector {\n  width: 90px;\n}\n\n.invoice-filter-select {\n  min-width: 190px;\n\n  ::v-deep .vs__selected-options {\n    flex-wrap: nowrap;\n  }\n\n  ::v-deep .vs__selected {\n    width: 100px;\n  }\n}\n</style>\n\n<style lang=\"scss\">\n@import '@core/scss/vue/libs/vue-select.scss';\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoiceList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoiceList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InvoiceList.vue?vue&type=template&id=b6c176c2&scoped=true&\"\nimport script from \"./InvoiceList.vue?vue&type=script&lang=js&\"\nexport * from \"./InvoiceList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InvoiceList.vue?vue&type=style&index=0&id=b6c176c2&lang=scss&scoped=true&\"\nimport style1 from \"./InvoiceList.vue?vue&type=style&index=1&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  \"b6c176c2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoiceList.vue?vue&type=style&index=0&id=b6c176c2&lang=scss&scoped=true&\""],"sourceRoot":""}