mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-04 05:02:17 +00:00
5376b7ed1e
## Summary Adds handling for entering app mode with an empty graph prompting the user to load a template as a starting point ## Changes - **What**: - app mode handle empty workflows, disable builder button, show different message - fix fitView when switching from app mode to graph ## Review Focus Moving the fitView since the canvas is hidden in app mode until after the workflow is loaded and the mode has been switched back to graph, I don't see how this could cause any issues but worth a closer eye ## Screenshots (if applicable) <img width="1057" height="916" alt="image" src="https://github.com/user-attachments/assets/2ffe2b6d-9ce1-4218-828a-b7bc336c365a" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-9393-feat-App-mode-empty-graph-handling-3196d73d3650812cab0ce878109ed5c9) by [Unito](https://www.unito.io)
41 lines
1009 B
Vue
41 lines
1009 B
Vue
<template>
|
|
<BuilderDialog :show-close="false">
|
|
<template #title>
|
|
{{ $t('builderToolbar.emptyWorkflowTitle') }}
|
|
</template>
|
|
|
|
<div class="flex flex-col gap-2">
|
|
<p class="m-0 text-sm text-muted-foreground">
|
|
{{ $t('linearMode.emptyWorkflowExplanation') }}
|
|
</p>
|
|
<p class="m-0 text-sm text-muted-foreground">
|
|
{{ $t('builderToolbar.emptyWorkflowPrompt') }}
|
|
</p>
|
|
</div>
|
|
|
|
<template #footer>
|
|
<Button
|
|
variant="muted-textonly"
|
|
size="lg"
|
|
@click="$emit('backToWorkflow')"
|
|
>
|
|
{{ $t('linearMode.backToWorkflow') }}
|
|
</Button>
|
|
<Button variant="secondary" size="lg" @click="$emit('loadTemplate')">
|
|
{{ $t('linearMode.loadTemplate') }}
|
|
</Button>
|
|
</template>
|
|
</BuilderDialog>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Button from '@/components/ui/button/Button.vue'
|
|
|
|
import BuilderDialog from './BuilderDialog.vue'
|
|
|
|
defineEmits<{
|
|
backToWorkflow: []
|
|
loadTemplate: []
|
|
}>()
|
|
</script>
|