{"version":3,"sources":["webpack:///./src/views/groups/Form/GroupsForm.vue?6943","webpack:///./src/views/groups/Form/GroupsForm.blueprint.js","webpack:///src/views/groups/Form/GroupsForm.vue","webpack:///./src/views/groups/Form/GroupsForm.vue?9e44","webpack:///./src/views/groups/Form/GroupsForm.vue","webpack:///./src/views/groups/Groups.vue?85c3","webpack:///./src/views/groups/Groups.vue?e3c0","webpack:///src/views/groups/Groups.vue","webpack:///./src/views/groups/Groups.vue?4e6a","webpack:///./src/views/groups/Groups.vue","webpack:///./src/views/groups/Form/GroupsForm.vue?68f4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","groupTitle","scopedSlots","_u","key","fn","trackSubheaderButtonString","on","$event","$router","push","proxy","style","dynamicStyle","form","blueprint","groupsSelect","copyPermissions","allTags","groupId","newUsersTags","addNewUsers","endpointErrors","updateTags","removeTag","clearAllTags","copyGroupPermissions","_l","item","moduleId","id","handlerPermissionsCollapse","name","class","permissionsCollapse","_v","_s","display_name","modulesToggle","model","value","callback","$$v","$set","expression","isCollapseOpen","permission","index","permissible_name","permissible_display_name","pagesToggle","permissible","child","permissionsToggle","permission_data","_e","onSubmit","staticRenderFns","groupForm","tag","content","rules","props","label","invalidLabel","tabIndex","readOnly","placeholder","tags","multiple","clearable","selectOptions","suggestions","events","input","length","clear","components","TheSubHeader","DynamicForm","BaseToggle","BaseButton","data","group_types_id","users","newUsers","groupCopied","permissions","permissionsToSend","computed","$route","params","Math","random","styleFields","methods","setTogglesData","forEach","e","has_permission","event","map","el","i","module","addPermissionsToArray","page","m","permissions_data","setInitialPermissions","$nextTick","filter","component","canCreateGroup","resetSearch","groups","headers","goToUsersPage","removeGroup","editGroup","search","DataTable","BaseTreeSelect","Pagination","FiltersTag","typeSelected","show","mounted","fetchGroupSelect","openInNewTab","userId","clearPagination","paginate","then","type"],"mappings":"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","file":"js/Groups.adbc2e32.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"GroupsForm\"},[_c('TheSubHeader',{attrs:{\"icon\":\"profile\",\"title\":_vm.groupTitle,\"page-title-tag\":\"Groups Form\"},scopedSlots:_vm._u([{key:\"afterButtons\",fn:function(){return [_c('BaseButton',{attrs:{\"icon\":\"chevron-left-alt\",\"label\":\"voltar\",\"theme\":\"icon-left\",\"track\":_vm.trackSubheaderButtonString('Groups Form', 'back')},on:{\"click\":function($event){return _vm.$router.push('/groups')}}})]},proxy:true}])}),_c('div',{staticClass:\"GroupsForm__content\"},[_c('DynamicForm',{staticClass:\"GroupsForm__form\",style:([_vm.dynamicStyle]),attrs:{\"model\":_vm.form,\"blueprint\":_vm.blueprint({groupsSelect: _vm.groupsSelect, copyPermissions: !!_vm.form.copyPermissions, allTags: _vm.allTags, groupId: _vm.groupId, newUsersTags: _vm.newUsersTags, addNewUsers: !!_vm.form.addNewUsers}),\"endpoint-errors\":_vm.endpointErrors,\"submit-type\":\"json\"},on:{\"input\":_vm.updateTags,\"inputNewUsers\":_vm.updateTags,\"removeTag\":_vm.removeTag,\"clear\":_vm.clearAllTags,\"searchGroupPermissions\":_vm.copyGroupPermissions}})],1),(_vm.form.permissions)?_c('div',{staticClass:\"GroupsForm__permissions-container\"},[_vm._l((_vm.form.permissions),function(item){return _c('div',{key:_vm.moduleId + item.id,staticClass:\"GroupsForm__permissions\"},[_c('div',{staticClass:\"GroupsForm__item\",on:{\"click\":function($event){return _vm.handlerPermissionsCollapse(item.name)}}},[_c('Icon',{staticClass:\"GroupsForm__icon\",class:{'GroupsForm__icon--opened': _vm.permissionsCollapse[item.name]},attrs:{\"name\":\"chevron-right-alt\"}}),_c('span',{staticClass:\"GroupsForm__title\"},[_vm._v(_vm._s(item.display_name))]),_c('BaseToggle',{attrs:{\"id\":_vm.moduleId + item.id},on:{\"input\":function($event){return _vm.modulesToggle($event, item)}},model:{value:(item.has_permission),callback:function ($$v) {_vm.$set(item, \"has_permission\", $$v)},expression:\"item.has_permission\"}})],1),(_vm.isCollapseOpen(item.name))?_c('div',{staticClass:\"GroupsForm__permissions--opened\"},_vm._l((item.permissible),function(permission,index){return _c('div',{key:permission.permissible_name},[_c('div',{staticClass:\"GroupsForm__each-permission\",on:{\"click\":function($event){return _vm.handlerPermissionsCollapse(permission.permissible_name)}}},[_c('Icon',{staticClass:\"GroupsForm__icon\",class:{'GroupsForm__icon--opened': _vm.permissionsCollapse[permission.permissible_name]},attrs:{\"name\":\"chevron-right-alt\"}}),_c('span',{staticClass:\"GroupsForm__title\"},[_vm._v(_vm._s(permission.permissible_display_name))]),_c('BaseToggle',{attrs:{\"id\":permission.permissible_name},on:{\"input\":function($event){return _vm.pagesToggle($event, permission, item.permissible)}},model:{value:(permission.has_permission),callback:function ($$v) {_vm.$set(permission, \"has_permission\", $$v)},expression:\"permission.has_permission\"}})],1),(_vm.isCollapseOpen(item.permissible[index].permissible_name))?_c('div',{staticClass:\"GroupsForm__permissions--opened\"},_vm._l((permission.permission_data),function(child){return _c('div',{key:child.id,staticClass:\"GroupsForm__each-permission\"},[_c('span',{staticClass:\"GroupsForm__title GroupsForm__title--child\"},[_vm._v(_vm._s(child.display_name))]),_c('BaseToggle',{attrs:{\"id\":child.id},on:{\"input\":function($event){return _vm.permissionsToggle($event, child, item.permissible, permission.permission_data)}},model:{value:(child.has_permission),callback:function ($$v) {_vm.$set(child, \"has_permission\", $$v)},expression:\"child.has_permission\"}})],1)}),0):_vm._e()])}),0):_vm._e()])}),_c('BaseButton',{staticClass:\"GroupsForm__save-button\",attrs:{\"icon\":\"save\",\"color\":\"primary-base\",\"text-color\":\"white\",\"filled\":\"\",\"label\":\"Salvar\",\"type\":\"submit\"},on:{\"click\":_vm.onSubmit}})],2):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default ({groupsSelect, copyPermissions, allTags, groupId, newUsersTags, addNewUsers}) => {\n  // group form\n  const groupForm = [\n    {\n      id: 'labelDetails',\n      tag: 'label',\n      content: 'Dados Básicos'\n    },\n\n    // group name\n    {\n      id: 'name',\n      model: 'name',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Nome',\n        invalidLabel: 'Insira um nome',\n        tabIndex: 1,\n        readOnly: groupId\n      }\n    },\n\n    // visible groups\n    {\n      id: 'group_types_id',\n      model: 'group_types_id',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Grupos visíveis',\n        label: 'Grupos visíveis',\n        placeholder: 'Selecione',\n        invalidLabel: 'Escolha um tipo',\n        tags: true,\n        multiple: true,\n        clearable: false,\n        selectOptions: groupsSelect\n      },\n    },\n\n    // select users\n    ...(!groupId ? [{\n      id: 'users',\n      model: 'users',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Vincular usuários',\n        label: 'Vincular usuários',\n        placeholder: 'Selecione',\n        invalidLabel: 'Escolha um usuário',\n        multiple: true,\n        clearable: false,\n        suggestions: 'searchUsersWithGroups'\n      },\n      events: {\n        input: 'input'\n      }\n    }] : []),\n\n    // base tags\n    ...(allTags.length ? [{\n      id: 'usersTag',\n      tag: 'FiltersTag',\n      props: {\n        tags: allTags,\n        readOnly: !!groupId,\n        label: 'Usuários'\n      },\n      events: {\n        removeTag: 'removeTag',\n        clear: 'clear'\n      }\n    },\n    ]: []),\n\n    // User label visible only at edit group page\n    ...(groupId ? [{\n      id: 'usersLabel',\n      tag: 'label',\n      content: 'Usuários'\n    }] : []),\n\n    // add new users checkbox\n    ...(groupId ? [{\n      id: 'addNewUsers',\n      model: 'addNewUsers',\n      tag: 'BaseCheckBox',\n      style: 'align-self: end',\n      props:{\n        name: 'Deseja adicionar novos usuários ao grupo?',\n      },\n    }] : []),\n    \n    // select new users\n    ...(groupId && addNewUsers ? [{\n      id: 'newUsers',\n      model: 'newUsers',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Vincular novos usuários',\n        label: 'Vincular novos usuários',\n        placeholder: 'Selecione',\n        invalidLabel: 'Escolha um usuário',\n        multiple: true,\n        clearable: false,\n        suggestions: 'searchUsersWithGroups'\n      },\n      events: {\n        input: 'inputNewUsers'\n      }\n    }] : []),\n\n    // base tags for new users\n    ...(newUsersTags.length && addNewUsers ? [{\n      id: 'newUsersTags',\n      tag: 'FiltersTag',\n      props: {\n        tags: newUsersTags,\n        label: 'Usuários'\n      },\n      events: {\n        removeTag: 'removeTag',\n        clear: 'clear'\n      }\n    },\n    ]: []),\n\n    \n    \n    // copy permissions\n    ...(!groupId ? [{\n      id: 'copyPermissions',\n      model: 'copyPermissions',\n      tag: 'BaseCheckBox',\n      style: 'align-self: end',\n      props:{\n        name: 'Deseja copiar as permissões de outro grupo?',\n      },\n    }] : []),\n\n    // copy permissions select\n    ...(copyPermissions ? [{\n      id: 'groupCopied',\n      model: 'groupCopied',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Copiar permissões do grupo:',\n        label: 'Copiar permissões do grupo:',\n        placeholder: 'Selecione',\n        invalidLabel: 'Escolha um tipo',\n        tags: true,\n        multiple: false,\n        selectOptions: groupsSelect\n      },\n      events: {\n        input: 'searchGroupPermissions',\n      }\n    }] : []),\n    \n    // Permissions\n    {\n      id: 'labelPermissions',\n      tag: 'label',\n      content: 'Permissões'\n    },\n\n  ]\n  \n  return [\n    ...groupForm\n  ]\n}","<template>\n  <main class=\"GroupsForm\">\n    <TheSubHeader \n      icon=\"profile\" \n      :title=\"groupTitle\"\n      page-title-tag=\"Groups Form\"\n    >\n      <template #afterButtons>\n        <BaseButton\n          icon=\"chevron-left-alt\"\n          label=\"voltar\"\n          theme=\"icon-left\"\n          :track=\"trackSubheaderButtonString('Groups Form', 'back')\"\n          @click=\"$router.push('/groups')\"\n        />\n      </template>\n    </TheSubHeader>\n    <div class=\"GroupsForm__content\">\n      <DynamicForm\n        class=\"GroupsForm__form\"\n        :model=\"form\"\n        :blueprint=\"blueprint({groupsSelect, copyPermissions: !!form.copyPermissions, allTags, groupId, newUsersTags, addNewUsers: !!form.addNewUsers})\"\n        :endpoint-errors=\"endpointErrors\"\n        :style=\"[dynamicStyle]\"\n        submit-type=\"json\"\n        @input=\"updateTags\"\n        @inputNewUsers=\"updateTags\"\n        @removeTag=\"removeTag\"\n        @clear=\"clearAllTags\"\n        @searchGroupPermissions=\"copyGroupPermissions\"\n      />\n    </div>\n\n    <!-- modules permissions -->\n    <div v-if=\"form.permissions\" class=\"GroupsForm__permissions-container\">\n      <div v-for=\"item in form.permissions\" :key=\"moduleId + item.id\" class=\"GroupsForm__permissions\">\n        <div class=\"GroupsForm__item\" @click=\"handlerPermissionsCollapse(item.name)\">\n          <Icon\n            name=\"chevron-right-alt\"\n            class=\"GroupsForm__icon\"\n            :class=\"{'GroupsForm__icon--opened': permissionsCollapse[item.name]}\"\n          />\n  \n          <span class=\"GroupsForm__title\">{{ item.display_name }}</span>\n          \n          <BaseToggle\n            :id=\"moduleId + item.id\"\n            v-model=\"item.has_permission\"\n            @input=\"modulesToggle($event, item)\"\n          />\n        </div>\n  \n        <!-- pages permissions -->\n        <div v-if=\"isCollapseOpen(item.name)\" class=\"GroupsForm__permissions--opened\">\n          <div v-for=\"(permission, index) in item.permissible\" :key=\"permission.permissible_name\">\n            <div class=\"GroupsForm__each-permission\" @click=\"handlerPermissionsCollapse(permission.permissible_name)\">\n              <Icon\n                name=\"chevron-right-alt\"\n                class=\"GroupsForm__icon\"\n                :class=\"{'GroupsForm__icon--opened': permissionsCollapse[permission.permissible_name]}\"\n              />\n\n              <span class=\"GroupsForm__title\">{{ permission.permissible_display_name }}</span>\n\n              <BaseToggle\n                :id=\"permission.permissible_name\"\n                v-model=\"permission.has_permission\"\n                @input=\"pagesToggle($event, permission, item.permissible)\"\n              />\n            </div>\n            \n            <!-- each page permissions -->\n            <div v-if=\"isCollapseOpen(item.permissible[index].permissible_name)\" class=\"GroupsForm__permissions--opened\">\n              <div v-for=\"child in permission.permission_data\" :key=\"child.id\" class=\"GroupsForm__each-permission\">\n                <span class=\"GroupsForm__title GroupsForm__title--child\">{{ child.display_name }}</span>\n\n                <BaseToggle\n                  :id=\"child.id\"\n                  v-model=\"child.has_permission\"\n                  @input=\"permissionsToggle($event, child, item.permissible, permission.permission_data)\"\n                />\n              </div>\n            </div> \n          </div>\n        </div>\n      </div>\n\n      <BaseButton\n        icon=\"save\"\n        class=\"GroupsForm__save-button\"\n        color=\"primary-base\"\n        text-color=\"white\"\n        filled\n        label=\"Salvar\"\n        type=\"submit\"\n        @click=\"onSubmit\"\n      />\n    </div>\n  </main>\n</template>\n\n<script>\nimport { mapActions, mapState } from 'vuex'\nimport { DynamicForm } from '@/components/molecules'\nimport { BaseToggle, BaseButton } from '@/components/atoms'\nimport { TheSubHeader } from '@/components/organisms'\nimport blueprint from './GroupsForm.blueprint'\nimport { groups } from '@/api'\n\nexport default {\n  name: 'GroupsForm',\n  components: {\n    TheSubHeader,\n    DynamicForm,\n    BaseToggle,\n    BaseButton\n  },\n  \n  data() {\n    return {\n      form: {\n        group_types_id: null,\n        name: '',\n        users: [],\n        newUsers: [],\n        copyPermissions: false,\n        addNewUsers: false,\n        groupCopied: null,\n        permissions: []\n      },\n      allTags: [],\n      newUsersTags: [],\n      permissionsCollapse: {},\n      endpointErrors: {},\n      permissionsToSend: []\n    }\n  },\n\n  computed: {\n    ...mapState({\n      groupsSelect: state => state.groups.groupsSelect,\n      permissions: state => state.auth.permissions,\n      groupPermissions: state => state.groups.groupPermissions,\n    }),\n    \n    groupId() {\n      return this.$route.params.id\n    },\n\n    moduleId() {\n      return Math.random()\n    },\n\n    groupTitle() {\n      return this.groupId ? (this.form?.name || 'Editar Grupo') : 'Adicionar Grupo'\n    },\n\n    dynamicStyle() {\n      let styleFields = ''\n\n      if(this.groupId) {\n        styleFields = `\n        \"usersLabel usersLabel . . . . . . . . . .\"\n        \"usersTag usersTag usersTag usersTag usersTag usersTag usersTag usersTag usersTag usersTag usersTag usersTag\"\n        \"addNewUsers addNewUsers addNewUsers addNewUsers . . . . . . . .\"\n        \"newUsers newUsers newUsers newUsers . . . . . . . .\"\n        \"newUsersTags newUsersTags newUsersTags newUsersTags newUsersTags newUsersTags newUsersTags newUsersTags newUsersTags newUsersTags newUsersTags newUsersTags\" \n        \"labelPermissions labelPermissions . . . . . . . . . .\"`\n      } else {\n        styleFields = `\n        \"users users users users . . . . . . . .\"\n        \"usersTag usersTag usersTag usersTag usersTag usersTag usersTag usersTag usersTag usersTag usersTag usersTag\"\n        \". . . . . . . . . . . .\"\n        \"copyPermissions copyPermissions copyPermissions copyPermissions . . . . . . . .\"\n        \"groupCopied groupCopied groupCopied groupCopied . . . . . . . .\"\n        \". . . . . . . . . . . .\"\n        \"labelPermissions labelPermissions . . . . . . . . . .\"`\n      }\n\n      return {'--dynamic-style': styleFields}\n    }\n  },\n\n  async mounted() {\n    this.setLoading(true)\n    if (this.groupId) {\n      await this.fetchGroupInformation()\n    } else {\n      await this.fetchPermissionsList()\n    }\n    this.fetchGroupSelect()\n    this.setTogglesData()\n    this.setLoading(false)\n  },\n\n  methods: {\n    blueprint,\n    ...mapActions({\n      fetchGroupSelect: 'groups/fetchGroupSelect',\n      setLoading: 'loading/setLoading',\n      setAlert: 'error/setAlert'\n    }),\n\n    // set toggles data\n    setTogglesData() {\n      this.form.permissions.forEach((e) => {\n        this.$set(this.permissionsCollapse, e.name, false)\n        e.permissible.forEach((x) => {\n          this.$set(this.permissionsCollapse, x.permissible_name, false)\n        })\n      })\n    },\n\n    // fetch group information with groupId\n    async fetchGroupInformation() {\n      await groups.fetchGroupPermissions(this.groupId, (res) => {\n        for (let i in this.form) {\n          if (res[i]) this.form[i] = res[i]\n        }\n        this.form.permissions = res.permissions_categories\n        this.form.group_types_id = res.visible_groups.map(el => el.visible_roles)\n        this.setInitialPermissions()\n        this.updateTags()\n      }), (e) => e\n    },\n\n    // fetch permissions list \n    async fetchPermissionsList() {\n      await groups.fetchPermissions((res) => this.form.permissions = res, (e) => e)\n    },\n\n    // subit to create or edit group\n    async onSubmit() {\n      this.setLoading(true)\n      const users = this.form.newUsers.length && this.groupId ? [...this.form.users?.map(el => el.id), ...this.form.newUsers.map(el => el.id)] : this.form.users?.map(el => el.id)\n      const payload = {\n        id: this.groupId,\n        body: {\n          name: this.form.name,\n          visibles_groups: this.form.group_types_id?.map(el => el.id),\n          users,\n          permissions: this.permissionsToSend\n        }\n      }\n\n      const endpoint = this.groupId ? 'updateGroup' : 'createGroup'\n\n      await groups[endpoint](payload, () => {\n        this.setAlert(this.groupId ?  'Grupo atualizado com sucesso!' : 'Grupo criado com sucesso!')\n        this.$router.push({ name: 'groups'})\n      },  (e) => {\n        this.endpointErrors = e.validation\n        this.setAlert(e?.message)\n      }, () => this.setLoading(false))\n    },\n\n    // copy group permissions\n    async copyGroupPermissions(data) {\n      this.setLoading(true)\n\n      if(!data) {\n        await this.fetchPermissionsList()\n        this.setLoading(false)\n        return\n      }\n\n      await groups.fetchGroupPermissions(data.id, (res) => {\n        this.form.permissions = res.permissions_categories\n        this.setInitialPermissions()\n      }, (e) => e, () => this.setLoading(false))\n    },\n    \n    // return if permission collapse is open\n    isCollapseOpen(name) {\n      return !!this.permissionsCollapse[name]\n    },\n\n    // handler with permissions collapses\n    handlerPermissionsCollapse(name) {\n      this.permissionsCollapse[name] = !this.permissionsCollapse[name]\n    },\n\n    // handler with modules toggle\n    modulesToggle(event, item) {\n      item.has_permission = event\n\n      item.permissible.map(el => {\n        el.has_permission = event,\n        el.permission_data.map(i => {\n          i.has_permission = event\n          this.addPermissionsToArray(i)\n        })\n      })\n    },\n\n    // handler with pages toggle\n    pagesToggle(event, item, permissibles) {\n      item.has_permission = event\n\n      item.permission_data.map(i => {\n        i.has_permission = event\n        this.addPermissionsToArray(i)\n      })\n\n      const module = this.form.permissions.find(el => el.id === item.permission_category_id)\n      module.has_permission = event\n\n      // has some true permission\n      if(permissibles.find(el => el.has_permission)) {\n        module.has_permission = true\n      }\n    },\n\n    // handler with permission toggle\n    permissionsToggle(event, item, permissible, permissions_data) {\n      item.has_permission = event\n\n      this.addPermissionsToArray(item)\n\n      // define module permission and page permission\n      const module = this.form.permissions.find(el => el.id === item.permission_category_id)\n      module.has_permission = event\n\n      const page = permissible.find(el => el.permissible_name === item.permissible_name)\n      page.has_permission = event\n\n\n      // has some true module\n      permissible.forEach((m) => {\n        m.permission_data.forEach((i) => {\n          if(i.has_permission) module.has_permission = true\n        })\n      })\n\n      // has some true page\n      permissions_data.forEach((p) => {\n        if(p.has_permission) {\n          module.has_permission = true\n          page.has_permission = true\n        }\n      })\n    },\n\n    // set initial permission\n    setInitialPermissions() {\n      this.form.permissions.forEach((module) => {\n        module.permissible.forEach((page) => {\n          page.permission_data.forEach((permission) => {\n            if(permission.has_permission) {\n              this.addPermissionsToArray(permission)\n            }\n          })\n        }) \n      })\n    },\n\n    // add permissions to an array to be save\n    addPermissionsToArray(item) {\n      if(!item.has_permission) {\n        this.$nextTick(() => {\n          this.permissionsToSend = this.permissionsToSend.filter((v) => v !== item.permission.name)\n        })\n      }\n      this.permissionsToSend.push(item.permission.name)\n    },\n\n    updateTags(){\n      this.allTags = [...this.form.users]\n      this.newUsersTags = [...this.form.newUsers]\n    },\n\n    removeTag(name, id){\n      if(this.newUsersTags.length) {\n        this.newUsersTags = this.newUsersTags.filter((tag) => tag.id !== id)\n        this.form.newUsers = this.form.newUsers.filter((tag) => tag.name !== name)\n      } else {\n        this.allTags = this.allTags.filter((tag) => tag.id !== id)\n        this.form.users = this.form.users.filter((tag) => tag.name !== name)\n      }\n    },\n\n    clearAllTags(){\n      if(this.newUsersTags.length) {\n        this.newUsersTags = []\n        this.form.newUsers = []\n      } else {\n        this.allTags = []\n        this.form.users = []\n      }\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.GroupsForm {\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    margin-bottom: 25px;\n  }\n\n  &__form {\n    grid-template-areas:\n      \"labelDetails labelDetails . . . . . . . . . .\"\n      \"name name name name group_types_id group_types_id group_types_id group_types_id . . . .\"\n      var(--dynamic-style)\n  }\n\n  &__permissions-container {\n    max-width: 1180px;\n    margin: 0 auto;\n    padding-bottom: 20px;\n    color: #393939;\n\n    /deep/ .scrollbar {\n      margin: 0;\n      width: 500px !important;\n    }\n\n    @media #{$mobile-view} {\n      max-width: 100%;\n    }\n  }\n\n  &__permissions {\n    padding: 10px;\n    width: 400px;\n    \n\n    @media #{$mobile-view} {\n      width: 100%;\n      padding: 10px 1rem;\n    }\n  }\n\n  &__item {\n    display: flex; \n    justify-content: space-around;\n    padding-bottom: 10px; \n    border-bottom: 1px solid #e7e4e4; \n    width: 400px;\n    align-items: center;\n\n    @media #{$mobile-view} {\n      width: 100%;\n    }\n  }\n\n  &__icon {\n    width: 5px; \n    transition: all .2s ease;\n\n    &--opened {\n      transform: rotate(90deg);\n    }\n  }\n\n  &__title {\n    width:300px;\n    font-size: 0.75rem;\n    font-weight: 900;\n    cursor: pointer;\n\n    &--child {\n      margin-left: 30px !important;\n    }\n\n    @media #{$mobile-view} {\n      width:280px;\n\n      &--child {\n        margin-left: 15px !important;\n      }\n    }\n  }\n\n  &__each-permission {\n    width: 360px;\n    display: flex;\n    justify-content: space-around;\n    padding: 10px 0;\n    margin-left: 32px;\n    align-items: center;\n\n    span {\n      margin-left: 15px;\n    }\n\n    @media #{$mobile-view} {\n      width: calc(100% - 20px);\n      margin-left: 15px;\n    }\n  }\n\n  &__save-button {\n    width: 120px; \n    margin-top: 20px; \n    margin-left: auto;\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!./GroupsForm.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!./GroupsForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GroupsForm.vue?vue&type=template&id=550b1536&scoped=true&\"\nimport script from \"./GroupsForm.vue?vue&type=script&lang=js&\"\nexport * from \"./GroupsForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GroupsForm.vue?vue&type=style&index=0&id=550b1536&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  \"550b1536\",\n  null\n  \n)\n\nexport default component.exports","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!./Groups.vue?vue&type=style&index=0&id=0db549fd&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"Groups\"},[_c('TheSubHeader',{attrs:{\"icon\":\"profile\",\"title\":\"Grupos\",\"page-title-tag\":\"Groups\",\"type\":\"filter\",\"actions\":_vm.canCreateGroup,\"organizer-gap\":\"1rem\",\"organizer-columns\":\"3fr repeat(2, 1fr)\"},scopedSlots:_vm._u([{key:\"filter\",fn:function(){return [_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.groups.data.headers,\"table\":_vm.groups.data.content,\"is-sticky\":\"\"},on:{\"see\":_vm.goToUsersPage,\"remove\":_vm.removeGroup,\"edit\":_vm.editGroup}}),_c('Pagination',{on:{\"page\":function($event){return _vm.search()},\"paginate\":function($event){return _vm.search()}}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <main class=\"Groups\">\n    <TheSubHeader\n      icon=\"profile\"\n      title=\"Grupos\"\n      page-title-tag=\"Groups\"\n      type=\"filter\"\n      :actions=\"canCreateGroup\"\n      organizer-gap=\"1rem\"\n      organizer-columns=\"3fr repeat(2, 1fr)\" \n    >\n      <template #filter>\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=\"groups.data.headers\"\n          :table=\"groups.data.content\"\n          is-sticky\n          @see=\"goToUsersPage\"\n          @remove=\"removeGroup\"\n          @edit=\"editGroup\"\n        />\n        <Pagination @page=\"search()\" @paginate=\"search()\" />\n      </div>\n    </div>\n  </main>\n</template>\n\n<script>\nimport { BaseTreeSelect } from '@/components/atoms'\nimport { Pagination, DataTable, FiltersTag } from '@/components/molecules'\nimport { TheSubHeader } from '@/components/organisms'\nimport { mapActions, mapState } from 'vuex'\n\nexport default {\n  name: 'Groups',\n  components: {\n    DataTable,\n    BaseTreeSelect,\n    Pagination,\n    TheSubHeader,\n    FiltersTag\n  },\n\n  data() {\n    return {\n      filter:{\n        typeSelected: []\n      },\n      allTags: [],\n      show: false,\n    }\n  },\n\n  computed:{\n    ...mapState({\n      stores: state => state.stores.stores,\n      groupsSelect: state => state.groups.groupsSelect,\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      groups: state => state.groups.groups\n    }),\n\n    canCreateGroup() {\n      return this.permissions?.groups?.addNewButton ? ['addnew'] : []\n    },\n  },\n\n  mounted(){\n    this.fetchGroupSelect()\n    this.search()\n  },\n\n  methods:{\n    ...mapActions({\n      fetchGroups: 'groups/fetchGroups',\n      fetchGroupSelect: 'groups/fetchGroupSelect',\n      deleteUser: 'users/deleteUser',\n      setParameters: 'queryString/setParameters',\n      clearPagination: 'pagination/clearPagination',\n      setPagination: 'pagination/setPagination',\n      fetchGroupsList: 'groups/fetchGroupsList'\n    }),\n\n    editGroup(data){\n      this.openInNewTab(`/groups/${data.id}`)\n    },\n\n    removeGroup(data){\n      this.userId = data.id\n      this.show = true\n    },\n\n    updateTags(){\n      this.allTags = [...this.filter.typeSelected]\n    },\n\n    removeTag(name, id){\n      this.allTags = this.allTags.filter((tag) => tag.id !== id)\n      this.filter.typeSelected = this.filter.typeSelected.filter((tag) => tag.name !== name)\n      \n      this.resetSearch()\n    },\n\n    clearAllTags(){\n      this.allTags = []\n      this.filter.typeSelected = []\n\n      this.resetSearch()\n    },\n\n    resetSearch() {\n      this.clearPagination(this.paginate).then(() => this.search())\n    },\n\n    async search() {\n      const params = {\n        obj: {\n          id: this.filter.typeSelected\n        },\n        paginate: this.paginate,\n        page: this.page\n      }\n\n      this.updateTags()\n      await this.fetchGroupsList(params)\n      this.setPagination(this.groups)\n    },\n\n    goToUsersPage(data) {\n      this.$router.push({\n        name: 'users',\n        params: {\n          type: data.name\n        }\n      })\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!./Groups.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!./Groups.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Groups.vue?vue&type=template&id=0db549fd&scoped=true&\"\nimport script from \"./Groups.vue?vue&type=script&lang=js&\"\nexport * from \"./Groups.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Groups.vue?vue&type=style&index=0&id=0db549fd&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  \"0db549fd\",\n  null\n  \n)\n\nexport default component.exports","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!./GroupsForm.vue?vue&type=style&index=0&id=550b1536&lang=scss&scoped=true&\""],"sourceRoot":""}