mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-03-08 06:30:04 +00:00
44 lines
1.2 KiB
Vue
44 lines
1.2 KiB
Vue
<!-- Prompt user that the workflow contains API nodes that needs login to run -->
|
|
<template>
|
|
<div class="flex flex-col gap-4 max-w-96 h-110 p-2">
|
|
<div class="text-2xl font-medium mb-2">
|
|
{{ t('apiNodesSignInDialog.title') }}
|
|
</div>
|
|
|
|
<div class="text-base mb-4">
|
|
{{ t('apiNodesSignInDialog.message') }}
|
|
</div>
|
|
|
|
<ApiNodesCostBreakdown :nodes="apiNodes" :show-total="true" />
|
|
|
|
<div class="flex justify-between items-center">
|
|
<Button :label="t('g.learnMore')" link />
|
|
<div class="flex gap-2">
|
|
<Button
|
|
:label="t('g.cancel')"
|
|
outlined
|
|
severity="secondary"
|
|
@click="onCancel?.()"
|
|
/>
|
|
<Button :label="t('g.login')" @click="onLogin?.()" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Button from 'primevue/button'
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
import ApiNodesCostBreakdown from '@/components/common/ApiNodesCostBreakdown.vue'
|
|
import type { ApiNodeCost } from '@/types/apiNodeTypes'
|
|
|
|
const { t } = useI18n()
|
|
|
|
const { apiNodes, onLogin, onCancel } = defineProps<{
|
|
apiNodes: ApiNodeCost[]
|
|
onLogin?: () => void
|
|
onCancel?: () => void
|
|
}>()
|
|
</script>
|