Kristaps Fabians Geikins
83d8035dc2
* root + server * frontend * frontend-2 * dui3 * dui3 * tailwind theme * ui-components * preview service * viewer * viewer-sandbox * fileimport-service * webhook service * objectloader * shared * ui-components-nuxt * WIP full config * WIP full linter * eslint projectwide util * minor fix * removing redundant ci * clean up test errors * fixed prettier formatting * CI improvements * TSC lint fix * 'buildBatch' needs to be async since some batch types (like Text) require it. Removed a disabled liniting rule from ObjLoader * removed unnecessary void --------- Co-authored-by: AlexandruPopovici <alexandrupopoviciioan@gmail.com>
99 lines
2.9 KiB
Vue
99 lines
2.9 KiB
Vue
<template>
|
|
<Component
|
|
:is="concreteComponent"
|
|
v-if="!isLoggedIn"
|
|
fancy-glow
|
|
no-shadow
|
|
class="max-w-lg mx-auto w-full"
|
|
>
|
|
<div class="space-y-4">
|
|
<div class="flex flex-col items-center space-y-2">
|
|
<h1
|
|
class="text-center h3 font-bold bg-gradient-to-r from-blue-500 via-blue-400 to-blue-600 inline-block py-1 text-transparent bg-clip-text"
|
|
>
|
|
{{ title }}
|
|
</h1>
|
|
<h2 class="text-center text-foreground-2">
|
|
{{ subtitle }}
|
|
</h2>
|
|
</div>
|
|
<AuthThirdPartyLoginBlock
|
|
v-if="hasThirdPartyStrategies && serverInfo"
|
|
:server-info="serverInfo"
|
|
:challenge="challenge"
|
|
:app-id="appId"
|
|
/>
|
|
<div>
|
|
<div
|
|
v-if="hasLocalStrategy"
|
|
class="text-center label text-foreground-2 mb-3 text-xs font-normal"
|
|
>
|
|
{{
|
|
hasThirdPartyStrategies
|
|
? 'Or login with your email'
|
|
: 'Login with your email'
|
|
}}
|
|
</div>
|
|
<AuthLoginWithEmailBlock v-if="hasLocalStrategy" :challenge="challenge" />
|
|
<div class="text-center">
|
|
<span class="mr-2">Don't have an account?</span>
|
|
<CommonTextLink :to="finalRegisterRoute" :icon-right="ArrowRightIcon">
|
|
Register
|
|
</CommonTextLink>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Component>
|
|
<div v-else />
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { useQuery } from '@vue/apollo-composable'
|
|
import { AuthStrategy } from '~~/lib/auth/helpers/strategies'
|
|
import { useLoginOrRegisterUtils, useAuthManager } from '~~/lib/auth/composables/auth'
|
|
import { loginServerInfoQuery } from '~~/lib/auth/graphql/queries'
|
|
import { LayoutDialog, LayoutPanel } from '@speckle/ui-components'
|
|
import { ArrowRightIcon } from '@heroicons/vue/20/solid'
|
|
import { registerRoute } from '~~/lib/common/helpers/route'
|
|
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
dialogMode?: boolean
|
|
title?: string
|
|
subtitle?: string
|
|
}>(),
|
|
{
|
|
dialogMode: false,
|
|
title: 'Speckle Login',
|
|
subtitle: 'Connectivity, Collaboration and Automation for 3D'
|
|
}
|
|
)
|
|
|
|
const { isLoggedIn } = useActiveUser()
|
|
const { inviteToken } = useAuthManager()
|
|
const router = useRouter()
|
|
|
|
const finalRegisterRoute = computed(() => {
|
|
const result = router.resolve({
|
|
path: registerRoute,
|
|
query: inviteToken.value ? { token: inviteToken.value } : {}
|
|
})
|
|
return result.fullPath
|
|
})
|
|
|
|
const concreteComponent = computed(() => {
|
|
return props.dialogMode ? LayoutDialog : LayoutPanel
|
|
})
|
|
|
|
const { result } = useQuery(loginServerInfoQuery)
|
|
const { appId, challenge } = useLoginOrRegisterUtils()
|
|
|
|
const serverInfo = computed(() => result.value?.serverInfo)
|
|
const hasLocalStrategy = computed(() =>
|
|
(serverInfo.value?.authStrategies || []).some((s) => s.id === AuthStrategy.Local)
|
|
)
|
|
|
|
const hasThirdPartyStrategies = computed(() =>
|
|
serverInfo.value?.authStrategies.some((s) => s.id !== AuthStrategy.Local)
|
|
)
|
|
</script>
|