|
|
@ -80,12 +80,15 @@ onMounted(async () => { |
|
|
|
<div class="date-joined-grid w-2/8">{{ timeAgo(collab.created_at) }}</div> |
|
|
|
<div class="date-joined-grid w-2/8">{{ timeAgo(collab.created_at) }}</div> |
|
|
|
<div class="user-access-grid w-2/8"> |
|
|
|
<div class="user-access-grid w-2/8"> |
|
|
|
<template v-if="accessibleRoles.includes(collab.roles)"> |
|
|
|
<template v-if="accessibleRoles.includes(collab.roles)"> |
|
|
|
|
|
|
|
<div class="w-[30px]"> |
|
|
|
<RolesSelector |
|
|
|
<RolesSelector |
|
|
|
:role="collab.roles" |
|
|
|
:role="collab.roles" |
|
|
|
:roles="accessibleRoles" |
|
|
|
:roles="accessibleRoles" |
|
|
|
:description="false" |
|
|
|
:description="false" |
|
|
|
|
|
|
|
class="bg-[red]" |
|
|
|
:on-role-change="(role: WorkspaceUserRoles) => updateCollaborator(collab, role)" |
|
|
|
:on-role-change="(role: WorkspaceUserRoles) => updateCollaborator(collab, role)" |
|
|
|
/> |
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<template v-else> |
|
|
|
<RolesBadge :role="collab.roles" /> |
|
|
|
<RolesBadge :role="collab.roles" /> |
|
|
|