Kristaps Fabians Geikins
596312ab0e
* ProjectsAdd wrapper * WorkspaceMoveProject wrapper added * move wrapper finalized * passing through location * more cleanup * model add wrapper * permissions cleanup * add invite wrapper * vue-tippy bugfix * ViewerLimitsDialog prep * upgrade limit alert prep * limit alerts * movemanager fix * new add flow * slug update fix * add model flow * invites? * some extra fixes * move unmount fix? * more fixes * vue-tsc update * style: remove h-32 for smaller screens * vue-tsc parser fix * prep for new viewer limits dialog * updated viewer dialogs * comment variant cleanup * CR comments --------- Co-authored-by: michalspeckle <michal@speckle.systems>
117 lines
2.9 KiB
Vue
117 lines
2.9 KiB
Vue
<template>
|
|
<div>
|
|
<WorkspacePlanProjectModelLimitReachedDialog
|
|
v-if="workspace"
|
|
v-model:open="openWorkspaceLimitsHit"
|
|
:workspace-name="workspace.name"
|
|
:plan="workspace.plan?.name"
|
|
:workspace-role="workspace.role"
|
|
:workspace-slug="workspace.slug"
|
|
:location="location"
|
|
:prevent-close="preventClose"
|
|
/>
|
|
<WorkspaceMoveProjectManager
|
|
v-model:open="openDefault"
|
|
:workspace-slug="workspace?.slug"
|
|
:workspace-id="workspace?.id"
|
|
:project-id="project?.id"
|
|
:show-intro="showIntro"
|
|
:limit-type="limitType"
|
|
@done="onDone"
|
|
/>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import type { MaybeNullOrUndefined } from '@speckle/shared'
|
|
import { WorkspaceLimitsReachedError } from '@speckle/shared/authz'
|
|
import { useMultipleDialogBranching } from '~/lib/common/composables/dialog'
|
|
import { graphql } from '~/lib/common/generated/gql'
|
|
import type {
|
|
WorkspaceMoveProject_ProjectFragment,
|
|
WorkspaceMoveProject_WorkspaceFragment
|
|
} from '~/lib/common/generated/gql/graphql'
|
|
import type { ViewerLimitsDialogType } from '~/lib/projects/helpers/limits'
|
|
import { useCanMoveProjectIntoWorkspace } from '~/lib/workspaces/composables/projects/permissions'
|
|
|
|
graphql(`
|
|
fragment WorkspaceMoveProject_Workspace on Workspace {
|
|
id
|
|
slug
|
|
name
|
|
role
|
|
plan {
|
|
name
|
|
}
|
|
permissions {
|
|
canCreateProject {
|
|
...FullPermissionCheckResult
|
|
}
|
|
canMoveProjectToWorkspace {
|
|
...FullPermissionCheckResult
|
|
}
|
|
}
|
|
...UseCanMoveProjectIntoWorkspace_Workspace
|
|
}
|
|
`)
|
|
|
|
graphql(`
|
|
fragment WorkspaceMoveProject_Project on Project {
|
|
id
|
|
workspaceId
|
|
permissions {
|
|
canMoveToWorkspace {
|
|
...FullPermissionCheckResult
|
|
}
|
|
}
|
|
...UseCanMoveProjectIntoWorkspace_Project
|
|
}
|
|
`)
|
|
|
|
const emit = defineEmits<{
|
|
done: []
|
|
}>()
|
|
|
|
const open = defineModel<boolean>('open', { required: true })
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
project?: MaybeNullOrUndefined<WorkspaceMoveProject_ProjectFragment>
|
|
workspace?: MaybeNullOrUndefined<WorkspaceMoveProject_WorkspaceFragment>
|
|
location?: string
|
|
showIntro?: boolean
|
|
/**
|
|
* If used in the viewer for the limits dialog, set this to the correct variant.
|
|
*/
|
|
limitType?: ViewerLimitsDialogType
|
|
}>(),
|
|
{
|
|
location: 'move_project'
|
|
}
|
|
)
|
|
|
|
const canMoveProjectIntoWorkspace = useCanMoveProjectIntoWorkspace({
|
|
project: computed(() => props.project),
|
|
workspace: computed(() => props.workspace)
|
|
})
|
|
|
|
const isWorkspaceLimitsError = computed(() => {
|
|
return (
|
|
canMoveProjectIntoWorkspace.cantClickMoveCode.value ===
|
|
WorkspaceLimitsReachedError.code
|
|
)
|
|
})
|
|
|
|
const preventClose = computed(() => !!props.limitType)
|
|
|
|
const { openDefault, openWorkspaceLimitsHit } = useMultipleDialogBranching({
|
|
open,
|
|
conditions: {
|
|
workspaceLimitsHit: computed(() => isWorkspaceLimitsError.value)
|
|
}
|
|
})
|
|
|
|
const onDone = () => {
|
|
open.value = false
|
|
emit('done')
|
|
}
|
|
</script>
|