andrewwallacespeckle
91cb011ded
* CodeInput. verify-email page * middleware * Loading toast * Countdown only for registration * Improve middleware * Fix middleware breaking auth flow * Remove old notifications * Remove old onboarding. New segmentation * Remove skip button * Block verify email when verified * useUserEmails composable. Cancel addition * Move user emails queries * Fix fragments etc * redirect updates * HeaderWithEmptyPage * Check env before enforcing * Join workspace * Updates * Fix console warnings on login * Fix register console warnings * Working cache updates * Verify secondary email * Force onboarding off * EMAIL WIP * useIsJustRegistered state * Improve isRequired * Uneeded change * Improved slots * Updates from CR * CR comments * Only show message if forced * Update onboarding middleware * Update loading bar * ref > computed to fix onboarding * Resend tooltip. Better errors * Add other to form. * Email changes * Updates to emails * Remove force email FF * Remove FF's * Hide header on embed * Update graphql.ts * Re-add FF * Update graphql.ts * GQL Fragments * Fix build
30 lines
1.0 KiB
Vue
30 lines
1.0 KiB
Vue
<template>
|
|
<div :class="`${loadProgress < 1 && viewerBusy ? 'mt-0' : '-mt-5'} transition-all`">
|
|
<div
|
|
:class="`absolute w-full max-w-screen flex justify-center ${
|
|
!isEmbedEnabled ? 'mt-14' : 'mt-0'
|
|
} z-50`"
|
|
>
|
|
<div
|
|
class="relative bg-blue-500/50 mt-0 h-4 rounded-b-lg select-none px-2 py-1 w-2/3 lg:w-1/3 overflow-hidden"
|
|
>
|
|
<div
|
|
class="absolute h-full inset-0 bg-primary transition-[width]"
|
|
:style="`width: ${Math.floor(loadProgress * 100)}%`"
|
|
></div>
|
|
<div
|
|
class="absolute h-full inset-0 text-center text-xs text-foreground-on-primary"
|
|
>
|
|
{{ Math.floor(loadProgress * 100) }}%
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { useEmbed } from '~/lib/viewer/composables/setup/embed'
|
|
import { useInjectedViewerInterfaceState } from '~~/lib/viewer/composables/setup'
|
|
const { isEnabled: isEmbedEnabled } = useEmbed()
|
|
const { viewerBusy, loadProgress } = useInjectedViewerInterfaceState()
|
|
</script>
|