Kristaps Fabians Geikins
4dae1569cd
* list invites table * invites list works * update last reminded date on resend * fix FE * WIP invitedialog + updated debounced utility * invite create works * exclude users correctly * more adjustments * minor cleanup * using workspace invite server role * test fix * fixed multiple root eslint issues * minor adjustments
91 lines
2.1 KiB
Vue
91 lines
2.1 KiB
Vue
<template>
|
|
<FormSelectBase
|
|
v-model="modelWrapper"
|
|
:items="Object.values(items)"
|
|
label="Workspace access level"
|
|
button-style="simple"
|
|
:show-label="showLabel"
|
|
:name="name || 'role'"
|
|
:allow-unset="false"
|
|
:disabled="disabled"
|
|
:label-id="labelId"
|
|
:button-id="buttonId"
|
|
hide-checkmarks
|
|
by="id"
|
|
class="min-w-[85px]"
|
|
mount-menu-on-body
|
|
>
|
|
<template #something-selected="{ value }">
|
|
<div class="text-normal text-right">
|
|
{{ isArray(value) ? value[0].title : value.title }}
|
|
</div>
|
|
</template>
|
|
<template #option="{ item, selected }">
|
|
<div class="flex flex-col">
|
|
<div
|
|
:class="[
|
|
'text-normal',
|
|
selected ? 'text-primary' : '',
|
|
item.id === 'delete' ? 'text-danger' : ''
|
|
]"
|
|
>
|
|
{{ item.title }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</FormSelectBase>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { Roles } from '@speckle/shared'
|
|
import type { WorkspaceRoles } from '@speckle/shared'
|
|
import { reduce, isArray } from 'lodash-es'
|
|
import { roleSelectItems } from '~/lib/workspaces/helpers/roles'
|
|
|
|
const emit = defineEmits<{
|
|
(e: 'delete'): void
|
|
}>()
|
|
|
|
const props = defineProps<{
|
|
label?: string
|
|
showLabel?: boolean
|
|
name?: string
|
|
disabled?: boolean
|
|
hideRemove?: boolean
|
|
hideOwner?: boolean
|
|
}>()
|
|
|
|
const labelId = useId()
|
|
const buttonId = useId()
|
|
const items = ref(
|
|
reduce(
|
|
roleSelectItems,
|
|
(results, item) => {
|
|
if (item.id === 'delete') {
|
|
if (!props.hideRemove) {
|
|
results[item.id] = item
|
|
}
|
|
} else if (item.id === Roles.Workspace.Admin) {
|
|
if (!props.hideOwner) {
|
|
results[item.id] = item
|
|
}
|
|
} else {
|
|
results[item.id] = item
|
|
}
|
|
|
|
return results
|
|
},
|
|
{} as typeof roleSelectItems
|
|
)
|
|
)
|
|
|
|
const model = defineModel<WorkspaceRoles>({ required: true })
|
|
|
|
const modelWrapper = computed({
|
|
get: () => items.value[model.value],
|
|
set: (newVal) => {
|
|
if (newVal.id === 'delete') return emit('delete')
|
|
model.value = newVal.id
|
|
}
|
|
})
|
|
</script>
|