mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 06:20:11 +00:00
28b171168a
- "Enter Subgraph" "Show advanced inputs" and a new "show node Errors" button now use a combined button design at the bottom of the node. - A new "Errors" tab is added to the right side panel - After a failed queue, the label of an invalid widget is now red. - Badges other than price are now displayed on the bottom of the node. - Price badge will now truncate from the first space, prioritizing the sizing of the node title - An indicator for the node resize handle is now displayed while mousing over the node. <img width="669" height="233" alt="image" src="https://github.com/user-attachments/assets/53b3b59c-830b-474d-8f20-07f557124af7" />  --------- Co-authored-by: github-actions <github-actions@github.com>
31 lines
815 B
Vue
31 lines
815 B
Vue
<script setup lang="ts">
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
import Button from '@/components/ui/button/Button.vue'
|
|
import { useCopyToClipboard } from '@/composables/useCopyToClipboard'
|
|
import type { NodeError } from '@/schemas/apiSchema'
|
|
|
|
const { t } = useI18n()
|
|
|
|
defineProps<{
|
|
errors: NodeError[]
|
|
}>()
|
|
const { copyToClipboard } = useCopyToClipboard()
|
|
</script>
|
|
<template>
|
|
<div class="m-4">
|
|
<Button class="w-full" @click="copyToClipboard(JSON.stringify(errors))">
|
|
{{ t('g.copy') }}
|
|
<i class="icon-[lucide--copy] size-4" />
|
|
</Button>
|
|
</div>
|
|
<div
|
|
v-for="(error, index) in errors.flatMap((ne) => ne.errors)"
|
|
:key="index"
|
|
class="px-2"
|
|
>
|
|
<h3 class="text-error" v-text="error.message" />
|
|
<div class="text-muted-foreground" v-text="error.details" />
|
|
</div>
|
|
</template>
|