diff --git a/src/lib/litegraph/src/widgets/ChartWidget.ts b/src/lib/litegraph/src/widgets/ChartWidget.ts index 440ca4f08..1a32f1010 100644 --- a/src/lib/litegraph/src/widgets/ChartWidget.ts +++ b/src/lib/litegraph/src/widgets/ChartWidget.ts @@ -1,3 +1,5 @@ +import { t } from '@/i18n' + import type { IChartWidget } from '../types/widgets' import { BaseWidget } from './BaseWidget' import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget' @@ -29,7 +31,7 @@ export class ChartWidget ctx.textAlign = 'center' ctx.textBaseline = 'middle' - const text = 'Chart: Vue-only' + const text = `Chart: ${t('widgets.node2only')}` ctx.fillText(text, width / 2, y + height / 2) Object.assign(ctx, { diff --git a/src/lib/litegraph/src/widgets/ColorWidget.ts b/src/lib/litegraph/src/widgets/ColorWidget.ts index a0b0b3496..f2c50083a 100644 --- a/src/lib/litegraph/src/widgets/ColorWidget.ts +++ b/src/lib/litegraph/src/widgets/ColorWidget.ts @@ -1,3 +1,5 @@ +import { t } from '@/i18n' + import type { IColorWidget } from '../types/widgets' import { BaseWidget } from './BaseWidget' import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget' @@ -29,7 +31,7 @@ export class ColorWidget ctx.textAlign = 'center' ctx.textBaseline = 'middle' - const text = 'Color: Vue-only' + const text = `Color: ${t('widgets.node2only')}` ctx.fillText(text, width / 2, y + height / 2) Object.assign(ctx, { diff --git a/src/lib/litegraph/src/widgets/FileUploadWidget.ts b/src/lib/litegraph/src/widgets/FileUploadWidget.ts index f73de53f2..bffb9eb6c 100644 --- a/src/lib/litegraph/src/widgets/FileUploadWidget.ts +++ b/src/lib/litegraph/src/widgets/FileUploadWidget.ts @@ -1,3 +1,5 @@ +import { t } from '@/i18n' + import type { IFileUploadWidget } from '../types/widgets' import { BaseWidget } from './BaseWidget' import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget' @@ -29,7 +31,7 @@ export class FileUploadWidget ctx.textAlign = 'center' ctx.textBaseline = 'middle' - const text = 'Fileupload: Vue-only' + const text = `Fileupload: ${t('widgets.node2only')}` ctx.fillText(text, width / 2, y + height / 2) Object.assign(ctx, { diff --git a/src/lib/litegraph/src/widgets/GalleriaWidget.ts b/src/lib/litegraph/src/widgets/GalleriaWidget.ts index 75770b2bb..767e652de 100644 --- a/src/lib/litegraph/src/widgets/GalleriaWidget.ts +++ b/src/lib/litegraph/src/widgets/GalleriaWidget.ts @@ -1,3 +1,5 @@ +import { t } from '@/i18n' + import type { IGalleriaWidget } from '../types/widgets' import { BaseWidget } from './BaseWidget' import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget' @@ -29,7 +31,7 @@ export class GalleriaWidget ctx.textAlign = 'center' ctx.textBaseline = 'middle' - const text = 'Galleria: Vue-only' + const text = `Galleria: ${t('widgets.node2only')}` ctx.fillText(text, width / 2, y + height / 2) Object.assign(ctx, { diff --git a/src/lib/litegraph/src/widgets/ImageCompareWidget.ts b/src/lib/litegraph/src/widgets/ImageCompareWidget.ts index 3f593e0ee..d31e1b84c 100644 --- a/src/lib/litegraph/src/widgets/ImageCompareWidget.ts +++ b/src/lib/litegraph/src/widgets/ImageCompareWidget.ts @@ -1,3 +1,5 @@ +import { t } from '@/i18n' + import type { IImageCompareWidget } from '../types/widgets' import { BaseWidget } from './BaseWidget' import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget' @@ -29,7 +31,7 @@ export class ImageCompareWidget ctx.textAlign = 'center' ctx.textBaseline = 'middle' - const text = 'ImageCompare: Vue-only' + const text = `ImageCompare: ${t('widgets.node2only')}` ctx.fillText(text, width / 2, y + height / 2) Object.assign(ctx, { diff --git a/src/lib/litegraph/src/widgets/MarkdownWidget.ts b/src/lib/litegraph/src/widgets/MarkdownWidget.ts index 6ca6512fe..f995936e6 100644 --- a/src/lib/litegraph/src/widgets/MarkdownWidget.ts +++ b/src/lib/litegraph/src/widgets/MarkdownWidget.ts @@ -1,3 +1,5 @@ +import { t } from '@/i18n' + import type { IMarkdownWidget } from '../types/widgets' import { BaseWidget } from './BaseWidget' import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget' @@ -29,7 +31,7 @@ export class MarkdownWidget ctx.textAlign = 'center' ctx.textBaseline = 'middle' - const text = 'Markdown: Vue-only' + const text = `Markdown: ${t('widgets.node2only')}` ctx.fillText(text, width / 2, y + height / 2) Object.assign(ctx, { diff --git a/src/lib/litegraph/src/widgets/MultiSelectWidget.ts b/src/lib/litegraph/src/widgets/MultiSelectWidget.ts index 5535820f3..25b59cc1f 100644 --- a/src/lib/litegraph/src/widgets/MultiSelectWidget.ts +++ b/src/lib/litegraph/src/widgets/MultiSelectWidget.ts @@ -1,3 +1,5 @@ +import { t } from '@/i18n' + import type { IMultiSelectWidget } from '../types/widgets' import { BaseWidget } from './BaseWidget' import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget' @@ -29,7 +31,7 @@ export class MultiSelectWidget ctx.textAlign = 'center' ctx.textBaseline = 'middle' - const text = 'MultiSelect: Vue-only' + const text = `MultiSelect: ${t('widgets.node2only')}` ctx.fillText(text, width / 2, y + height / 2) Object.assign(ctx, { diff --git a/src/lib/litegraph/src/widgets/SelectButtonWidget.ts b/src/lib/litegraph/src/widgets/SelectButtonWidget.ts index 463efe089..4739a9ff7 100644 --- a/src/lib/litegraph/src/widgets/SelectButtonWidget.ts +++ b/src/lib/litegraph/src/widgets/SelectButtonWidget.ts @@ -1,3 +1,5 @@ +import { t } from '@/i18n' + import type { ISelectButtonWidget } from '../types/widgets' import { BaseWidget } from './BaseWidget' import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget' @@ -29,7 +31,7 @@ export class SelectButtonWidget ctx.textAlign = 'center' ctx.textBaseline = 'middle' - const text = 'SelectButton: Vue-only' + const text = `SelectButton: ${t('widgets.node2only')}` ctx.fillText(text, width / 2, y + height / 2) Object.assign(ctx, { diff --git a/src/lib/litegraph/src/widgets/TextareaWidget.ts b/src/lib/litegraph/src/widgets/TextareaWidget.ts index e93ee1c7e..f29ccc5e5 100644 --- a/src/lib/litegraph/src/widgets/TextareaWidget.ts +++ b/src/lib/litegraph/src/widgets/TextareaWidget.ts @@ -1,3 +1,5 @@ +import { t } from '@/i18n' + import type { ITextareaWidget } from '../types/widgets' import { BaseWidget } from './BaseWidget' import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget' @@ -29,7 +31,7 @@ export class TextareaWidget ctx.textAlign = 'center' ctx.textBaseline = 'middle' - const text = 'Textarea: Vue-only' + const text = `Textarea: ${t('widgets.node2only')}` ctx.fillText(text, width / 2, y + height / 2) Object.assign(ctx, { diff --git a/src/lib/litegraph/src/widgets/TreeSelectWidget.ts b/src/lib/litegraph/src/widgets/TreeSelectWidget.ts index 23ad440a3..ee78d5919 100644 --- a/src/lib/litegraph/src/widgets/TreeSelectWidget.ts +++ b/src/lib/litegraph/src/widgets/TreeSelectWidget.ts @@ -1,3 +1,5 @@ +import { t } from '@/i18n' + import type { ITreeSelectWidget } from '../types/widgets' import { BaseWidget } from './BaseWidget' import type { DrawWidgetOptions, WidgetEventOptions } from './BaseWidget' @@ -29,7 +31,7 @@ export class TreeSelectWidget ctx.textAlign = 'center' ctx.textBaseline = 'middle' - const text = 'TreeSelect: Vue-only' + const text = `TreeSelect: ${t('widgets.node2only')}` ctx.fillText(text, width / 2, y + height / 2) Object.assign(ctx, { diff --git a/src/locales/en/main.json b/src/locales/en/main.json index eb063ab8b..4cf430d6e 100644 --- a/src/locales/en/main.json +++ b/src/locales/en/main.json @@ -2083,6 +2083,7 @@ "Set Group Nodes to Always": "Set Group Nodes to Always" }, "widgets": { + "node2only": "Node 2.0 only", "selectModel": "Select model", "uploadSelect": { "placeholder": "Select...",