Oğuzhan Koral
42 lines
1.2 KiB
Vue
42 lines
1.2 KiB
Vue
<template>
|
|
<div class="flex-grow">
|
|
<slot name="activator" :toggle="toggleDialog"></slot>
|
|
<CommonDialog
|
|
v-model:open="showWorkspaceSelectorDialog"
|
|
:title="`Select workspace`"
|
|
fullscreen="none"
|
|
>
|
|
<WorkspaceListItem
|
|
v-for="workspace in workspacesWithPersonalProjects"
|
|
:key="workspace.id"
|
|
:current-selected-workspace-id="currentSelectedWorkspaceId"
|
|
:workspace="workspace"
|
|
@select="
|
|
$emit('workspace:selected', workspace), (showWorkspaceSelectorDialog = false)
|
|
"
|
|
/>
|
|
</CommonDialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { WorkspaceListWorkspaceItemFragment } from '~/lib/common/generated/gql/graphql'
|
|
|
|
const showWorkspaceSelectorDialog = ref(false)
|
|
|
|
const props = defineProps<{
|
|
workspaces: WorkspaceListWorkspaceItemFragment[]
|
|
currentSelectedWorkspaceId: string
|
|
}>()
|
|
|
|
defineEmits<{
|
|
(e: 'workspace:selected', result: WorkspaceListWorkspaceItemFragment): void
|
|
}>()
|
|
|
|
const workspacesWithPersonalProjects = computed(() => [...props.workspaces])
|
|
|
|
const toggleDialog = () => {
|
|
showWorkspaceSelectorDialog.value = !showWorkspaceSelectorDialog.value
|
|
}
|
|
</script>
|