collaborators.js

import { mapGetters } from 'vuex'
import roles from '../helpers/collaboratorRolesDefinition'

export default {
  computed: {
    ...mapGetters(['getToken']),
    ...mapGetters('Files', ['highlightedFile']),

    ownerRole() {
      return {
        name: 'owner',
        label: this.$gettext('Owner')
      }
    },

    resharerRole() {
      return {
        name: 'resharer',
        label: this.$gettext('Resharer')
      }
    },

    advancedRole() {
      const advancedRole = {
        name: 'advancedRole',
        label: this.$gettext('Advanced permissions'),
        description: this.$gettext('Set detailed permissions'),
        permissions: ['read'],
        additionalPermissions: {
          share: {
            name: 'share',
            description: this.$gettext('Allow re-Sharing')
          },
          update: {
            name: 'update',
            description: this.$gettext('Allow editing')
          }
        }
      }

      if (this.highlightedFile.type === 'folder') {
        const permissions = advancedRole.additionalPermissions
        permissions.create = {
          name: 'create',
          description: this.$gettext('Allow creating')
        }
        permissions.delete = {
          name: 'delete',
          description: this.$gettext('Allow deleting')
        }
      }

      return advancedRole
    },

    roles() {
      const isFolder = this.highlightedFile.type === 'folder'
      const $gettext = this.$gettext
      const collaboratorRoles = roles({ $gettext, isFolder: isFolder })
      collaboratorRoles.advancedRole = this.advancedRole

      return collaboratorRoles
    },
    displayRoles() {
      const result = this.roles
      result[this.resharerRole.name] = this.resharerRole
      result[this.ownerRole.name] = this.ownerRole
      return result
    }
  },
  methods: {
    collaboratorOptionChanged({ role, permissions, expirationDate }) {
      this.selectedRole = role
      this.additionalPermissions = permissions
      this.expirationDate = expirationDate
    }
  }
}