{"version":3,"sources":["webpack:///./src/views/products/Products.vue?179d","webpack:///./src/views/products/Products.vue?8fbf","webpack:///./src/views/products/cell-renderer/CellRendererVerified.vue?da40","webpack:///src/views/products/cell-renderer/CellRendererVerified.vue","webpack:///./src/views/products/cell-renderer/CellRendererVerified.vue?0e65","webpack:///./src/views/products/cell-renderer/CellRendererVerified.vue","webpack:///./src/views/products/cell-renderer/CellRendererActions.vue?152a","webpack:///src/views/products/cell-renderer/CellRendererActions.vue","webpack:///./src/views/products/cell-renderer/CellRendererActions.vue?8cc9","webpack:///./src/views/products/cell-renderer/CellRendererActions.vue","webpack:///src/views/products/Products.vue","webpack:///./src/views/products/Products.vue?b9dc","webpack:///./src/views/products/Products.vue?476d"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","currentPage","paginationPageSize","products","length","on","$event","gridApi","paginationSetPageSize","updateSearchQuery","model","value","callback","$$v","searchQuery","expression","ref","components","gridOptions","columnDefs","defaultColDef","$vs","rtl","totalPages","staticRenderFns","textColor","name","computed","params","component","style","editRecord","methods","$router","push"],"mappings":"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","file":"js/chunk-c00c187c.f2942fc3.js","sourcesContent":["import mod 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!./Products.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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!./Products.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('div',{attrs:{\"id\":\"page-user-list\"}},[_c('vs-button',{staticClass:\"mt-3 mb-8\",attrs:{\"color\":\"primary\",\"size\":\"large\",\"type\":\"filled\",\"to\":\"/products/new\"}},[_vm._v(\"New Product \")]),_c('div',{staticClass:\"vx-card p-6\"},[_c('div',{staticClass:\"flex flex-wrap items-center\"},[_c('div',{staticClass:\"flex-grow\"},[_c('vs-dropdown',{staticClass:\"cursor-pointer\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.currentPage * _vm.paginationPageSize - (_vm.paginationPageSize - 1))+\" -\\n                            \"+_vm._s(_vm.products.length - _vm.currentPage * _vm.paginationPageSize > 0 ? _vm.currentPage * _vm.paginationPageSize : _vm.products.length)+\"\\n                            of \"+_vm._s(_vm.products.length))]),_c('feather-icon',{attrs:{\"icon\":\"ChevronDownIcon\",\"svgClasses\":\"h-4 w-4\"}})],1),_c('vs-dropdown-menu',[_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(10)}}},[_c('span',[_vm._v(\"10\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(20)}}},[_c('span',[_vm._v(\"20\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(25)}}},[_c('span',[_vm._v(\"25\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(30)}}},[_c('span',[_vm._v(\"30\")])])],1)],1)],1),_c('vs-input',{staticClass:\"sm:mr-4 mr-0 sm:w-auto w-full sm:order-normal order-3 sm:mt-0 mt-4\",attrs:{\"placeholder\":\"Search...\"},on:{\"input\":_vm.updateSearchQuery},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v},expression:\"searchQuery\"}})],1),_c('ag-grid-vue',{ref:\"agGridTable\",staticClass:\"ag-theme-material w-100 my-4 ag-grid-table\",attrs:{\"components\":_vm.components,\"gridOptions\":_vm.gridOptions,\"columnDefs\":_vm.columnDefs,\"defaultColDef\":_vm.defaultColDef,\"rowData\":_vm.products,\"colResizeDefault\":\"shift\",\"animateRows\":true,\"floatingFilter\":false,\"pagination\":true,\"paginationPageSize\":_vm.paginationPageSize,\"suppressPaginationPanel\":true,\"enableRtl\":_vm.$vs.rtl}}),_c('vs-pagination',{attrs:{\"total\":_vm.totalPages,\"max\":7},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)],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('feather-icon',{staticClass:\"pl-5\",attrs:{\"icon\":\"CircleIcon\",\"svgClasses\":['fill-current h-4 w-4', _vm.textColor]}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <feather-icon class=\"pl-5\" icon=\"CircleIcon\" :svgClasses=\"['fill-current h-4 w-4', textColor]\" />\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'CellRendererVerified',\r\n  computed: {\r\n    textColor () {\r\n      return this.params.value ? 'text-primary' : 'text-grey'\r\n    }\r\n  }\r\n}\r\n</script>\r\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!./CellRendererVerified.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!./CellRendererVerified.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CellRendererVerified.vue?vue&type=template&id=1cfbb8d6&\"\nimport script from \"./CellRendererVerified.vue?vue&type=script&lang=js&\"\nexport * from \"./CellRendererVerified.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:({'direction': _vm.$vs.rtl ? 'rtl' : 'ltr'})},[_c('feather-icon',{attrs:{\"icon\":\"Edit3Icon\",\"svgClasses\":\"h-5 w-5 ml-5 hover:text-primary cursor-pointer\"},on:{\"click\":_vm.editRecord}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div :style=\"{'direction': $vs.rtl ? 'rtl' : 'ltr'}\">\r\n      <feather-icon icon=\"Edit3Icon\" svgClasses=\"h-5 w-5 ml-5 hover:text-primary cursor-pointer\" @click=\"editRecord\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'CellRendererActions',\r\n  methods: {\r\n    editRecord () {\r\n      this.$router.push(`/products/${this.params.data.id}`).catch(() => {})\r\n    },\r\n  }\r\n}\r\n</script>\r\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!./CellRendererActions.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!./CellRendererActions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CellRendererActions.vue?vue&type=template&id=00293324&\"\nimport script from \"./CellRendererActions.vue?vue&type=script&lang=js&\"\nexport * from \"./CellRendererActions.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","<template>\r\n\r\n    <div id=\"page-user-list\">\r\n\r\n\r\n        <vs-button color=\"primary\" size=\"large\" class=\"mt-3 mb-8\" type=\"filled\" to=\"/products/new\">New Product </vs-button>\r\n    \r\n\r\n\r\n\r\n\r\n        <div class=\"vx-card p-6\">\r\n            <div class=\"flex flex-wrap items-center\">\r\n\r\n                <!-- ITEMS PER PAGE -->\r\n                <div class=\"flex-grow\">\r\n                    <vs-dropdown vs-trigger-click class=\"cursor-pointer\">\r\n                        <div\r\n                            class=\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\">\r\n                            <span class=\"mr-2\">{{ currentPage * paginationPageSize - (paginationPageSize - 1) }} -\r\n                                {{ products.length - currentPage * paginationPageSize > 0 ? currentPage * paginationPageSize : products.length }}\r\n                                of {{ products.length }}</span>\r\n                            <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\r\n                        </div>\r\n                        <!-- <vs-button class=\"btn-drop\" type=\"line\" color=\"primary\" icon-pack=\"feather\" icon=\"icon-chevron-down\"></vs-button> -->\r\n                        <vs-dropdown-menu>\r\n\r\n                            <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(10)\">\r\n                                <span>10</span>\r\n                            </vs-dropdown-item>\r\n                            <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(20)\">\r\n                                <span>20</span>\r\n                            </vs-dropdown-item>\r\n                            <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(25)\">\r\n                                <span>25</span>\r\n                            </vs-dropdown-item>\r\n                            <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(30)\">\r\n                                <span>30</span>\r\n                            </vs-dropdown-item>\r\n                        </vs-dropdown-menu>\r\n                    </vs-dropdown>\r\n                </div>\r\n\r\n                <!-- TABLE ACTION COL-2: SEARCH & EXPORT AS CSV -->\r\n                <vs-input class=\"sm:mr-4 mr-0 sm:w-auto w-full sm:order-normal order-3 sm:mt-0 mt-4\"\r\n                    v-model=\"searchQuery\" @input=\"updateSearchQuery\" placeholder=\"Search...\" />\r\n                <!-- <vs-button class=\"mb-4 md:mb-0\" @click=\"gridApi.exportDataAsCsv()\">Export as CSV</vs-button> -->\r\n\r\n            </div>\r\n\r\n\r\n            <!-- AgGrid Table -->\r\n            <ag-grid-vue ref=\"agGridTable\" :components=\"components\" :gridOptions=\"gridOptions\"\r\n                class=\"ag-theme-material w-100 my-4 ag-grid-table\" :columnDefs=\"columnDefs\"\r\n                :defaultColDef=\"defaultColDef\" :rowData=\"products\" colResizeDefault=\"shift\" :animateRows=\"true\"\r\n                :floatingFilter=\"false\" :pagination=\"true\" :paginationPageSize=\"paginationPageSize\"\r\n                :suppressPaginationPanel=\"true\" :enableRtl=\"$vs.rtl\">\r\n            </ag-grid-vue>\r\n\r\n            <vs-pagination :total=\"totalPages\" :max=\"7\" v-model=\"currentPage\" />\r\n\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\n    import {\r\n        AgGridVue\r\n    } from 'ag-grid-vue'\r\n    import '@/assets/scss/vuexy/extraComponents/agGridStyleOverride.scss'\r\n\r\n    // Store Module\r\n\r\n    // Cell Renderer\r\n    import CellRendererVerified from './cell-renderer/CellRendererVerified'\r\n    import CellRendererActions from './cell-renderer/CellRendererActions'\r\n\r\n\r\n    export default {\r\n        components: {\r\n            AgGridVue,\r\n            CellRendererVerified,\r\n            CellRendererActions\r\n        },\r\n        created(){\r\n            this.getAllProducts()\r\n        },\r\n        data() {\r\n            return {\r\n                \r\n                \r\n               \r\n                \r\n\r\n                isVerifiedFilter: {\r\n                    label: 'All',\r\n                    value: 'all'\r\n                },\r\n                isVerifiedOptions: [{\r\n                        label: 'All',\r\n                        value: 'all'\r\n                    },\r\n                    {\r\n                        label: 'Yes',\r\n                        value: 'yes'\r\n                    },\r\n                    {\r\n                        label: 'No',\r\n                        value: 'no'\r\n                    }\r\n                ],\r\n\r\n\r\n\r\n\r\n                // Filter Options\r\n\r\n\r\n                searchQuery: '',\r\n\r\n                // AgGrid\r\n                gridApi: null,\r\n                gridOptions: {},\r\n                defaultColDef: {\r\n                    sortable: true,\r\n                    resizable: true,\r\n                    suppressMenu: true\r\n                },\r\n                columnDefs: [\r\n\r\n                    {\r\n                        headerName: 'ID',\r\n                        field: 'id',\r\n                        filter:true,\r\n                        width: 80,\r\n                    },\r\n                    {\r\n                        headerName: 'Name',\r\n                        field: 'productName',\r\n                        filter:true,\r\n                        width: 300\r\n                    },\r\n                    {\r\n                        headerName: 'Unique Name',\r\n                        field: 'uniqueName',\r\n                        filter:true,\r\n                        width:230\r\n                    },\r\n                   \r\n                    {\r\n                        headerName: 'Status',\r\n                        field: 'isActive',\r\n                        filter: true,\r\n                        cellRendererFramework: 'CellRendererVerified',\r\n                        cellClass: 'grid-cell-centered',\r\n                        width:120\r\n                    },\r\n\r\n                    {\r\n                        headerName: 'Actions',\r\n                        field: 'transactions',\r\n                        filter:true,\r\n                        cellRendererFramework: 'CellRendererActions',\r\n                        cellClass: 'grid-cell-centered',\r\n                        width:120\r\n                    },\r\n\r\n                    \r\n                ],\r\n\r\n                // Cell Renderer Components\r\n                components: {\r\n                    CellRendererVerified,\r\n                    CellRendererActions\r\n                }\r\n            }\r\n        },\r\n        watch: {\r\n            roleFilter(obj) {\r\n                this.setColumnFilter('role', obj.value)\r\n            },\r\n            statusFilter(obj) {\r\n                this.setColumnFilter('status', obj.value)\r\n            },\r\n            isVerifiedFilter(obj) {\r\n                const val = obj.value === 'all' ? 'all' : obj.value === 'yes' ? 'true' : 'false'\r\n                this.setColumnFilter('is_verified', val)\r\n            },\r\n        },\r\n        computed: {\r\n\r\n            products(){\r\n                return this.$store.getters['product/allProducts']\r\n            },\r\n            \r\n            paginationPageSize() {\r\n                if (this.gridApi) return this.gridApi.paginationGetPageSize()\r\n                else return 20\r\n            },\r\n            totalPages() {\r\n                if (this.gridApi) return this.gridApi.paginationGetTotalPages()\r\n                else return 0\r\n            },\r\n            currentPage: {\r\n                get() {\r\n                    if (this.gridApi) return this.gridApi.paginationGetCurrentPage() + 1\r\n                    else return 1\r\n                },\r\n                set(val) {\r\n                    this.gridApi.paginationGoToPage(val - 1)\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            getAllProducts(){\r\n                this.$vs.loading()\r\n                this.$store.dispatch('product/getAllProducts')\r\n        .then((response) => {  \r\n            this.$vs.loading.close()\r\n        })\r\n        .catch(error => {\r\n          this.$vs.loading.close()\r\n          this.$vs.notify({\r\n            title: 'Error',\r\n            text: error.message,\r\n            iconPack: 'feather',\r\n            icon: 'icon-alert-circle',\r\n            color: 'danger'\r\n          })\r\n        })\r\n            },\r\n            setColumnFilter(column, val) {\r\n                const filter = this.gridApi.getFilterInstance(column)\r\n                let modelObj = null\r\n\r\n                if (val !== 'all') {\r\n                    modelObj = {\r\n                        type: 'equals',\r\n                        filter: val\r\n                    }\r\n                }\r\n\r\n                filter.setModel(modelObj)\r\n                this.gridApi.onFilterChanged()\r\n            },\r\n\r\n            resetColFilters() {\r\n                // Reset Grid Filter\r\n                this.gridApi.setFilterModel(null)\r\n                this.gridApi.onFilterChanged()\r\n\r\n                // Reset Filter Options\r\n                this.roleFilter = this.statusFilter = this.isVerifiedFilter = this.departmentFilter = {\r\n                    label: 'All',\r\n                    value: 'all'\r\n                }\r\n\r\n                this.$refs.filterCard.removeRefreshAnimation()\r\n            },\r\n            updateSearchQuery(val) {\r\n                this.gridApi.setQuickFilter(val)\r\n            }\r\n        },\r\n        mounted() {\r\n            this.gridApi = this.gridOptions.api\r\n\r\n            /* =================================================================\r\n              NOTE:\r\n              Header is not aligned properly in RTL version of agGrid table.\r\n              However, we given fix to this issue. If you want more robust solution please contact them at gitHub\r\n            ================================================================= */\r\n            if (this.$vs.rtl) {\r\n                const header = this.$refs.agGridTable.$el.querySelector('.ag-header-container')\r\n                header.style.left = `-${  String(Number(header.style.transform.slice(11, -3)) + 9)  }px`\r\n            }\r\n        },\r\n\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n    #page-user-list {\r\n        .user-list-filters {\r\n            .vs__actions {\r\n                position: absolute;\r\n                right: 0;\r\n                top: 50%;\r\n                transform: translateY(-58%);\r\n            }\r\n        }\r\n    }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Products.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!./Products.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Products.vue?vue&type=template&id=286557d0&\"\nimport script from \"./Products.vue?vue&type=script&lang=js&\"\nexport * from \"./Products.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Products.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"],"sourceRoot":""}