{"version":3,"sources":["webpack:///./src/views/users/Users.vue?d7dd","webpack:///./src/views/users/Users.vue?b9a4","webpack:///src/views/users/Users.vue","webpack:///./src/views/users/Users.vue?9aa0","webpack:///./src/views/users/Users.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","canAddUsers","scopedSlots","_u","key","fn","permissions","users","exportUsersButton","trackSubheaderButtonString","_e","groupPageButton","on","$event","goTo","proxy","resetSearch","model","value","filter","callback","$$v","$set","expression","ref","groupsSelect","allTags","removeTag","clearAllTags","data","headers","content","removeUser","editUser","search","confirmDelete","cancelDelete","staticRenderFns","name","components","DataTable","BaseTreeSelect","Pagination","TheSubHeader","FiltersTag","Dialog","AsyncExportButton","BaseButton","searchValue","storeSelected","typeSelected","show","computed","mounted","fetchGroupSelect","methods","setGroupTypeFilter","group","openInNewTab","userId","id","deleteUser","updateTags","clearPagination","paginate","then","$nextTick","obj","page","$router","push","route","component"],"mappings":"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","file":"js/Users.ab24f877.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./Users.vue?vue&type=style&index=0&id=5e6f77d8&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"Users\"},[_c('TheSubHeader',{attrs:{\"icon\":\"profile\",\"title\":\"Operadores\",\"page-title-tag\":\"Users\",\"type\":\"filter\",\"actions\":_vm.canAddUsers,\"organizer-gap\":\"1rem\",\"organizer-columns\":\"3fr repeat(2, 1fr)\"},scopedSlots:_vm._u([{key:\"beforeButtons\",fn:function(){return [(_vm.permissions && _vm.permissions.users && _vm.permissions.users.exportUsersButton)?_c('AsyncExportButton',{attrs:{\"name\":\"operators\",\"name-report\":\"Relatorio_de_Operadores\",\"icon\":\"export\",\"color\":\"dark\",\"label\":\"Exportar\",\"label-loading\":\"Exportando relatório\",\"track\":_vm.trackSubheaderButtonString('Users', 'Export')}}):_vm._e(),(_vm.permissions && _vm.permissions.users && _vm.permissions.users.groupPageButton)?_c('BaseButton',{staticClass:\"operation-button\",attrs:{\"color\":\"dark\",\"icon\":\"user\",\"label\":\"Gerenciar grupos\",\"track\":_vm.trackSubheaderButtonString('Users', 'Groups')},on:{\"click\":function($event){return _vm.goTo('/groups')}}}):_vm._e()]},proxy:true},{key:\"filter\",fn:function(){return [_c('BaseTreeSelect',{attrs:{\"name\":\"Nome do Usuário\",\"label\":\"Nome do Usuário\",\"placeholder\":\"Selecione\",\"multiple\":\"\",\"suggestions\":\"searchUsersWithGroups\"},on:{\"input\":function($event){return _vm.resetSearch()}},model:{value:(_vm.filter.searchValue),callback:function ($$v) {_vm.$set(_vm.filter, \"searchValue\", $$v)},expression:\"filter.searchValue\"}}),_c('BaseTreeSelect',{ref:\"lojista\",attrs:{\"name\":\"Lojista\",\"label\":\"Lojista\",\"placeholder\":\"Selecione\",\"multiple\":\"\",\"select-options\":null,\"fetch-options\":'stores/fetchStoresAsync'},on:{\"input\":function($event){return _vm.resetSearch()}},model:{value:(_vm.filter.storeSelected),callback:function ($$v) {_vm.$set(_vm.filter, \"storeSelected\", $$v)},expression:\"filter.storeSelected\"}}),_c('BaseTreeSelect',{attrs:{\"name\":\"Tipo\",\"label\":\"Tipo\",\"placeholder\":\"Selecione\",\"multiple\":\"\",\"select-options\":_vm.groupsSelect},on:{\"input\":function($event){return _vm.resetSearch()}},model:{value:(_vm.filter.typeSelected),callback:function ($$v) {_vm.$set(_vm.filter, \"typeSelected\", $$v)},expression:\"filter.typeSelected\"}})]},proxy:true},(_vm.allTags.length)?{key:\"tag\",fn:function(){return [_c('FiltersTag',{attrs:{\"tags\":_vm.allTags},on:{\"removeTag\":_vm.removeTag,\"clear\":_vm.clearAllTags}})]},proxy:true}:null],null,true)}),_c('div',{staticClass:\"Users__Content\"},[_c('div',{staticClass:\"Users__Table\"},[_c('DataTable',{attrs:{\"header\":_vm.users.data.headers,\"table\":_vm.users.data.content,\"is-sticky\":\"\"},on:{\"remove\":_vm.removeUser,\"edit\":_vm.editUser}}),_c('Pagination',{on:{\"page\":function($event){return _vm.search()},\"paginate\":function($event){return _vm.search()}}})],1)]),(_vm.show)?_c('Dialog',{attrs:{\"warning\":\"Tem certeza que deseja deletar esse operador?\",\"label-cancel\":\"Não\",\"label-confirm\":\"Sim\"},on:{\"confirm\":_vm.confirmDelete,\"cancel\":_vm.cancelDelete}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <main class=\"Users\">\n    <TheSubHeader\n      icon=\"profile\"\n      title=\"Operadores\"\n      page-title-tag=\"Users\"\n      type=\"filter\"\n      :actions=\"canAddUsers\"\n      organizer-gap=\"1rem\"\n      organizer-columns=\"3fr repeat(2, 1fr)\" \n    >\n      <template #beforeButtons>\n        <AsyncExportButton\n          v-if=\"permissions && permissions.users && permissions.users.exportUsersButton\"\n          name=\"operators\"\n          name-report=\"Relatorio_de_Operadores\"\n          icon=\"export\"        \n          color=\"dark\"\n          label=\"Exportar\"\n          label-loading=\"Exportando relatório\"\n          :track=\"trackSubheaderButtonString('Users', 'Export')\"\n        />\n        <BaseButton\n          v-if=\"permissions && permissions.users && permissions.users.groupPageButton\"\n          color=\"dark\"\n          icon=\"user\"\n          label=\"Gerenciar grupos\"\n          class=\"operation-button\"\n          :track=\"trackSubheaderButtonString('Users', 'Groups')\"\n          @click=\"goTo('/groups')\"\n        />\n      </template>\n      <template #filter>\n        <!-- Driver -->\n        <BaseTreeSelect\n          v-model=\"filter.searchValue\"\n          name=\"Nome do Usuário\"\n          label=\"Nome do Usuário\"\n          placeholder=\"Selecione\"\n          multiple\n          suggestions=\"searchUsersWithGroups\"\n          @input=\"resetSearch()\"\n        />\n        <!-- Lojista -->\n        <BaseTreeSelect\n          ref=\"lojista\"\n          v-model=\"filter.storeSelected\"\n          name=\"Lojista\"\n          label=\"Lojista\"\n          placeholder=\"Selecione\"\n          multiple\n          :select-options=\"null\"\n          :fetch-options=\"'stores/fetchStoresAsync'\"\n          @input=\"resetSearch()\"\n        />\n        <!-- User Type -->\n        <BaseTreeSelect\n          v-model=\"filter.typeSelected\"\n          name=\"Tipo\"\n          label=\"Tipo\"\n          placeholder=\"Selecione\"\n          multiple\n          :select-options=\"groupsSelect\"\n          @input=\"resetSearch()\"\n        />\n      </template>\n      <template v-if=\"allTags.length\" #tag>\n        <FiltersTag :tags=\"allTags\" @removeTag=\"removeTag\" @clear=\"clearAllTags\" />\n      </template>\n    </TheSubHeader>\n    <div class=\"Users__Content\">\n      <div class=\"Users__Table\">\n        <DataTable\n          :header=\"users.data.headers\"\n          :table=\"users.data.content\"\n          is-sticky\n          @remove=\"removeUser\"\n          @edit=\"editUser\"\n        />\n        <Pagination @page=\"search()\" @paginate=\"search()\" />\n      </div>\n    </div>\n    <Dialog\n      v-if=\"show\"\n      warning=\"Tem certeza que deseja deletar esse operador?\"\n      label-cancel=\"Não\"\n      label-confirm=\"Sim\"\n      @confirm=\"confirmDelete\"\n      @cancel=\"cancelDelete\"\n    />\n  </main>\n</template>\n\n<script>\nimport { BaseTreeSelect, BaseButton } from '@/components/atoms'\nimport { Pagination, Dialog, DataTable, FiltersTag, AsyncExportButton } from '@/components/molecules'\nimport { TheSubHeader } from '@/components/organisms'\nimport { mapActions, mapState } from 'vuex'\n\nexport default {\n  name: 'Users',\n  components: {\n    DataTable,\n    BaseTreeSelect,\n    Pagination,\n    TheSubHeader,\n    FiltersTag,\n    Dialog,\n    AsyncExportButton,\n    BaseButton\n  },\n\n  data() {\n    return {\n      filter:{\n        searchValue: [],\n        storeSelected: [],\n        typeSelected: []\n      },\n      allTags: [],\n      show: false\n    }\n  },\n\n  computed:{\n    ...mapState({\n      stores: state => state.stores.stores,\n      users: state => state.users.users,\n      queryString: state => state.queryString.queryString,\n      page: state => state.pagination.page,\n      paginate: state => state.pagination.paginate,\n      permissions: state => state.auth.permissions,\n      groupsSelect: state => state.groups.groupsSelect,\n\n    }),\n\n    canAddUsers() {\n      return this.permissions?.users?.addNewButton ? ['addnew'] : [] \n    }\n  },\n\n  mounted(){\n    this.fetchGroupSelect()\n    this.search()\n    if(this.$route.params.type) this.setGroupTypeFilter()\n  },\n\n  methods:{\n    ...mapActions({\n      fetchUsers: 'users/fetchUsers',\n      fetchGroupSelect: 'groups/fetchGroupSelect',\n      deleteUser: 'users/deleteUser',\n      setParameters: 'queryString/setParameters',\n      clearPagination: 'pagination/clearPagination',\n      setPagination: 'pagination/setPagination',\n    }),\n\n    setGroupTypeFilter() {\n      const group = this.groupsSelect.find(el => el.name.toLowerCase() === this.$route.params.type.toLowerCase())\n      this.filter.typeSelected = [group]\n    },\n\n    editUser(data){\n      this.openInNewTab(`/users/${data.id}`)\n    },\n\n    removeUser(data){\n      this.userId = data.id\n      this.show = true\n    },\n\n    confirmDelete(){\n      this.deleteUser({ id: this.userId })\n      this.show = false\n    },\n\n    cancelDelete(){\n      this.userId = null\n      this.show = false\n    },\n\n    updateTags(){\n      this.allTags = [...this.filter.searchValue, ...this.filter.storeSelected, ...this.filter.typeSelected]\n    },\n\n    removeTag(name, id){\n      this.allTags = this.allTags.filter((tag) => tag.id !== id)\n      this.filter.searchValue = this.filter.searchValue.filter((tag) => tag.name !== name)\n      this.filter.storeSelected = this.filter.storeSelected.filter((tag) => tag.name !== name)\n      this.filter.typeSelected = this.filter.typeSelected.filter((tag) => tag.name !== name)\n      \n\n      this.resetSearch()\n    },\n\n    clearAllTags(){\n      this.allTags = []\n      this.filter.searchValue = []\n      this.filter.storeSelected = []\n      this.filter.typeSelected = []\n\n      this.resetSearch()\n    },\n\n    resetSearch() {\n      this.clearPagination(this.paginate).then(() => this.search())\n    },\n\n    search(){\n      this.$nextTick(() => {\n        const params = {\n          obj: {\n            id: this.filter.searchValue,\n            'filter[stores][store_id]': this.$refs.lojista.checkSelectAll ? [] : this.filter.storeSelected,\n            'filter[roles][role_id]': this.filter.typeSelected\n          },\n          paginate: this.paginate,\n          page: this.page\n        }\n\n        this.updateTags()\n\n        this.setParameters(this.filter)\n        this.fetchUsers(params).then(() => this.setPagination(this.users))\n      })\n    },\n\n    goTo(route) {\n      this.$router.push(route)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.Users {\n  &__Content{\n    display: grid;\n    grid-template-columns: 1fr minmax(min-content, 1180px) 1fr;\n    grid-template-areas: \". main .\";\n    grid-column-gap: 1rem;\n  }\n  &__Table{\n    grid-area: main;\n    margin-bottom: 50px;\n  }\n}\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!./Users.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!./Users.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Users.vue?vue&type=template&id=5e6f77d8&scoped=true&\"\nimport script from \"./Users.vue?vue&type=script&lang=js&\"\nexport * from \"./Users.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Users.vue?vue&type=style&index=0&id=5e6f77d8&lang=scss&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  \"5e6f77d8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}