{"version":3,"sources":["webpack:///./src/pages/admin/users/UsersGroups.vue?9224","webpack:///./src/pages/admin/users/UsersGroups.vue?0f95","webpack:///src/pages/admin/users/UsersGroups.vue","webpack:///./src/pages/admin/users/UsersGroups.vue?8870","webpack:///./src/pages/admin/users/UsersGroups.vue"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_2_0_node_modules_css_loader_index_js_ref_6_oneOf_2_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_2_2_node_modules_stylus_loader_index_js_ref_6_oneOf_2_3_node_modules_vue_loader_lib_index_js_vue_loader_options_UsersGroups_vue_vue_type_style_index_0_id_4e01b5ca_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_2_0_node_modules_css_loader_index_js_ref_6_oneOf_2_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_2_2_node_modules_stylus_loader_index_js_ref_6_oneOf_2_3_node_modules_vue_loader_lib_index_js_vue_loader_options_UsersGroups_vue_vue_type_style_index_0_id_4e01b5ca_lang_stylus_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","attrs","padding","staticClass","name","_v","_s","$t","data","groups","columns","pagination","server_pagination","loading","filter","row-key","no-data-label","no-results-label","loading-label","rows-per-page-label","rows-per-page-options","binary-state-sort","on","update:pagination","$event","request","scopedSlots","_u","key","fn","props","icon","placeholder","debounce","model","value","callback","$$v","expression","color","label","click","$router","push","params","id","_l","cols","col","row","title","qty_members","auto-width","small","getIconStatus","status","getColorStatus","getStatus","flat","round","actions","confirmRemove","ok","removeItem","confirm_remove","slot","staticRenderFns","_withStripped","UsersGroupsvue_type_script_lang_js_","i18nOptions","namespaces","page","rowsNumber","rowsPerPage","descending","sortBy","required","align","field","sortable","action_id","computed","objectSpread_default","Object","vuex_esm","access_token","reload_content","num_rows","getHeader","headers","defineProperty_default","content-type","authorization","btoa","methods","fetchLists","_this","$q","show","$axios","get","then","response","$store","dispatch","hide","catch","e","console","log","_ref","_this2","order","order_by","page_size","search","ordering","savePagination","$qs","stringify","count","results","forEach","result","_this3","delete","concat","notify","message","type","loadPagination","watch","created","users_UsersGroupsvue_type_script_lang_js_","component","componentNormalizer","options","__file","__webpack_exports__"],"mappings":"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","file":"js/2024bf9f.17a30770.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-2-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-2-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-2-2!../../../../node_modules/stylus-loader/index.js??ref--6-oneOf-2-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersGroups.vue?vue&type=style&index=0&id=4e01b5ca&lang=stylus&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-2-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-2-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-2-2!../../../../node_modules/stylus-loader/index.js??ref--6-oneOf-2-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersGroups.vue?vue&type=style&index=0&id=4e01b5ca&lang=stylus&scoped=true&\"","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"q-page\",\n    { attrs: { padding: \"\" } },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"q-display-1 q-mb-md text-secondary\" },\n        [\n          _c(\"q-icon\", {\n            staticClass: \"q-mb-sm\",\n            attrs: { name: \"far fa-users\" }\n          }),\n          _vm._v(\" \" + _vm._s(_vm.$t(\"users_groups\")) + \"\\n    \")\n        ],\n        1\n      ),\n      _c(\"q-table\", {\n        attrs: {\n          data: _vm.groups,\n          columns: _vm.columns,\n          pagination: _vm.server_pagination,\n          loading: _vm.loading,\n          filter: _vm.filter,\n          \"row-key\": \"name\",\n          \"no-data-label\": _vm.$t(\"no_data_avaliable\"),\n          \"no-results-label\": _vm.$t(\"no_results_found\"),\n          \"loading-label\": _vm.$t(\"loading_data\"),\n          \"rows-per-page-label\": _vm.$t(\"items_per_page\"),\n          \"rows-per-page-options\": [5, 10, 50, 100],\n          \"binary-state-sort\": \"\"\n        },\n        on: {\n          \"update:pagination\": function($event) {\n            _vm.server_pagination = $event\n          },\n          request: _vm.request\n        },\n        scopedSlots: _vm._u([\n          {\n            key: \"top\",\n            fn: function(props) {\n              return [\n                _c(\"q-search\", {\n                  attrs: {\n                    icon: \"far fa-search\",\n                    placeholder: _vm.$t(\"search\"),\n                    debounce: 500\n                  },\n                  model: {\n                    value: _vm.filter,\n                    callback: function($$v) {\n                      _vm.filter = $$v\n                    },\n                    expression: \"filter\"\n                  }\n                }),\n                _c(\"div\", { staticClass: \"col\" }),\n                _c(\"q-btn\", {\n                  attrs: {\n                    color: \"secondary\",\n                    icon: \"far fa-plus\",\n                    label: _vm.$t(\"new\")\n                  },\n                  on: {\n                    click: function($event) {\n                      return _vm.$router.push({\n                        name: \"admin_users_group\",\n                        params: { id: 0 }\n                      })\n                    }\n                  }\n                })\n              ]\n            }\n          },\n          {\n            key: \"header\",\n            fn: function(props) {\n              return _c(\n                \"q-tr\",\n                { attrs: { props: props } },\n                _vm._l(props.cols, function(col) {\n                  return _c(\n                    \"q-th\",\n                    { key: col.name, attrs: { props: props } },\n                    [\n                      _vm._v(\n                        \"\\n            \" +\n                          _vm._s(_vm.$t(col.label)) +\n                          \"\\n            \"\n                      )\n                    ]\n                  )\n                }),\n                1\n              )\n            }\n          },\n          {\n            key: \"body\",\n            fn: function(props) {\n              return _c(\n                \"q-tr\",\n                { attrs: { props: props } },\n                [\n                  _c(\"q-td\", { key: \"id\", attrs: { props: props } }, [\n                    _vm._v(\n                      \"\\n                \" +\n                        _vm._s(props.row.id) +\n                        \"\\n            \"\n                    )\n                  ]),\n                  _c(\"q-td\", { key: \"title\", attrs: { props: props } }, [\n                    _vm._v(\n                      \"\\n                \" +\n                        _vm._s(props.row.title) +\n                        \"\\n            \"\n                    )\n                  ]),\n                  _c(\"q-td\", { key: \"qty_members\", attrs: { props: props } }, [\n                    _vm._v(\n                      \"\\n                \" +\n                        _vm._s(props.row.qty_members) +\n                        \"\\n            \"\n                    )\n                  ]),\n                  _c(\n                    \"q-td\",\n                    {\n                      key: \"status\",\n                      attrs: { props: props, \"auto-width\": \"\" }\n                    },\n                    [\n                      _c(\n                        \"q-chip\",\n                        {\n                          staticClass: \"full-width\",\n                          attrs: {\n                            small: \"\",\n                            icon: _vm.getIconStatus(props.row.status),\n                            color: _vm.getColorStatus(props.row.status)\n                          }\n                        },\n                        [\n                          _vm._v(\n                            \"\\n                    \" +\n                              _vm._s(_vm.$t(_vm.getStatus(props.row.status))) +\n                              \"\\n                \"\n                          )\n                        ]\n                      )\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"q-td\",\n                    { key: \"actions\", attrs: { props: props } },\n                    [\n                      _c(\n                        \"q-btn\",\n                        {\n                          attrs: {\n                            flat: \"\",\n                            round: \"\",\n                            color: \"primary\",\n                            icon: \"far fa-pencil-alt\"\n                          },\n                          on: {\n                            click: function($event) {\n                              return _vm.$router.push({\n                                name: \"admin_users_group\",\n                                params: { id: props.row.actions }\n                              })\n                            }\n                          }\n                        },\n                        [\n                          _c(\"q-tooltip\", [\n                            _vm._v(\n                              \"\\n                        \" +\n                                _vm._s(_vm.$t(\"view_or_edit_tooltip\")) +\n                                \"\\n                    \"\n                            )\n                          ])\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"q-btn\",\n                        {\n                          attrs: {\n                            flat: \"\",\n                            round: \"\",\n                            color: \"negative\",\n                            icon: \"far fa-trash-alt\"\n                          },\n                          on: {\n                            click: function($event) {\n                              return _vm.confirmRemove(props.row.actions)\n                            }\n                          }\n                        },\n                        [\n                          _c(\"q-tooltip\", [\n                            _vm._v(\n                              \"\\n                        \" +\n                                _vm._s(_vm.$t(\"delete_tooltip\")) +\n                                \"\\n                    \"\n                            )\n                          ])\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            }\n          }\n        ])\n      }),\n      _c(\n        \"q-dialog\",\n        {\n          on: { ok: _vm.removeItem },\n          scopedSlots: _vm._u([\n            {\n              key: \"buttons\",\n              fn: function(props) {\n                return [\n                  _c(\"q-btn\", {\n                    attrs: { color: \"primary\", label: _vm.$t(\"cancel\") },\n                    on: {\n                      click: function($event) {\n                        _vm.confirm_remove = false\n                      }\n                    }\n                  }),\n                  _c(\"q-btn\", {\n                    attrs: { color: \"negative\", label: _vm.$t(\"remove\") },\n                    on: {\n                      click: function($event) {\n                        return _vm.removeItem()\n                      }\n                    }\n                  })\n                ]\n              }\n            }\n          ]),\n          model: {\n            value: _vm.confirm_remove,\n            callback: function($$v) {\n              _vm.confirm_remove = $$v\n            },\n            expression: \"confirm_remove\"\n          }\n        },\n        [\n          _c(\"span\", { attrs: { slot: \"title\" }, slot: \"title\" }, [\n            _vm._v(_vm._s(_vm.$t(\"remove_item\")))\n          ]),\n          _c(\"span\", { attrs: { slot: \"message\" }, slot: \"message\" }, [\n            _vm._v(_vm._s(_vm.$t(\"confirm_remove_item\")))\n          ])\n        ]\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <q-page padding>\n        <div class=\"q-display-1 q-mb-md text-secondary\">\n            <q-icon name=\"far fa-users\" class=\"q-mb-sm\" /> {{ $t('users_groups') }}\n        </div>\n\n        <q-table\n            :data=\"groups\"\n            :columns=\"columns\"\n            :pagination.sync=\"server_pagination\"\n            @request=\"request\"\n            :loading=\"loading\"\n            :filter=\"filter\"\n            row-key=\"name\"\n            :no-data-label=\"$t('no_data_avaliable')\"\n            :no-results-label=\"$t('no_results_found')\"\n            :loading-label=\"$t('loading_data')\"\n            :rows-per-page-label=\"$t('items_per_page')\"\n            :rows-per-page-options=\"[5,10,50,100]\"\n            binary-state-sort\n        >\n\n            <template slot=\"top\" slot-scope=\"props\">\n                <q-search v-model=\"filter\" icon=\"far fa-search\" :placeholder=\"$t('search')\" :debounce=\"500\" />\n                <div class=\"col\" />\n                <q-btn color=\"secondary\" icon=\"far fa-plus\" :label=\"$t('new')\" @click=\"$router.push({ name: 'admin_users_group', params: { id: 0 } })\" />\n            </template>\n\n            <q-tr slot=\"header\" slot-scope=\"props\" :props=\"props\">\n                <q-th v-for=\"col in props.cols\" :key=\"col.name\" :props=\"props\">\n                {{ $t(col.label) }}\n                </q-th>\n            </q-tr>\n\n            <q-tr slot=\"body\" slot-scope=\"props\" :props=\"props\">\n                <q-td key=\"id\" :props=\"props\">\n                    {{ props.row.id }}\n                </q-td>\n\n                <q-td key=\"title\" :props=\"props\">\n                    {{ props.row.title }}\n                </q-td>\n\n                <q-td key=\"qty_members\" :props=\"props\">\n                    {{ props.row.qty_members }}\n                </q-td>\n\n                <q-td key=\"status\" :props=\"props\" auto-width>\n                    <q-chip small :icon=\"getIconStatus(props.row.status)\" :color=\"getColorStatus(props.row.status)\" class=\"full-width\">\n                        {{ $t(getStatus(props.row.status)) }}\n                    </q-chip>\n                </q-td>\n\n                <q-td key=\"actions\" :props=\"props\">\n                    <q-btn flat round color=\"primary\" icon=\"far fa-pencil-alt\" @click=\"$router.push({ name: 'admin_users_group', params: { id: props.row.actions } })\" >\n                        <q-tooltip>\n                            {{ $t('view_or_edit_tooltip')}}\n                        </q-tooltip>\n                    </q-btn>\n                    <q-btn flat round color=\"negative\" icon=\"far fa-trash-alt\" @click=\"confirmRemove(props.row.actions)\" >\n                        <q-tooltip>\n                            {{ $t('delete_tooltip')}}\n                        </q-tooltip>\n                    </q-btn>\n                </q-td>\n            </q-tr>\n        </q-table>\n\n        <q-dialog v-model=\"confirm_remove\" @ok=\"removeItem\">\n            <span slot=\"title\">{{ $t('remove_item') }}</span>\n\n            <span slot=\"message\">{{ $t('confirm_remove_item') }}</span>\n\n            <template slot=\"buttons\" slot-scope=\"props\">\n                <q-btn color=\"primary\" :label=\"$t('cancel')\" @click=\"confirm_remove = false\" />\n                <q-btn color=\"negative\" :label=\"$t('remove')\" @click=\"removeItem()\" />\n            </template>\n        </q-dialog>\n    </q-page>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex'\nimport { LocalStorage } from 'quasar'\nexport default {\n    i18nOptions: { namespaces: [ 'custom', 'common', 'users', 'admin' ] },\n\n    data() {\n        return {\n            server_pagination: {\n                page: 1,\n                rowsNumber: 10,\n                rowsPerPage: null,\n                descending: false,\n                sortBy: null\n            },\n            loading: false,\n            groups: [],\n            columns: [\n                {\n                    name: 'id',\n                    required: true,\n                    label: '#',\n                    align: 'left',\n                    field: 'name',\n                    sortable: true,\n                },\n                {\n                    name: 'title',\n                    required: true,\n                    label: 'title',\n                    align: 'left',\n                    field: 'title',\n                    sortable: true,\n                },\n                {\n                    name: 'qty_members',\n                    required: true,\n                    label: 'users',\n                    align: 'left',\n                    field: 'qty_members',\n                    sortable: false,\n                },\n                {\n                    name: 'status',\n                    required: true,\n                    label: 'status',\n                    align: 'left',\n                    field: 'status',\n                    sortable: false,\n                },\n                {\n                    name: 'actions',\n                    required: true,\n                    label: '',\n                    align: 'right',\n                    field: 'edit',\n                    sortable: false,\n                },\n            ],\n            filter: '',\n            action_id: '',\n            confirm_remove: false\n        }\n    },\n\n    computed: {\n        ...mapGetters({\n            access_token: 'common/access_token',\n            reload_content: 'common/reload_content',\n            num_rows: 'datatable/num_rows',\n        }),\n\n        getHeader() {\n            let headers = {}\n            return headers = {\n                headers: {\n                    'content-type': 'application/json',\n                    'authorization': 'Basic ' + btoa(process.env.APP_CLIENT_ID + ':' + process.env.APP_CLIENT_SECRET),\n                    'authorization': 'Bearer ' + this.access_token\n                }\n            }\n        }\n    },\n\n    methods: {\n        fetchLists() {\n            this.$q.loading.show()\n\n            this.$axios.get('/accounts/get_registration_lists/', this.getHeader)\n            .then(response => {\n                this.$store.dispatch('registration_lists/SET_LISTS', [response.data])\n                this.$q.loading.hide()\n\n                this.request({\n                    pagination: this.server_pagination\n                })\n            })\n            .catch(e => {\n                this.$q.loading.hide()\n                console.log(e)\n            })\n        },\n\n        request ({ pagination }) {\n            this.loading = true\n            this.server_pagination = pagination\n\n            let order = pagination.descending ? '-' : ''\n            let order_by = pagination.sortBy ? order + pagination.sortBy : ''\n\n            let data = {\n                \"page_size\": this.server_pagination.rowsPerPage,\n                \"page\": this.server_pagination.page,\n                \"search\": this.filter,\n                \"ordering\": order_by\n            }\n\n            this.savePagination()\n\n            this.$axios.get('/admin_group_users/group_users/?' + this.$qs.stringify(data), this.getHeader)\n            .then(response => {\n                this.server_pagination.rowsNumber = response.data.count\n\n                this.groups = []\n                response.data.results.forEach(result => {\n                    this.groups.push({\n                        id: result.id,\n                        title: result.title,\n                        qty_members: result.qty_members,\n                        status: result.status,\n                        actions: result.id\n                    })\n                })\n\n                this.loading = false\n            })\n            .catch(e => {\n                this.loading = false\n                console.log(e)\n            })\n        },\n\n        confirmRemove(id) {\n            this.action_id = id\n            this.confirm_remove = true\n        },\n\n        removeItem() {\n            this.$q.loading.show()\n\n            this.$axios.delete(`/admin_group_users/group_users/${this.action_id}/`, this.getHeader)\n            .then(response => {\n                this.$q.loading.hide()\n\n                this.request({\n                    pagination: this.server_pagination\n                })\n\n                this.confirm_remove = false\n\n                this.$q.notify({\n                    message: this.$t('item_removed_success'),\n                    type: 'positive',\n                    icon: 'far fa-trash-alt'\n                })\n            })\n            .catch(e => {\n                this.$q.loading.hide()\n                console.log(e)\n            })\n        },\n\n        getStatus(status) {\n            if (status == 1) return 'active_f'\n            else if (status == 2) return 'inactive_f'\n            else if (status == 3) return 'deleted_f'\n        },\n\n        getIconStatus(status) {\n            if (status == 1) return 'fas fa-check'\n            else if (status == 2) return 'fas fa-ban'\n            else if (status == 3) return 'fas fa-trash-alt'\n        },\n\n        getColorStatus(status) {\n            if (status == 1) return 'positive'\n            else if (status == 2) return 'warning'\n            else if (status == 3) return 'negative'\n        },\n\n        savePagination() {\n            this.$store.dispatch('datatable/SET_NUM_ROWS', [this.server_pagination.rowsPerPage])\n        },\n\n        loadPagination() {\n            this.server_pagination.rowsPerPage = this.num_rows\n        },\n    },\n\n    watch: {\n        reload_content: function() {\n            this.request({\n                pagination: this.server_pagination\n            })\n        }\n    },\n\n    created() {\n        this.loadPagination()\n        this.fetchLists()\n    }\n}\n</script>\n\n<style lang=\"stylus\" scoped>\n\n</style>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersGroups.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UsersGroups.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UsersGroups.vue?vue&type=template&id=4e01b5ca&scoped=true&\"\nimport script from \"./UsersGroups.vue?vue&type=script&lang=js&\"\nexport * from \"./UsersGroups.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UsersGroups.vue?vue&type=style&index=0&id=4e01b5ca&lang=stylus&scoped=true&\"\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  \"4e01b5ca\",\n  null\n  \n)\n\ncomponent.options.__file = \"UsersGroups.vue\"\nexport default component.exports"],"sourceRoot":""}