Files
speckle-server/packages/frontend-2/components/developer-settings/RevealSecretDialog.vue
T
andrewwallacespeckle 76cbcef4e6 Feature - FE2 - Developer Settings (#1822)
* WIP Developer Settings

* Access Tokens

* scopes load fix

* mapping to correct struct

* Updates to Application

* Update to apps.js to fix scopes error

* Application table done

* Token confirmation done.

* Application Success

* Fix ts

* Darkmode fixes

* Responsive fix

* Fixes for PR

* Pass size prop to Editable Avatar

* Updates from PR comments

* Section Header - TS Types

* Add Typeguard to Delete Dialog

* Add Description to scopes query

* minor type guard fix

* edit application cache update fix

* Fix Dialog Expansion

* Rename mutations to correct casing

* Remove unneeded import for defineProps

---------

Co-authored-by: Kristaps Fabians Geikins <fabis94@live.com>
2023-10-26 12:51:05 +01:00

44 lines
1.1 KiB
Vue

<template>
<LayoutDialog
v-model:open="isOpen"
max-width="sm"
title="Reveal Application Secret"
:buttons="dialogButtons"
prevent-close-on-click-outside
max-height
>
<div class="grid grid-cols-2 gap-x-6 gap-y-3 py-2 text-sm">
<div class="text-right">App Name:</div>
<p class="truncate">{{ props.application?.name }}</p>
<div class="text-right flex items-center justify-end">App Secret:</div>
<div class="w-40">
<CommonClipboardInputWithToast
v-if="props.application?.secret"
:value="props.application?.secret"
/>
</div>
</div>
</LayoutDialog>
</template>
<script setup lang="ts">
import { LayoutDialog } from '@speckle/ui-components'
import { ApplicationItem } from '~~/lib/developer-settings/helpers/types'
const props = defineProps<{
application: ApplicationItem | null
}>()
const isOpen = defineModel<boolean>('open', { required: true })
const dialogButtons = computed(() => [
{
text: 'Close',
props: { color: 'primary', fullWidth: true },
onClick: () => {
isOpen.value = false
}
}
])
</script>