mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 06:20:11 +00:00
3e59f8e932
## Summary Adds an additional dialog after setting the default view of the workflow to let users pick their next step ## Screenshots (if applicable) <img width="479" height="332" alt="image" src="https://github.com/user-attachments/assets/1ea40b10-d7d3-49ff-9ea2-27b9e907c923" /> <img width="478" height="343" alt="image" src="https://github.com/user-attachments/assets/21674998-5ce2-496d-97e6-ef8f2f2d7dd7" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-9374-feat-App-builder-confirmation-dialog-after-setting-default-view-mode-3196d73d36508192a45ee8ba0a7f74a6) by [Unito](https://www.unito.io) --------- Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
63 lines
1.7 KiB
Vue
63 lines
1.7 KiB
Vue
<template>
|
|
<BuilderDialog @close="$emit('close')">
|
|
<template #title>
|
|
<span class="inline-flex items-center gap-2">
|
|
{{ $t('builderToolbar.defaultModeAppliedTitle') }}
|
|
<i
|
|
aria-hidden="true"
|
|
class="icon-[lucide--circle-check-big] size-4 text-green-500"
|
|
/>
|
|
</span>
|
|
</template>
|
|
|
|
<p class="m-0 text-sm text-muted-foreground">
|
|
{{
|
|
appliedAsApp
|
|
? $t('builderToolbar.defaultModeAppliedAppBody')
|
|
: $t('builderToolbar.defaultModeAppliedGraphBody')
|
|
}}
|
|
</p>
|
|
<p class="m-0 text-sm text-muted-foreground">
|
|
{{
|
|
appliedAsApp
|
|
? $t('builderToolbar.defaultModeAppliedAppPrompt')
|
|
: $t('builderToolbar.defaultModeAppliedGraphPrompt')
|
|
}}
|
|
</p>
|
|
|
|
<template #footer>
|
|
<template v-if="appliedAsApp">
|
|
<Button variant="muted-textonly" size="lg" @click="$emit('close')">
|
|
{{ $t('g.close') }}
|
|
</Button>
|
|
<Button variant="secondary" size="lg" @click="$emit('viewApp')">
|
|
{{ $t('builderToolbar.viewApp') }}
|
|
</Button>
|
|
</template>
|
|
<template v-else>
|
|
<Button variant="muted-textonly" size="lg" @click="$emit('viewApp')">
|
|
{{ $t('builderToolbar.viewApp') }}
|
|
</Button>
|
|
<Button variant="secondary" size="lg" @click="$emit('close')">
|
|
{{ $t('g.close') }}
|
|
</Button>
|
|
</template>
|
|
</template>
|
|
</BuilderDialog>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Button from '@/components/ui/button/Button.vue'
|
|
|
|
import BuilderDialog from './BuilderDialog.vue'
|
|
|
|
defineProps<{
|
|
appliedAsApp: boolean
|
|
}>()
|
|
|
|
defineEmits<{
|
|
viewApp: []
|
|
close: []
|
|
}>()
|
|
</script>
|