{"version":3,"sources":["webpack:///./src/views/user/UsersList.vue?7c6a","webpack:///./src/views/user/UsersList.vue?ad81","webpack:///./src/views/user/cell-renderer/CellRendererVerified.vue?a3db","webpack:///src/views/user/cell-renderer/CellRendererVerified.vue","webpack:///./src/views/user/cell-renderer/CellRendererVerified.vue?a4ca","webpack:///./src/views/user/cell-renderer/CellRendererVerified.vue","webpack:///./src/views/user/cell-renderer/CellRendererActions.vue?8d23","webpack:///src/views/user/cell-renderer/CellRendererActions.vue","webpack:///./src/views/user/cell-renderer/CellRendererActions.vue?dbe0","webpack:///./src/views/user/cell-renderer/CellRendererActions.vue","webpack:///src/views/user/UsersList.vue","webpack:///./src/views/user/UsersList.vue?fa20","webpack:///./src/views/user/UsersList.vue?7d8e"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","currentPage","paginationPageSize","users","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","confirmDeleteRecord","methods","$router","push","dialog","type","color","title","text","accept","deleteRecord","acceptText","$store","dispatch","data","id","showDeleteSuccess","notify","message"],"mappings":"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","file":"js/chunk-056273e7.df31ee4a.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!./UsersList.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!./UsersList.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('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.users.length - _vm.currentPage * _vm.paginationPageSize > 0 ? _vm.currentPage * _vm.paginationPageSize : _vm.users.length)+\"\\n                            of \"+_vm._s(_vm.users.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.users,\"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)])}\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=6fe2740f&\"\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 mr-4 hover:text-primary cursor-pointer\"},on:{\"click\":_vm.editRecord}}),_c('feather-icon',{attrs:{\"icon\":\"Trash2Icon\",\"svgClasses\":\"h-5 w-5 hover:text-danger cursor-pointer\"},on:{\"click\":_vm.confirmDeleteRecord}})],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 mr-4 hover:text-primary cursor-pointer\" @click=\"editRecord\" />\r\n      <feather-icon icon=\"Trash2Icon\" svgClasses=\"h-5 w-5 hover:text-danger cursor-pointer\" @click=\"confirmDeleteRecord\" />\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(`/users-list/${this.params.data.id}`).catch(() => {})\r\n    },\r\n    confirmDeleteRecord () {\r\n      this.$vs.dialog({\r\n        type: 'confirm',\r\n        color: 'danger',\r\n        title: 'Confirm Delete',\r\n        text: `You are about to delete \"${this.params.data.name}\"`,\r\n        accept: this.deleteRecord,\r\n        acceptText: 'Delete'\r\n      })\r\n    },\r\n    deleteRecord () {\r\n      /* UnComment below lines for enabling true flow if deleting user */\r\n      this.$store.dispatch(\"user/deleteUser\", this.params.data.id)\r\n        .then((response)   => { \r\n          this.showDeleteSuccess(response.data)\r\n           })\r\n        .catch(err => { console.warn(err)       })\r\n\r\n    },\r\n    showDeleteSuccess (data) {\r\n      this.$vs.notify({\r\n        color: 'success',\r\n        title: 'Success',\r\n        text: data.message\r\n      })\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=7404d173&\"\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        <div class=\"vx-card p-6\">\r\n\r\n            <div class=\"flex flex-wrap items-center\">\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                                {{ users.length - currentPage * paginationPageSize > 0 ? currentPage * paginationPageSize : users.length }}\r\n                                of {{ users.length }}</span>\r\n                            <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\r\n                        </div>\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                <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\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=\"users\" 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    import vSelect from 'vue-select'\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            vSelect,\r\n\r\n            // Cell Renderer\r\n            CellRendererVerified,\r\n            CellRendererActions\r\n        },\r\n        created(){\r\n            this.getAllUsers()\r\n        },\r\n        data() {\r\n            return {\r\n                \r\n                \r\n                roleFilter: {\r\n                    label: 'All',\r\n                    value: 'all'\r\n                },\r\n\r\n                roleOptions: [{\r\n                        label: 'All',\r\n                        value: 'all'\r\n                    },\r\n                    {\r\n                        label: 'Admin',\r\n                        value: 'admin'\r\n                    },\r\n                    {\r\n                        label: 'User',\r\n                        value: 'user'\r\n                    },\r\n                    {\r\n                        label: 'Staff',\r\n                        value: 'staff'\r\n                    }\r\n                ],\r\n\r\n                statusFilter: {\r\n                    label: 'All',\r\n                    value: 'all'\r\n                },\r\n                // packagePlatformFilter:{\r\n                //     label: '4',\r\n                //     value: 'all'\r\n                // },\r\n                // packagePlatformOptions:[\r\n                //     {\r\n                //     label: '1',\r\n                //     value: 'df'\r\n                //     },\r\n                //     {\r\n                //     label: '2',\r\n                //     value: 'IOS'\r\n                //     }\r\n                // ],\r\n                statusOptions: [{\r\n                        label: 'All',\r\n                        value: 'all'\r\n                    },\r\n                    {\r\n                        label: 'Active',\r\n                        value: 'active'\r\n                    },\r\n                    {\r\n                        label: 'Deactivated',\r\n                        value: 'deactivated'\r\n                    },\r\n                    {\r\n                        label: 'Blocked',\r\n                        value: 'blocked'\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: 70,\r\n\r\n\r\n                    },\r\n                    {\r\n                        headerName: 'Name',\r\n                        field: 'name',\r\n                        filter:true\r\n\r\n\r\n                    },\r\n                    {\r\n                        headerName: 'Phone',\r\n                        field: 'phone',\r\n                        filter:true,\r\n                        width: 200,\r\n\r\n\r\n                    },\r\n\r\n                    {\r\n                        headerName: 'Email',\r\n                        field: 'email',\r\n                        filter:true,\r\n                    },\r\n                    {\r\n                        headerName: 'Country',\r\n                        field: 'country',\r\n                        filter:true,\r\n                        width: 125,\r\n                    },\r\n                    \r\n                    {\r\n                        headerName: 'Status',\r\n                        field: 'isActive',\r\n                        filter: true,\r\n                        width: 125,\r\n                        cellRendererFramework: 'CellRendererVerified',\r\n                        cellClass: 'grid-cell-centered'\r\n                    },\r\n\r\n                    {\r\n                        headerName: 'Actions',\r\n                        field: 'transactions',\r\n                        filter:true,\r\n                        width: 120,\r\n                        cellRendererFramework: 'CellRendererActions'\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\r\n        computed: {\r\n\r\n            users(){\r\n                return this.$store.getters['user/allUsers']\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            getAllUsers(){\r\n                this.$store.dispatch('user/getAllUsers')\r\n        // .then((response) => {  \r\n        //     // this.users = response.data \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!./UsersList.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!./UsersList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UsersList.vue?vue&type=template&id=142d78b3&\"\nimport script from \"./UsersList.vue?vue&type=script&lang=js&\"\nexport * from \"./UsersList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UsersList.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":""}