andrewwallacespeckle
9f4b0c99da
* Fixing up "Manage Project" & "New Project" Dialogs * Dialog Updates * Updates from tickets * Remove sidepanel * Remove max-height prop from Dialog component * Updates to Profile Dialog * Props for Buttons in Dialog. Attachment Dialog * Remove margin to show issue with dialogs * Update to stories * Responsive updates * Fix overflow on MoveTo * Use Dialog header prop * Dialog updates * Responsive Changes * Responsive fixes * Small responsive change * Fixes * Type based declaration * Last fixes * Small darkmode fixes * Updated type * Update * Updates from PR comments * Fix storybook issues * Updates from PR * Updates from PR * Changes from Agi * Turntable mode Toggle * Fix dialog shadows on scroll * Fix invite autocomplete * Changes from PR Comments * Small styling updates * Responsive views * Adjust Danger zones * Fix typo * New Webhook Icon. Swap icon prop to slot. * Adjust Icon weights * FE2-TASK-27 * FE2-TASK-26 * FE2-TASK-28
49 lines
1.4 KiB
Vue
49 lines
1.4 KiB
Vue
<template>
|
|
<LayoutDialog
|
|
v-model:open="isOpen"
|
|
max-width="sm"
|
|
:buttons="dialogButtons"
|
|
title="Create Token"
|
|
>
|
|
<div class="flex flex-col gap-6 text-sm text-foreground">
|
|
<div class="flex flex-col gap-3">
|
|
<h6 class="h6 font-bold text-center">Your new token:</h6>
|
|
<CommonClipboardInputWithToast :value="props.token" />
|
|
</div>
|
|
<div
|
|
class="flex gap-4 items-center bg-warning dark:bg-warning-lighter border-warning-darker dark:border-warning-lighter border rounded-lg py-2 pl-4 pr-8"
|
|
>
|
|
<ExclamationTriangleIcon
|
|
class="h-8 w-8 mt-0.5 text-warning-darker dark:text-warning-darker"
|
|
/>
|
|
<div class="text-warning-darker max-w-md">
|
|
<p>
|
|
<strong>Note:</strong>
|
|
This is the first and last time you will be able to see the full token.
|
|
</p>
|
|
<p><strong>Please copy paste it somewhere safe now.</strong></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</LayoutDialog>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { LayoutDialog } from '@speckle/ui-components'
|
|
import { ExclamationTriangleIcon } from '@heroicons/vue/24/outline'
|
|
|
|
const props = defineProps<{
|
|
token: string
|
|
}>()
|
|
|
|
const isOpen = defineModel<boolean>('open', { required: true })
|
|
|
|
const dialogButtons = computed(() => [
|
|
{
|
|
text: 'Close',
|
|
props: { color: 'primary', fullWidth: true },
|
|
onClick: () => (isOpen.value = false)
|
|
}
|
|
])
|
|
</script>
|