mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: editor kind of working, lots of issues to fix

Browse source
This commit is contained in:
Alex Grozav 2023-06-21 16:54:59 +03:00
parent fd0896478a
commit e8d948e942
47 changed files with 153 additions and 133 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/design-system/src/components/N8nDatatable/Datatable.vue
View file

@ -159,7 +159,7 @@ export default defineComponent({
size="mini" size="mini"
:value="rowsPerPage" :value="rowsPerPage"
@update:modelValue="onRowsPerPageChange" @update:modelValue="onRowsPerPageChange"
popper-append-to-body teleported
> >
<template #prepend>{{ t('datatable.pageSize') }}</template> <template #prepend>{{ t('datatable.pageSize') }}</template>
<n8n-option <n8n-option

4
packages/design-system/src/components/N8nLoading/Loading.vue
View file

@ -28,7 +28,7 @@
</div> </div>
</div> </div>
<div :class="$style.custom" v-else-if="variant === 'custom'"> <div :class="$style.custom" v-else-if="variant === 'custom'">
<el-skeleton-item :variant="variant" /> <el-skeleton-item />
</div> </div>
<el-skeleton-item v-else :variant="variant" /> <el-skeleton-item v-else :variant="variant" />
</template> </template>
@ -98,7 +98,7 @@ export default defineComponent({
</style> </style>
<style lang="scss"> <style lang="scss">
.n8n-loading-custom .el-skeleton { .n8n-loading-custom.el-skeleton {
&, &,
.el-skeleton__item { .el-skeleton__item {
width: 100%; width: 100%;

2
packages/design-system/src/components/N8nMenuItem/MenuItem.vue
View file

@ -9,7 +9,7 @@
[$style.active]: mode === 'router' && isItemActive(item), [$style.active]: mode === 'router' && isItemActive(item),
}" }"
:index="item.id" :index="item.id"
popper-append-to-body teleported
:popper-class="`${$style.submenuPopper} ${popperClass}`" :popper-class="`${$style.submenuPopper} ${popperClass}`"
> >
<template #title> <template #title>

4
packages/design-system/src/components/N8nPopover/Popover.vue
View file

@ -16,8 +16,8 @@ export default defineComponent({
<template> <template>
<el-popover v-bind="{ ...$props, ...$attrs }"> <el-popover v-bind="{ ...$props, ...$attrs }">
<template #reference> <template #reference>
<slot /> <slot name="reference" />
</template> </template>
<slot name="content" /> <slot />
</el-popover> </el-popover>
</template> </template>

2
packages/design-system/src/components/N8nUserSelect/UserSelect.vue
View file

@ -6,7 +6,7 @@
:filterMethod="setFilter" :filterMethod="setFilter"
:placeholder="placeholder" :placeholder="placeholder"
:default-first-option="true" :default-first-option="true"
:popper-append-to-body="true" teleported
:popper-class="$style.limitPopperWidth" :popper-class="$style.limitPopperWidth"
:noDataText="t('nds.userSelect.noMatchingUsers')" :noDataText="t('nds.userSelect.noMatchingUsers')"
:size="size" :size="size"

20
packages/design-system/src/css/common/transition.scss
View file

@ -4,8 +4,8 @@
.fade-in-linear-leave-active { .fade-in-linear-leave-active {
transition: var.$fade-linear-transition; transition: var.$fade-linear-transition;
} }
.fade-in-linear-enter, .fade-in-linear-enter-from,
.fade-in-linear-leave, .fade-in-linear-leave-from,
.fade-in-linear-leave-active { .fade-in-linear-leave-active {
opacity: 0; opacity: 0;
} }
@ -14,8 +14,8 @@
.el-fade-in-linear-leave-active { .el-fade-in-linear-leave-active {
transition: var.$fade-linear-transition; transition: var.$fade-linear-transition;
} }
.el-fade-in-linear-enter, .el-fade-in-linear-enter-from,
.el-fade-in-linear-leave, .el-fade-in-linear-leave-from,
.el-fade-in-linear-leave-active { .el-fade-in-linear-leave-active {
opacity: 0; opacity: 0;
} }
@ -24,7 +24,7 @@
.el-fade-in-leave-active { .el-fade-in-leave-active {
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
} }
.el-fade-in-enter, .el-fade-in-enter-from,
.el-fade-in-leave-active { .el-fade-in-leave-active {
opacity: 0; opacity: 0;
} }
@ -33,7 +33,7 @@
.el-zoom-in-center-leave-active { .el-zoom-in-center-leave-active {
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
} }
.el-zoom-in-center-enter, .el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active { .el-zoom-in-center-leave-active {
opacity: 0; opacity: 0;
transform: scaleX(0); transform: scaleX(0);
@ -46,7 +46,7 @@
transition: var.$md-fade-transition; transition: var.$md-fade-transition;
transform-origin: center top; transform-origin: center top;
} }
.el-zoom-in-top-enter, .el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active { .el-zoom-in-top-leave-active {
opacity: 0; opacity: 0;
transform: scaleY(0); transform: scaleY(0);
@ -59,7 +59,7 @@
transition: var.$md-fade-transition; transition: var.$md-fade-transition;
transform-origin: center bottom; transform-origin: center bottom;
} }
.el-zoom-in-bottom-enter, .el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active { .el-zoom-in-bottom-leave-active {
opacity: 0; opacity: 0;
transform: scaleY(0); transform: scaleY(0);
@ -72,7 +72,7 @@
transition: var.$md-fade-transition; transition: var.$md-fade-transition;
transform-origin: top left; transform-origin: top left;
} }
.el-zoom-in-left-enter, .el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active { .el-zoom-in-left-leave-active {
opacity: 0; opacity: 0;
transform: scale(0.45, 0.45); transform: scale(0.45, 0.45);
@ -89,7 +89,7 @@
.el-list-leave-active { .el-list-leave-active {
transition: all 1s; transition: all 1s;
} }
.el-list-enter, .el-list-enter-from,
.el-list-leave-active { .el-list-leave-active {
opacity: 0; opacity: 0;
transform: translateY(-30px); transform: translateY(-30px);

11
packages/design-system/src/css/dialog.scss
View file

@ -3,6 +3,17 @@
@use './common/var'; @use './common/var';
@use 'common/popup'; @use 'common/popup';
@include mixins.b(overlay) {
width: 100%;
height: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
padding: var(--spacing-2xl);
background-color: rgba(0, 0, 0, 0.5);
}
@include mixins.b(dialog) { @include mixins.b(dialog) {
position: relative; position: relative;
margin: 0 auto 50px; margin: 0 auto 50px;

2
packages/design-system/src/locale/index.ts
View file

@ -36,8 +36,6 @@ export async function use(l: string) {
try { try {
const ndsLang = (await import(`./lang/${l}.ts`)) as { default: N8nLocale }; const ndsLang = (await import(`./lang/${l}.ts`)) as { default: N8nLocale };
console.log('ndsLang', ndsLang);
lang = ndsLang.default; lang = ndsLang.default;
// todo breaks select empty data // todo breaks select empty data

5
packages/editor-ui/src/App.vue
View file

@ -276,6 +276,11 @@ export default defineComponent({
height: 100vh; height: 100vh;
width: 100%; width: 100%;
justify-content: center; justify-content: center;
main {
width: 100%;
height: 100%;
}
} }
.header { .header {

2
packages/editor-ui/src/components/Banner.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<el-tag :type="theme" size="medium" :disable-transitions="true" :class="$style.container"> <el-tag :type="theme" :disable-transitions="true" :class="$style.container">
<font-awesome-icon <font-awesome-icon
:icon="theme === 'success' ? 'check-circle' : 'exclamation-triangle'" :icon="theme === 'success' ? 'check-circle' : 'exclamation-triangle'"
:class="theme === 'success' ? $style.icon : $style.dangerIcon" :class="theme === 'success' ? $style.icon : $style.dangerIcon"

10
packages/editor-ui/src/components/CodeNodeEditor/CodeNodeEditor.vue
View file

@ -66,7 +66,7 @@ export default defineComponent({
type: Boolean, type: Boolean,
default: false, default: false,
}, },
value: { modelValue: {
type: String, type: String,
}, },
}, },
@ -209,8 +209,8 @@ export default defineComponent({
if (!this.isReadOnly) codeNodeEditorEventBus.on('error-line-number', this.highlightLine); if (!this.isReadOnly) codeNodeEditorEventBus.on('error-line-number', this.highlightLine);
// empty on first load, default param value // empty on first load, default param value
if (!this.value) { if (!this.modelValue) {
this.$emit('valueChanged', this.placeholder); this.$emit('update:modelValue', this.placeholder);
} }
const { isReadOnly, language } = this; const { isReadOnly, language } = this;
@ -242,7 +242,7 @@ export default defineComponent({
this.trackCompletion(viewUpdate); this.trackCompletion(viewUpdate);
this.$emit('valueChanged', this.editor?.state.doc.toString()); this.$emit('update:modelValue', this.editor?.state.doc.toString());
}), }),
); );
} }
@ -251,7 +251,7 @@ export default defineComponent({
extensions.push(this.languageCompartment.of(languageSupport), ...otherExtensions); extensions.push(this.languageCompartment.of(languageSupport), ...otherExtensions);
const state = EditorState.create({ const state = EditorState.create({
doc: this.value || this.placeholder, doc: this.modelValue || this.placeholder,
extensions, extensions,
}); });

2
packages/editor-ui/src/components/CollectionWorkflowCard.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<n8n-card :class="$style.card" v-on="$listeners"> <n8n-card :class="$style.card" v-bind="$attrs">
<template #header v-if="!loading"> <template #header v-if="!loading">
<span v-text="title" :class="$style.title" /> <span v-text="title" :class="$style.title" />
</template> </template>

6
packages/editor-ui/src/components/ExecutionFilter.vue
View file

@ -244,7 +244,7 @@ onBeforeMount(() => {
<div :class="$style.group"> <div :class="$style.group">
<n8n-tooltip placement="right"> <n8n-tooltip placement="right">
<template #content> <template #content>
<i18n-t tag="span" path="executionsFilter.customData.docsTooltip"> <i18n-t tag="span" keypath="executionsFilter.customData.docsTooltip">
<template #link> <template #link>
<a <a
target="_blank" target="_blank"
@ -266,7 +266,7 @@ onBeforeMount(() => {
}}</label> }}</label>
<n8n-tooltip :disabled="isAdvancedExecutionFilterEnabled" placement="top"> <n8n-tooltip :disabled="isAdvancedExecutionFilterEnabled" placement="top">
<template #content> <template #content>
<i18n-t tag="span" path="executionsFilter.customData.inputTooltip"> <i18n-t tag="span" keypath="executionsFilter.customData.inputTooltip">
<template #link> <template #link>
<a <a
href="#" href="#"
@ -294,7 +294,7 @@ onBeforeMount(() => {
}}</label> }}</label>
<n8n-tooltip :disabled="isAdvancedExecutionFilterEnabled" placement="top"> <n8n-tooltip :disabled="isAdvancedExecutionFilterEnabled" placement="top">
<template #content> <template #content>
<i18n-t tag="span" path="executionsFilter.customData.inputTooltip"> <i18n-t tag="span" keypath="executionsFilter.customData.inputTooltip">
<template #link> <template #link>
<a href="#" @click.prevent="goToUpgrade">{{ <a href="#" @click.prevent="goToUpgrade">{{
locale.baseText('executionsFilter.customData.inputTooltip.link') locale.baseText('executionsFilter.customData.inputTooltip.link')

2
packages/editor-ui/src/components/ExecutionsList.vue
View file

@ -95,7 +95,7 @@
</span> </span>
<i18n-t <i18n-t
v-if="!isWaitTillIndefinite(execution)" v-if="!isWaitTillIndefinite(execution)"
:path="getStatusTextTranslationPath(execution)" :keypath="getStatusTextTranslationPath(execution)"
> >
<template #status> <template #status>
<span :class="$style.status">{{ getStatusText(execution) }}</span> <span :class="$style.status">{{ getStatusText(execution) }}</span>

2
packages/editor-ui/src/components/ExecutionsUsage.vue
View file

@ -6,7 +6,7 @@
</n8n-text> </n8n-text>
</div> </div>
<div v-else-if="!isTrialExpired && trialHasExecutionsLeft" :class="$style.usageText"> <div v-else-if="!isTrialExpired && trialHasExecutionsLeft" :class="$style.usageText">
<i18n-t path="executionUsage.currentUsage"> <i18n-t keypath="executionUsage.currentUsage">
<template #text> <template #text>
<n8n-text size="small" color="text-dark"> <n8n-text size="small" color="text-dark">
{{ locale.baseText('executionUsage.currentUsage.text') }} {{ locale.baseText('executionUsage.currentUsage.text') }}

4
packages/editor-ui/src/components/ExpandableInput/ExpandableInputBase.vue
View file

@ -10,10 +10,10 @@ import { defineComponent } from 'vue';
export default defineComponent({ export default defineComponent({
name: 'ExpandableInputBase', name: 'ExpandableInputBase',
props: ['value', 'placeholder', 'staticSize'], props: ['modelValue', 'placeholder', 'staticSize'],
computed: { computed: {
hiddenValue() { hiddenValue() {
let value = (this.value as string).replace(/\s/g, '.'); // force input to expand on space chars let value = (this.modelValue as string).replace(/\s/g, '.'); // force input to expand on space chars
if (!value) { if (!value) {
// @ts-ignore // @ts-ignore
value = this.placeholder; value = this.placeholder;

2
packages/editor-ui/src/components/ExpandableInput/ExpandableInputEdit.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<ExpandableInputBase :value="modelValue" :placeholder="placeholder"> <ExpandableInputBase :modelValue="modelValue" :placeholder="placeholder">
<input <input
class="el-input__inner" class="el-input__inner"
:value="modelValue" :value="modelValue"

6
packages/editor-ui/src/components/ExpandableInput/ExpandableInputPreview.vue
View file

@ -1,9 +1,9 @@
<template> <template>
<ExpandableInputBase :value="value" :staticSize="true"> <ExpandableInputBase :modelValue="modelValue" :staticSize="true">
<template> <template>
<input <input
:class="{ 'el-input__inner': true, clickable: true }" :class="{ 'el-input__inner': true, clickable: true }"
:value="value" :value="modelValue"
:disabled="true" :disabled="true"
size="4" size="4"
/> />
@ -18,7 +18,7 @@ import ExpandableInputBase from './ExpandableInputBase.vue';
export default defineComponent({ export default defineComponent({
name: 'ExpandableInputPreview', name: 'ExpandableInputPreview',
components: { ExpandableInputBase }, components: { ExpandableInputBase },
props: ['value'], props: ['modelValue'],
}); });
</script> </script>

2
packages/editor-ui/src/components/ExpressionEdit.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div v-if="dialogVisible" @keydown.stop> <div v-if="dialogVisible" @keydown.stop>
<el-dialog <el-dialog
:visible="dialogVisible" :modelValue="dialogVisible"
class="expression-dialog classic" class="expression-dialog classic"
append-to-body append-to-body
width="80%" width="80%"

6
packages/editor-ui/src/components/InlineTextEdit.vue
View file

@ -15,7 +15,7 @@
</span> </span>
<span @click="onClick" class="preview" v-else> <span @click="onClick" class="preview" v-else>
<ExpandableInputPreview :value="previewValue || value" /> <ExpandableInputPreview :modelValue="previewValue || modelValue" />
</span> </span>
</span> </span>
</template> </template>
@ -34,7 +34,7 @@ export default defineComponent({
type: Boolean, type: Boolean,
default: false, default: false,
}, },
value: { modelValue: {
type: String, type: String,
default: '', default: '',
}, },
@ -75,7 +75,7 @@ export default defineComponent({
return; return;
} }
this.$data.newValue = this.value; this.$data.newValue = this.modelValue;
this.$emit('toggle'); this.$emit('toggle');
}, },
onBlur() { onBlur() {

2
packages/editor-ui/src/components/InputPanel.vue
View file

@ -25,7 +25,7 @@
<div :class="$style.titleSection"> <div :class="$style.titleSection">
<n8n-select <n8n-select
v-if="parentNodes.length" v-if="parentNodes.length"
:popper-append-to-body="true" teleported
size="small" size="small"
:modelValue="currentNodeName" :modelValue="currentNodeName"
@update:modelValue="onSelect" @update:modelValue="onSelect"

4
packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
View file

@ -10,7 +10,7 @@
> >
<template #default="{ shortenedName }"> <template #default="{ shortenedName }">
<InlineTextEdit <InlineTextEdit
:value="workflowName" :modelValue="workflowName"
:previewValue="shortenedName" :previewValue="shortenedName"
:isEditEnabled="isNameEditEnabled" :isEditEnabled="isNameEditEnabled"
:maxLength="MAX_WORKFLOW_NAME_LENGTH" :maxLength="MAX_WORKFLOW_NAME_LENGTH"
@ -77,7 +77,7 @@
</n8n-button> </n8n-button>
<template #content> <template #content>
<i18n-t <i18n-t
:path=" :keypath="
contextBasedTranslationKeys.workflows.sharing.unavailable.description.tooltip contextBasedTranslationKeys.workflows.sharing.unavailable.description.tooltip
" "
tag="span" tag="span"

4
packages/editor-ui/src/components/MainSidebar.vue
View file

@ -445,7 +445,9 @@ export default defineComponent({
} }
}, },
goToRoute(route: string | { name: string }) { goToRoute(route: string | { name: string }) {
console.log(this.$router);
this.$router.push(route).catch((failure) => { this.$router.push(route).catch((failure) => {
console.log(failure);
// Catch navigation failures caused by route guards // Catch navigation failures caused by route guards
if (!isNavigationFailure(failure)) { if (!isNavigationFailure(failure)) {
console.error(failure); console.error(failure);
@ -466,8 +468,6 @@ export default defineComponent({
} }
} }
console.log(defaultSettingsRoute);
return defaultSettingsRoute; return defaultSettingsRoute;
}, },
onResize(event: UIEvent) { onResize(event: UIEvent) {

6
packages/editor-ui/src/components/Modal.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<el-dialog <el-dialog
:visible="uiStore.isModalOpen(this.name)" :modelValue="uiStore.isModalOpen(this.name)"
:before-close="closeDialog" :before-close="closeDialog"
:class="{ :class="{
'dialog-wrapper': true, 'dialog-wrapper': true,
@ -16,7 +16,7 @@
append-to-body append-to-body
:data-test-id="`${this.name}-modal`" :data-test-id="`${this.name}-modal`"
> >
<template #title v-if="$scopedSlots.header"> <template #header v-if="$slots.header">
<slot name="header" v-if="!loading" /> <slot name="header" v-if="!loading" />
</template> </template>
<template #title v-else-if="title"> <template #title v-else-if="title">
@ -40,7 +40,7 @@
<n8n-spinner /> <n8n-spinner />
</div> </div>
</div> </div>
<div v-if="!loading && $scopedSlots.footer" :class="$style.footer"> <div v-if="!loading && $slots.footer" :class="$style.footer">
<slot name="footer" :close="closeDialog" /> <slot name="footer" :close="closeDialog" />
</div> </div>
</el-dialog> </el-dialog>

2
packages/editor-ui/src/components/Node/NodeCreator/ItemTypes/CategoryItem.vue
View file

@ -21,7 +21,7 @@ const categoryName = computed(() => {
<template> <template>
<div <div
:class="$style.categoryWrapper" :class="$style.categoryWrapper"
v-on="$listeners" v-bind="$attrs"
data-keyboard-nav="true" data-keyboard-nav="true"
data-test-id="node-creator-category-item" data-test-id="node-creator-category-item"
> >

19
packages/editor-ui/src/components/Node/NodeCreator/Modes/ActionsMode.vue
View file

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed, getCurrentInstance, onMounted, defineComponent } from 'vue'; import { computed, getCurrentInstance, onMounted, defineComponent, h } from 'vue';
import type { VNode, PropType } from 'vue'; import type { VNode, PropType } from 'vue';
import type { import type {
INodeCreateElement, INodeCreateElement,
@ -211,15 +211,16 @@ const OrderSwitcher = defineComponent({
type: String as PropType<NodeFilterType>, type: String as PropType<NodeFilterType>,
}, },
}, },
render(h): VNode { setup(props, { slots }) {
const triggers = this.$slots?.triggers?.[0]; const triggers = slots.triggers?.();
const actions = this.$slots?.actions?.[0]; const actions = slots.actions?.();
return h( return () =>
'div', h(
{}, 'div',
this.rootView === REGULAR_NODE_CREATOR_VIEW ? [actions, triggers] : [triggers, actions], {},
); props.rootView === REGULAR_NODE_CREATOR_VIEW ? [actions, triggers] : [triggers, actions],
);
}, },
}); });

3
packages/editor-ui/src/components/Node/NodeCreator/NodeCreator.vue
View file

@ -13,7 +13,7 @@
@mouseup="onMouseUp" @mouseup="onMouseUp"
data-test-id="node-creator" data-test-id="node-creator"
> >
<NodesListPanel @nodeTypeSelected="$listeners.nodeTypeSelected" /> <NodesListPanel @nodeTypeSelected="onNodeTypeSelected" />
</div> </div>
</slide-transition> </slide-transition>
</div> </div>
@ -33,6 +33,7 @@ import NodesListPanel from './Panel/NodesListPanel.vue';
export interface Props { export interface Props {
active?: boolean; active?: boolean;
onNodeTypeSelected?: (nodeType: string) => void;
} }
const props = defineProps<Props>(); const props = defineProps<Props>();

4
packages/editor-ui/src/components/Node/NodeCreator/Panel/NodesListPanel.vue
View file

@ -129,10 +129,10 @@ function onBackButton() {
/> />
<div :class="$style.renderedItems"> <div :class="$style.renderedItems">
<!-- Actions mode --> <!-- Actions mode -->
<ActionsRenderer v-if="isActionsMode && activeViewStack.subcategory" v-on="$listeners" /> <ActionsRenderer v-if="isActionsMode && activeViewStack.subcategory" v-bind="$attrs" />
<!-- Nodes Mode --> <!-- Nodes Mode -->
<NodesRenderer v-else :rootView="nodeCreatorView" v-on="$listeners" /> <NodesRenderer v-else :rootView="nodeCreatorView" v-bind="$attrs" />
</div> </div>
</aside> </aside>
</transition> </transition>

2
packages/editor-ui/src/components/Node/NodeCreator/Renderers/CategorizedItemsRenderer.vue
View file

@ -117,8 +117,8 @@ registerKeyHook(`CategoryLeft_${props.category}`, {
<!-- Pass through listeners & empty slot to ItemsRenderer --> <!-- Pass through listeners & empty slot to ItemsRenderer -->
<ItemsRenderer <ItemsRenderer
v-if="expanded" v-if="expanded"
v-bind="$attrs"
:elements="elements" :elements="elements"
v-on="$listeners"
:isTrigger="isTriggerCategory" :isTrigger="isTriggerCategory"
> >
<template #default> </template> <template #default> </template>

2
packages/editor-ui/src/components/NodeDetailsView.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<el-dialog <el-dialog
:visible="(!!activeNode || renaming) && !isActiveStickyNode" :modelValue="(!!activeNode || renaming) && !isActiveStickyNode"
:before-close="close" :before-close="close"
:show-close="false" :show-close="false"
class="data-display-wrapper ndv-wrapper" class="data-display-wrapper ndv-wrapper"

4
packages/editor-ui/src/components/NodeSettings.vue
View file

@ -48,7 +48,7 @@
<div v-if="isCommunityNode" :class="$style.descriptionContainer"> <div v-if="isCommunityNode" :class="$style.descriptionContainer">
<div class="mb-l"> <div class="mb-l">
<i18n-t <i18n-t
path="nodeSettings.communityNodeUnknown.description" keypath="nodeSettings.communityNodeUnknown.description"
tag="span" tag="span"
@click="onMissingNodeTextClick" @click="onMissingNodeTextClick"
> >
@ -68,7 +68,7 @@
{{ $locale.baseText('nodeSettings.communityNodeUnknown.installLink.text') }} {{ $locale.baseText('nodeSettings.communityNodeUnknown.installLink.text') }}
</n8n-link> </n8n-link>
</div> </div>
<i18n-t v-else path="nodeSettings.nodeTypeUnknown.description" tag="span"> <i18n-t v-else keypath="nodeSettings.nodeTypeUnknown.description" tag="span">
<template #action> <template #action>
<a <a
:href="CUSTOM_NODES_DOCS_URL" :href="CUSTOM_NODES_DOCS_URL"

90
packages/editor-ui/src/components/ParameterInput.vue
View file

@ -3,7 +3,11 @@
<expression-edit <expression-edit
:dialogVisible="expressionEditDialogVisible" :dialogVisible="expressionEditDialogVisible"
:modelValue=" :modelValue="
isResourceLocatorParameter && typeof value !== 'string' ? (value ? value.value : '') : value isResourceLocatorParameter && typeof modelValue !== 'string'
? modelValue
? modelValue.value
: ''
: modelValue
" "
:parameter="parameter" :parameter="parameter"
:path="path" :path="path"
@ -17,7 +21,7 @@
v-if="isResourceLocatorParameter" v-if="isResourceLocatorParameter"
ref="resourceLocator" ref="resourceLocator"
:parameter="parameter" :parameter="parameter"
:modelValue="value" :modelValue="modelValue"
:dependentParametersValues="dependentParametersValues" :dependentParametersValues="dependentParametersValues"
:displayTitle="displayTitle" :displayTitle="displayTitle"
:expressionDisplayValue="expressionDisplayValue" :expressionDisplayValue="expressionDisplayValue"
@ -55,7 +59,7 @@
> >
<el-dialog <el-dialog
v-if="codeEditDialogVisible" v-if="codeEditDialogVisible"
visible :modelValue="true"
append-to-body append-to-body
:close-on-click-modal="false" :close-on-click-modal="false"
width="80%" width="80%"
@ -66,18 +70,18 @@
> >
<div class="ignore-key-press"> <div class="ignore-key-press">
<code-node-editor <code-node-editor
:value="value" :modelValue="modelValue"
:defaultValue="parameter.default" :defaultValue="parameter.default"
:language="editorLanguage" :language="editorLanguage"
:isReadOnly="isReadOnly" :isReadOnly="isReadOnly"
@valueChanged="expressionUpdated" @update:modelValue="expressionUpdated"
/> />
</div> </div>
</el-dialog> </el-dialog>
<text-edit <text-edit
:dialogVisible="textEditDialogVisible" :dialogVisible="textEditDialogVisible"
:value="value" :value="modelValue"
:parameter="parameter" :parameter="parameter"
:path="path" :path="path"
:isReadOnly="isReadOnly" :isReadOnly="isReadOnly"
@ -88,17 +92,17 @@
<code-node-editor <code-node-editor
v-if="editorType === 'codeNodeEditor' && isCodeNode(node)" v-if="editorType === 'codeNodeEditor' && isCodeNode(node)"
:mode="node.parameters.mode" :mode="node.parameters.mode"
:value="value" :modelValue="modelValue"
:defaultValue="parameter.default" :defaultValue="parameter.default"
:language="editorLanguage" :language="editorLanguage"
:isReadOnly="isReadOnly" :isReadOnly="isReadOnly"
:aiButtonEnabled="settingsStore.isCloudDeployment" :aiButtonEnabled="settingsStore.isCloudDeployment"
@valueChanged="valueChangedDebounced" @update:modelValue="valueChangedDebounced"
/> />
<html-editor <html-editor
v-else-if="editorType === 'htmlEditor'" v-else-if="editorType === 'htmlEditor'"
:html="value" :html="modelValue"
:isReadOnly="isReadOnly" :isReadOnly="isReadOnly"
:rows="getArgument('rows')" :rows="getArgument('rows')"
:disableExpressionColoring="!isHtmlNode(node)" :disableExpressionColoring="!isHtmlNode(node)"
@ -108,7 +112,7 @@
<sql-editor <sql-editor
v-else-if="editorType === 'sqlEditor'" v-else-if="editorType === 'sqlEditor'"
:query="value" :query="modelValue"
:dialect="getArgument('sqlDialect')" :dialect="getArgument('sqlDialect')"
:isReadOnly="isReadOnly" :isReadOnly="isReadOnly"
@valueChanged="valueChangedDebounced" @valueChanged="valueChangedDebounced"
@ -121,7 +125,7 @@
> >
<code-node-editor <code-node-editor
v-if="!codeEditDialogVisible" v-if="!codeEditDialogVisible"
:value="value" :modelValue="modelValue"
:language="editorLanguage" :language="editorLanguage"
:isReadOnly="true" :isReadOnly="true"
/> />
@ -137,8 +141,8 @@
:rows="getArgument('rows')" :rows="getArgument('rows')"
:modelValue="displayValue" :modelValue="displayValue"
:disabled="isReadOnly" :disabled="isReadOnly"
@update:modelValue="onTextInputChange" @update:modelValue="valueChanged"
@change="valueChanged" @change="onTextInputChange"
@keydown.stop @keydown.stop
@focus="setFocus" @focus="setFocus"
@blur="onBlur" @blur="onBlur"
@ -171,7 +175,7 @@
:disabled="isReadOnly" :disabled="isReadOnly"
@focus="setFocus" @focus="setFocus"
@blur="onBlur" @blur="onBlur"
@change="valueChanged" @update:modelValue="valueChanged"
:title="displayTitle" :title="displayTitle"
:show-alpha="getArgument('showAlpha')" :show-alpha="getArgument('showAlpha')"
/> />
@ -203,7 +207,7 @@
: $locale.baseText('parameterInput.selectDateAndTime') : $locale.baseText('parameterInput.selectDateAndTime')
" "
:picker-options="dateTimePickerOptions" :picker-options="dateTimePickerOptions"
@change="valueChanged" @update:modelValue="valueChanged"
@focus="setFocus" @focus="setFocus"
@blur="onBlur" @blur="onBlur"
@keydown.stop @keydown.stop
@ -221,8 +225,8 @@
:disabled="isReadOnly" :disabled="isReadOnly"
:title="displayTitle" :title="displayTitle"
:placeholder="parameter.placeholder" :placeholder="parameter.placeholder"
@change="valueChanged" @change="onTextInputChange"
@update:modelValue="onTextInputChange" @update:modelValue="valueChanged"
@focus="setFocus" @focus="setFocus"
@blur="onBlur" @blur="onBlur"
@keydown.stop @keydown.stop
@ -260,7 +264,7 @@
:loading="remoteParameterOptionsLoading" :loading="remoteParameterOptionsLoading"
:disabled="isReadOnly || remoteParameterOptionsLoading" :disabled="isReadOnly || remoteParameterOptionsLoading"
:title="displayTitle" :title="displayTitle"
@change="valueChanged" @update:modelValue="valueChanged"
@keydown.stop @keydown.stop
@focus="setFocus" @focus="setFocus"
@blur="onBlur" @blur="onBlur"
@ -298,7 +302,7 @@
:disabled="isReadOnly || remoteParameterOptionsLoading" :disabled="isReadOnly || remoteParameterOptionsLoading"
:title="displayTitle" :title="displayTitle"
:placeholder="$locale.baseText('parameterInput.select')" :placeholder="$locale.baseText('parameterInput.select')"
@change="valueChanged" @update:modelValue="valueChanged"
@keydown.stop @keydown.stop
@focus="setFocus" @focus="setFocus"
@blur="onBlur" @blur="onBlur"
@ -335,7 +339,7 @@
active-color="#13ce66" active-color="#13ce66"
:value="displayValue" :value="displayValue"
:disabled="isReadOnly" :disabled="isReadOnly"
@change="valueChanged" @update:modelValue="valueChanged"
/> />
</div> </div>
@ -417,7 +421,7 @@ export default defineComponent({
path: { path: {
type: String, type: String,
}, },
value: { modelValue: {
type: [String, Number, Boolean, Array, Object] as PropType<NodeParameterValueType>, type: [String, Number, Boolean, Array, Object] as PropType<NodeParameterValueType>,
}, },
hideLabel: { hideLabel: {
@ -521,7 +525,7 @@ export default defineComponent({
// on which the current field depends on changes // on which the current field depends on changes
await this.loadRemoteParameterOptions(); await this.loadRemoteParameterOptions();
}, },
value() { modelValue() {
if (this.parameter.type === 'color' && this.getArgument('showAlpha') === true) { if (this.parameter.type === 'color' && this.getArgument('showAlpha') === true) {
// Do not set for color with alpha else wrong value gets displayed in field // Do not set for color with alpha else wrong value gets displayed in field
return; return;
@ -542,7 +546,9 @@ export default defineComponent({
return ''; return '';
} }
const value = isResourceLocatorValue(this.value) ? this.value.value : this.value; const value = isResourceLocatorValue(this.modelValue)
? this.modelValue.value
: this.modelValue;
if (typeof value === 'string' && value.startsWith('=')) { if (typeof value === 'string' && value.startsWith('=')) {
return value.slice(1); return value.slice(1);
} }
@ -550,7 +556,7 @@ export default defineComponent({
return `${this.displayValue ?? ''}`; return `${this.displayValue ?? ''}`;
}, },
isValueExpression(): boolean { isValueExpression(): boolean {
return isValueExpression(this.parameter, this.value); return isValueExpression(this.parameter, this.modelValue);
}, },
codeAutocomplete(): string | undefined { codeAutocomplete(): string | undefined {
return this.getArgument('codeAutocomplete') as string | undefined; return this.getArgument('codeAutocomplete') as string | undefined;
@ -608,16 +614,16 @@ export default defineComponent({
let returnValue; let returnValue;
if (this.isValueExpression === false) { if (this.isValueExpression === false) {
returnValue = this.isResourceLocatorParameter returnValue = this.isResourceLocatorParameter
? isResourceLocatorValue(this.value) ? isResourceLocatorValue(this.modelValue)
? this.value.value ? this.modelValue.value
: '' : ''
: this.value; : this.modelValue;
} else { } else {
returnValue = this.expressionEvaluated; returnValue = this.expressionEvaluated;
} }
if (this.parameter.type === 'credentialsSelect' && typeof this.value === 'string') { if (this.parameter.type === 'credentialsSelect' && typeof this.modelValue === 'string') {
const credType = this.credentialsStore.getCredentialTypeByName(this.value); const credType = this.credentialsStore.getCredentialTypeByName(this.modelValue);
if (credType) { if (credType) {
returnValue = credType.displayName; returnValue = credType.displayName;
} }
@ -942,7 +948,7 @@ export default defineComponent({
}, },
expressionUpdated(value: string) { expressionUpdated(value: string) {
const val: NodeParameterValueType = this.isResourceLocatorParameter const val: NodeParameterValueType = this.isResourceLocatorParameter
? { __rl: true, value, mode: this.value.mode } ? { __rl: true, value, mode: this.modelValue.mode }
: value; : value;
this.valueChanged(val); this.valueChanged(val);
}, },
@ -1063,26 +1069,30 @@ export default defineComponent({
} }
}, },
optionSelected(command: string) { optionSelected(command: string) {
const prevValue = this.value; const prevValue = this.modelValue;
if (command === 'resetValue') { if (command === 'resetValue') {
this.valueChanged(this.parameter.default); this.valueChanged(this.parameter.default);
} else if (command === 'addExpression') { } else if (command === 'addExpression') {
if (this.isResourceLocatorParameter) { if (this.isResourceLocatorParameter) {
if (isResourceLocatorValue(this.value)) { if (isResourceLocatorValue(this.modelValue)) {
this.valueChanged({ __rl: true, value: `=${this.value.value}`, mode: this.value.mode }); this.valueChanged({
__rl: true,
value: `=${this.modelValue.value}`,
mode: this.modelValue.mode,
});
} else { } else {
this.valueChanged({ __rl: true, value: `=${this.value}`, mode: '' }); this.valueChanged({ __rl: true, value: `=${this.modelValue}`, mode: '' });
} }
} else if ( } else if (
this.parameter.type === 'number' && this.parameter.type === 'number' &&
(!this.value || this.value === '[Object: null]') (!this.modelValue || this.modelValue === '[Object: null]')
) { ) {
this.valueChanged('={{ 0 }}'); this.valueChanged('={{ 0 }}');
} else if (this.parameter.type === 'number' || this.parameter.type === 'boolean') { } else if (this.parameter.type === 'number' || this.parameter.type === 'boolean') {
this.valueChanged(`={{ ${this.value} }}`); this.valueChanged(`={{ ${this.modelValue} }}`);
} else { } else {
this.valueChanged(`=${this.value}`); this.valueChanged(`=${this.modelValue}`);
} }
this.setFocus(); this.setFocus();
@ -1101,14 +1111,14 @@ export default defineComponent({
); );
} }
if (this.isResourceLocatorParameter && isResourceLocatorValue(this.value)) { if (this.isResourceLocatorParameter && isResourceLocatorValue(this.modelValue)) {
this.valueChanged({ __rl: true, value, mode: this.value.mode }); this.valueChanged({ __rl: true, value, mode: this.modelValue.mode });
} else { } else {
let newValue = typeof value !== 'undefined' ? value : null; let newValue = typeof value !== 'undefined' ? value : null;
if (this.parameter.type === 'string') { if (this.parameter.type === 'string') {
// Strip the '=' from the beginning // Strip the '=' from the beginning
newValue = this.value ? this.value.toString().substring(1) : null; newValue = this.modelValue ? this.modelValue.toString().substring(1) : null;
} }
this.valueChanged(newValue); this.valueChanged(newValue);

2
packages/editor-ui/src/components/ParameterInputWrapper.vue
View file

@ -4,7 +4,7 @@
ref="param" ref="param"
:inputSize="inputSize" :inputSize="inputSize"
:parameter="parameter" :parameter="parameter"
:value="value" :modelValue="value"
:path="path" :path="path"
:isReadOnly="isReadOnly" :isReadOnly="isReadOnly"
:droppable="droppable" :droppable="droppable"

3
packages/editor-ui/src/components/ParameterOptions.vue
View file

@ -44,6 +44,7 @@ import type { NodeParameterValueType } from 'n8n-workflow';
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import type { PropType } from 'vue'; import type { PropType } from 'vue';
import { isValueExpression, isResourceLocatorValue } from '@/utils'; import { isValueExpression, isResourceLocatorValue } from '@/utils';
import { i18n } from '@/plugins/i18n';
export default defineComponent({ export default defineComponent({
name: 'parameter-options', name: 'parameter-options',
@ -81,7 +82,7 @@ export default defineComponent({
loadingMessage: { loadingMessage: {
type: String, type: String,
default() { default() {
return this.$locale.baseText('genericHelpers.loading'); return i18n.baseText('genericHelpers.loading');
}, },
}, },
}, },

8
packages/editor-ui/src/components/RunData.vue
View file

@ -132,7 +132,7 @@
:modelValue="runIndex" :modelValue="runIndex"
@update:modelValue="onRunIndexChange" @update:modelValue="onRunIndexChange"
@click.stop @click.stop
popper-append-to-body teleported
> >
<template #prepend>{{ $locale.baseText('ndv.output.run') }}</template> <template #prepend>{{ $locale.baseText('ndv.output.run') }}</template>
<n8n-option <n8n-option
@ -195,9 +195,9 @@
<div v-else-if="editMode.enabled" :class="$style.editMode"> <div v-else-if="editMode.enabled" :class="$style.editMode">
<div :class="[$style.editModeBody, 'ignore-key-press']"> <div :class="[$style.editModeBody, 'ignore-key-press']">
<code-node-editor <code-node-editor
:value="editMode.value" :modelValue="editMode.value"
language="json" language="json"
@valueChanged="ndvStore.setOutputPanelEditModeValue($event)" @update:modelValue="ndvStore.setOutputPanelEditModeValue($event)"
/> />
</div> </div>
<div :class="$style.editModeFooter"> <div :class="$style.editModeFooter">
@ -459,7 +459,7 @@
size="mini" size="mini"
:modelValue="pageSize" :modelValue="pageSize"
@update:modelValue="onPageSizeChange" @update:modelValue="onPageSizeChange"
popper-append-to-body teleported
> >
<template #prepend>{{ $locale.baseText('ndv.output.pageSize') }}</template> <template #prepend>{{ $locale.baseText('ndv.output.pageSize') }}</template>
<n8n-option v-for="size in pageSizes" :key="size" :label="size" :value="size"> <n8n-option v-for="size in pageSizes" :key="size" :label="size" :value="size">

2
packages/editor-ui/src/components/RunDataTable.vue
View file

@ -65,7 +65,7 @@
<n8n-tooltip placement="bottom-end"> <n8n-tooltip placement="bottom-end">
<template #content> <template #content>
<div> <div>
<i18n-t path="dataMapping.tableView.tableColumnsExceeded.tooltip"> <i18n-t keypath="dataMapping.tableView.tableColumnsExceeded.tooltip">
<template #columnLimit>{{ columnLimit }}</template> <template #columnLimit>{{ columnLimit }}</template>
<template #link> <template #link>
<a @click="switchToJsonView">{{ <a @click="switchToJsonView">{{

1
packages/editor-ui/src/components/TagsDropdown.vue
View file

@ -14,7 +14,6 @@
ref="select" ref="select"
loading-text="..." loading-text="..."
popper-class="tags-dropdown" popper-class="tags-dropdown"
size="medium"
> >
<n8n-option <n8n-option
v-if="options.length === 0 && filter && createEnabled" v-if="options.length === 0 && filter && createEnabled"

2
packages/editor-ui/src/components/TextEdit.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div v-if="dialogVisible"> <div v-if="dialogVisible">
<el-dialog <el-dialog
:visible="dialogVisible" :modelValue="dialogVisible"
append-to-body append-to-body
width="80%" width="80%"
:title="`${$locale.baseText('textEdit.edit')} ${$locale :title="`${$locale.baseText('textEdit.edit')} ${$locale

2
packages/editor-ui/src/components/WorkflowShareModal.ee.vue
View file

@ -71,7 +71,7 @@
<template #fallback> <template #fallback>
<n8n-text> <n8n-text>
<i18n-t <i18n-t
:path=" :keypath="
uiStore.contextBasedTranslationKeys.workflows.sharing.unavailable.description uiStore.contextBasedTranslationKeys.workflows.sharing.unavailable.description
" "
tag="span" tag="span"

2
packages/editor-ui/src/components/forms/ResourceFiltersDropdown.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<n8n-popover trigger="click"> <n8n-popover trigger="click" width="304" size="large">
<template #reference> <template #reference>
<n8n-button <n8n-button
icon="filter" icon="filter"

3
packages/editor-ui/src/components/layouts/ResourcesListLayout.vue
View file

@ -66,7 +66,6 @@
v-model="filters.search" v-model="filters.search"
:class="[$style['search'], 'mr-2xs']" :class="[$style['search'], 'mr-2xs']"
:placeholder="$locale.baseText(`${resourceKey}.search.placeholder`)" :placeholder="$locale.baseText(`${resourceKey}.search.placeholder`)"
size="medium"
clearable clearable
ref="search" ref="search"
data-test-id="resources-list-search" data-test-id="resources-list-search"
@ -76,7 +75,7 @@
</template> </template>
</n8n-input> </n8n-input>
<div :class="$style['sort-and-filter']"> <div :class="$style['sort-and-filter']">
<n8n-select v-model="sortBy" size="medium" data-test-id="resources-list-sort"> <n8n-select v-model="sortBy" data-test-id="resources-list-sort">
<n8n-option <n8n-option
v-for="sortOption in sortOptions" v-for="sortOption in sortOptions"
:key="sortOption" :key="sortOption"

2
packages/editor-ui/src/components/transitions/SlideTransition.vue
View file

@ -18,7 +18,7 @@ export default defineComponent({
transition: 200ms ease; transition: 200ms ease;
} }
.slide-leave-to, .slide-leave-to,
.slide-enter { .slide-enter-from {
transform: translateX(100%); transform: translateX(100%);
} }
</style> </style>

1
packages/editor-ui/src/views/CredentialsView.vue
View file

@ -24,7 +24,6 @@
/> />
<n8n-select <n8n-select
:modelValue="filters.type" :modelValue="filters.type"
size="medium"
multiple multiple
filterable filterable
ref="typeInput" ref="typeInput"

2
packages/editor-ui/src/views/SettingsApiView.vue
View file

@ -12,7 +12,7 @@
<div v-if="apiKey"> <div v-if="apiKey">
<p class="mb-s"> <p class="mb-s">
<n8n-info-tip :bold="false"> <n8n-info-tip :bold="false">
<i18n-t path="settings.api.view.info" tag="span"> <i18n-t keypath="settings.api.view.info" tag="span">
<template #apiAction> <template #apiAction>
<a <a
href="https://docs.n8n.io/api" href="https://docs.n8n.io/api"

6
packages/editor-ui/src/views/SettingsUsageAndPlan.vue
View file

@ -138,7 +138,7 @@ const openPricingPage = () => {
/> />
<div v-if="!usageStore.isDesktop && !usageStore.isLoading"> <div v-if="!usageStore.isDesktop && !usageStore.isLoading">
<n8n-heading :class="$style.title" size="large"> <n8n-heading :class="$style.title" size="large">
<i18n-t path="settings.usageAndPlan.description"> <i18n-t keypath="settings.usageAndPlan.description">
<template #name>{{ usageStore.planName }}</template> <template #name>{{ usageStore.planName }}</template>
<template #type> <template #type>
<span v-if="usageStore.planId">{{ <span v-if="usageStore.planId">{{
@ -160,7 +160,7 @@ const openPricingPage = () => {
:style="{ width: `${usageStore.executionPercentage}%` }" :style="{ width: `${usageStore.executionPercentage}%` }"
></span> ></span>
</span> </span>
<i18n-t :class="$style.count" path="settings.usageAndPlan.activeWorkflows.count"> <i18n-t :class="$style.count" keypath="settings.usageAndPlan.activeWorkflows.count">
<template #count>{{ usageStore.executionCount }}</template> <template #count>{{ usageStore.executionCount }}</template>
<template #limit> <template #limit>
<span v-if="usageStore.executionLimit < 0">{{ <span v-if="usageStore.executionLimit < 0">{{
@ -203,7 +203,7 @@ const openPricingPage = () => {
top="0" top="0"
@closed="onDialogClosed" @closed="onDialogClosed"
@opened="onDialogOpened" @opened="onDialogOpened"
:visible.sync="activationKeyModal" v-model="activationKeyModal"
:title="locale.baseText('settings.usageAndPlan.dialog.activation.title')" :title="locale.baseText('settings.usageAndPlan.dialog.activation.title')"
> >
<template #default> <template #default>

6
packages/editor-ui/src/views/SettingsVersionControl.vue
View file

@ -189,7 +189,7 @@ const refreshBranches = async () => {
data-test-id="version-control-content-licensed" data-test-id="version-control-content-licensed"
> >
<n8n-callout theme="secondary" icon="info-circle" class="mt-2xl mb-l"> <n8n-callout theme="secondary" icon="info-circle" class="mt-2xl mb-l">
<i18n-t path="settings.versionControl.description"> <i18n-t keypath="settings.versionControl.description">
<template #link> <template #link>
<a :href="versionControlDocsSetupUrl" target="_blank"> <a :href="versionControlDocsSetupUrl" target="_blank">
{{ locale.baseText('settings.versionControl.description.link') }} {{ locale.baseText('settings.versionControl.description.link') }}
@ -280,7 +280,7 @@ const refreshBranches = async () => {
</n8n-button> </n8n-button>
</div> </div>
<n8n-notice type="info" class="mt-s"> <n8n-notice type="info" class="mt-s">
<i18n-t path="settings.versionControl.sshKeyDescription"> <i18n-t keypath="settings.versionControl.sshKeyDescription">
<template #link> <template #link>
<a :href="versionControlDocsSetupUrl" target="_blank">{{ <a :href="versionControlDocsSetupUrl" target="_blank">{{
locale.baseText('settings.versionControl.sshKeyDescriptionLink') locale.baseText('settings.versionControl.sshKeyDescriptionLink')
@ -342,7 +342,7 @@ const refreshBranches = async () => {
v-model="versionControlStore.preferences.branchReadOnly" v-model="versionControlStore.preferences.branchReadOnly"
:class="$style.readOnly" :class="$style.readOnly"
> >
<i18n-t path="settings.versionControl.readonly"> <i18n-t keypath="settings.versionControl.readonly">
<template #bold> <template #bold>
<strong>{{ locale.baseText('settings.versionControl.readonly.bold') }}</strong> <strong>{{ locale.baseText('settings.versionControl.readonly.bold') }}</strong>
</template> </template>

6
packages/editor-ui/src/views/WorkflowsView.vue
View file

@ -77,11 +77,7 @@
color="text-base" color="text-base"
class="mb-3xs" class="mb-3xs"
/> />
<n8n-select <n8n-select :modelValue="filters.status" @update:modelValue="setKeyValue('status', $event)">
:modelValue="filters.status"
@update:modelValue="setKeyValue('status', $event)"
size="medium"
>
<n8n-option <n8n-option
v-for="option in statusFilterOptions" v-for="option in statusFilterOptions"
:key="option.label" :key="option.label"