{"version":3,"sources":["webpack:///./src/views/Roles.vue?1ce7","webpack:///./src/views/Roles.vue","webpack:///src/views/Roles.vue","webpack:///./src/views/Roles.vue?6e79","webpack:///./src/views/Roles.vue?aa0c"],"names":["render","_vm","this","_c","_self","attrs","_v","validateIfHasPermission","permissions","MODIFY_ROLES","value","dbValue","staticClass","on","$event","$router","push","name","_e","slot","_l","roles","role","key","id","class","length","_s","usersWithRole","canEdit","$route","params","companyId","isDefaultRole","isTheSameRole","openConfirmationModal","staticRenderFns","metaInfo","title","components","card","mixins","data","limitRoles","skipRoles","total","currentPage","computed","findMembershipsInStore","findRolesInStore","memberships","query","isOwner","filter","watch","created","methods","findRoles","removeRole","findMemberships","createAdminLog","$skip","$limit","skipMemberships","changePagination","parent","component","hasModalCard","props","message","confirmText","onConfirm","user","action","snackBarMessage"],"mappings":"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","file":"js/chunk-4a420514.9536072c.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Roles.vue?vue&type=style&index=0&id=69a4ca4c&prod&scope=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('portal',{attrs:{\"to\":\"breadcrumb\"}},[_c('Breadcrumb',[_c('b-breadcrumb-item',{attrs:{\"active\":\"\"}},[_vm._v(\" Roles \")])],1)],1),_c('portal',{attrs:{\"to\":\"secondNavbarRight\"}},[(_vm.validateIfHasPermission([\n        _vm.permissions.MODIFY_ROLES.value.dbValue\n      ]))?_c('b-button',{staticClass:\"button is-primary force-right\",on:{\"click\":function($event){return _vm.$router.push({ name: 'createRole' })}}},[_vm._v(\" New team role \")]):_vm._e()],1),_c('card',{attrs:{\"external-card\":\"material-card-content\"}},[_c('div',{attrs:{\"slot\":\"body\"},slot:\"body\"},[_c('div',[_c('p',{staticClass:\"has-margin-top\"},[_vm._v(\" Create team roles and configure their permissions here. \")]),_c('br'),_c('div',{attrs:{\"id\":\"app\"}},[_c('div',{staticClass:\"columns is-multiline\"},_vm._l((_vm.roles),function(role){return _c('div',{key:role.id,class:_vm.roles.length > 1 ? 'column is-half' : 'column is-full'},[_c('div',{staticClass:\"box\"},[_c('header',[_c('p',{staticClass:\"title is-4\"},[_vm._v(\" \"+_vm._s(role.name)+\" \")])]),_c('br'),_c('main',{staticClass:\"subtitle\"},[_c('span',[_vm._v(_vm._s(role.usersWithRole))]),_c('span',[_vm._v(_vm._s(role.usersWithRole === 1 ? ' user' : ' users'))])]),_c('footer',{staticClass:\"force-right\"},[_c('b-button',{staticClass:\"mr-2\",attrs:{\"type\":\"is-light\",\"icon-right\":role.canEdit ? 'pencil' : 'eye'},on:{\"click\":function($event){return _vm.$router.push(`/${_vm.$route.params.companyId}/editRole/${role.id}`)}}},[_vm._v(\" \"+_vm._s(role.canEdit ? 'Edit' : 'See')+\" \")]),_c('b-tooltip',{attrs:{\"multilined\":\"\",\"type\":\"is-dark\",\"position\":\"is-bottom\",\"active\":role.isDefaultRole || !role.canEdit || _vm.isTheSameRole(role.id),\"label\":_vm.isTheSameRole(role.id)\n                      ? 'You cannot delete this role because you belong to it'\n                      : 'You cannot delete this role because it is a default role'}},[_c('b-button',{attrs:{\"disabled\":role.isDefaultRole || !role.canEdit,\"type\":\"is-light\",\"icon-right\":\"trash-can\"},on:{\"click\":function($event){return _vm.openConfirmationModal(role)}}},[_vm._v(\" Delete \")])],1)],1)])])}),0)])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <portal to=\"breadcrumb\">\n      <Breadcrumb>\n        <b-breadcrumb-item active>\n          Roles\n        </b-breadcrumb-item>\n      </Breadcrumb>\n    </portal>\n    <portal to=\"secondNavbarRight\">\n      <b-button\n        v-if=\"validateIfHasPermission([\n          permissions.MODIFY_ROLES.value.dbValue\n        ])\"\n        class=\"button is-primary force-right\"\n        @click=\"$router.push({ name: 'createRole' })\"\n      >\n        New team role\n      </b-button>\n    </portal>\n    <card\n      external-card=\"material-card-content\"\n    >\n      <div\n        slot=\"body\"\n      >\n        <div>\n          <p class=\"has-margin-top\">\n            Create team roles and configure their permissions here.\n          </p>\n          <br>\n          <div\n            id=\"app\"\n          >\n            <div class=\"columns is-multiline\">\n              <div\n                v-for=\"role in roles\"\n                :key=\"role.id\"\n                :class=\"roles.length > 1 ? 'column is-half' : 'column is-full'\"\n              >\n                <div class=\"box\">\n                  <header>\n                    <p class=\"title is-4\">\n                      {{ role.name }}\n                    </p>\n                  </header>\n                  <br>\n                  <main class=\"subtitle\">\n                    <span>{{ role.usersWithRole }}</span>\n                    <span>{{ role.usersWithRole === 1 ? ' user' : ' users' }}</span>\n                  </main>\n                  <footer class=\"force-right\">\n                    <b-button\n                      type=\"is-light\"\n                      :icon-right=\"role.canEdit ? 'pencil' : 'eye'\"\n                      class=\"mr-2\"\n                      @click=\"$router.push(`/${$route.params.companyId}/editRole/${role.id}`)\"\n                    >\n                      {{ role.canEdit ? 'Edit' : 'See' }}\n                    </b-button>\n                    <b-tooltip\n                      multilined\n                      type=\"is-dark\"\n                      position=\"is-bottom\"\n                      :active=\"role.isDefaultRole || !role.canEdit || isTheSameRole(role.id)\"\n                      :label=\"isTheSameRole(role.id)\n                        ? 'You cannot delete this role because you belong to it'\n                        : 'You cannot delete this role because it is a default role'\"\n                    >\n                      <b-button\n                        :disabled=\"role.isDefaultRole || !role.canEdit\"\n                        type=\"is-light\"\n                        icon-right=\"trash-can\"\n                        @click=\"openConfirmationModal(role)\"\n                      >\n                        Delete\n                      </b-button>\n                    </b-tooltip>\n                  </footer>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </card>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex';\nimport card from '@/components/cross/Card.vue';\nimport confirmation from '@/components/cross/ModalConfirmation.vue';\nimport ErrorMixin from '@/mixins/error';\nimport CompanyMixin from '@/mixins/company';\nimport RoleMixin from '@/mixins/roles';\nimport snackBarMessage from '@/helpers/snackBarMessage';\nimport vtulEnums from '../../../cross/index';\n\nconst { permissions } = vtulEnums.enum.roles;\n\nexport default {\n  name: 'Roles',\n  metaInfo: {\n    title: 'Team Roles',\n  },\n  components: {\n    card,\n  },\n  mixins: [ErrorMixin, CompanyMixin, RoleMixin],\n  data() {\n    return {\n      permissions,\n      limitRoles: 10,\n      skipRoles: 0,\n      total: 0,\n      currentPage: this.$route.params.page ? parseInt(this.$route.params.page, 10) : 1,\n    };\n  },\n  computed: {\n    ...mapGetters('memberships', { findMembershipsInStore: 'find' }),\n    ...mapGetters('roles', { findRolesInStore: 'find' }),\n    memberships() {\n      const memberships = this.findMembershipsInStore({\n        query: {\n          companyId: this.currentCompany.id,\n          isOwner: false,\n        },\n      }).data;\n\n      return memberships;\n    },\n    roles() {\n      const roles = this.findRolesInStore({\n        query: {\n          companyId: this.currentCompany.id,\n        },\n      }).data;\n      const data = [{\n        id: 'c32d8b45-92fe-44f6-8b61-42c2107dfe87',\n        name: 'Owner',\n        canEdit: false,\n        usersWithRole: 1,\n      }];\n      if (roles) {\n        roles.sort((x, y) => {\n          if (x.name > y.name) {\n            return 1;\n          }\n          if (x.name < y.name) {\n            return -1;\n          }\n          return 0;\n        });\n        roles.forEach((role) => {\n          const memberships = this.memberships\n            .filter((membership) => !membership.isOwner && membership.roleId === role.id);\n          data.push({\n            id: role.id,\n            name: role.name,\n            isDefaultRole: role.isDefaultRole,\n            usersWithRole: memberships.length,\n            canEdit: !this.isTheSameRole(role.id),\n          });\n        });\n      }\n      return data;\n    },\n  },\n  watch: {\n    currentPage(newPage) {\n      this.$router.replace(`/${this.$route.params.companyId}/roles/${newPage}`);\n    },\n  },\n  created() {\n    this.fetchRolesFromApi();\n    this.fetchMembershipsFromApi();\n  },\n  methods: {\n    ...mapActions('roles', { findRoles: 'find', removeRole: 'remove' }),\n    ...mapActions('memberships', { findMemberships: 'find' }),\n    ...mapActions('admin-log', { createAdminLog: 'create' }),\n    async fetchMembershipsFromApi(skip) {\n      if (!this.currentCompany) return;\n      let skipMemberships = skip;\n      if (!skipMemberships) skipMemberships = 0;\n\n      const { total, data } = await this.findMemberships({\n        query: {\n          $skip: skipMemberships,\n          $limit: 50,\n          companyId: this.currentCompany.id,\n          isOwner: false,\n        },\n      });\n      this.total = total;\n      skipMemberships += data.length;\n      if (skipMemberships < total && this.storedDevices.length !== total) {\n        await this.fetchMembershipsFromApi(skipMemberships);\n      } else {\n        this.loading = true;\n      }\n    },\n    async fetchRolesFromApi(skip) {\n      if (!this.currentCompany) return;\n      let skipRoles = skip;\n      if (!skipRoles) skipRoles = 0;\n\n      const { total, data } = await this.findRoles({\n        query: {\n          $skip: skipRoles,\n          $limit: 50,\n          companyId: this.currentCompany.id,\n        },\n      });\n      this.total = total;\n      skipRoles += data.length;\n      if (skipRoles < total && this.storedDevices.length !== total) {\n        await this.fetchRolesFromApi(skipRoles);\n      } else {\n        this.loading = true;\n      }\n    },\n    changePagination(page) {\n      if (page) {\n        this.currentPage = page;\n      }\n      this.skipRoles = (this.currentPage - 1) * this.limitRoles;\n    },\n    openConfirmationModal(role) {\n      this.$buefy.modal.open({\n        parent: this,\n        component: confirmation,\n        hasModalCard: true,\n        props: {\n          title: 'Delete role',\n          message: `Are you sure you want to delete the ${role.name} role?`,\n          confirmText: 'Delete',\n          onConfirm: () => this.deleteRole(role.id),\n        },\n      });\n    },\n    async deleteRole(roleId) {\n      try {\n        const role = await this.findRoles({ query: { id: roleId } });\n        await this.removeRole([roleId, {\n          query: {\n            companyId: this.currentCompany.id,\n          },\n        }]);\n        const user = this.$store.getters['auth/user'];\n        const log = {\n          user: user.email,\n          action: `Role \"${role.data[0].name}\" deleted.`,\n          companyId: this.currentCompany.id,\n        };\n        this.createAdminLog(log);\n        this.fetchMembershipsFromApi();\n        this.fetchRolesFromApi();\n      } catch (error) {\n        snackBarMessage.showError(error);\n      }\n    },\n    isTheSameRole(id) {\n      return this.currentRole.id === id && !this.currentMembership.isOwner;\n    },\n  },\n};\n</script>\n<style scope>\n  .has-margin-top{\n    margin-top:0.7rem;\n  }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Roles.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Roles.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Roles.vue?vue&type=template&id=69a4ca4c&\"\nimport script from \"./Roles.vue?vue&type=script&lang=js&\"\nexport * from \"./Roles.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Roles.vue?vue&type=style&index=0&id=69a4ca4c&prod&scope=true&lang=css&\"\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":""}