admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-18 02:21:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): Stop using $locale in favor of the i18n composable (#11731)

Browse Source 
Co-authored-by: कारतोफ्फेलस्क्रिप्ट™ <aditya@netroy.in>
This commit is contained in:
Ricardo Espinoza
2024-11-15 19:11:58 -05:00
committed by GitHub
parent 54e1f62535
commit 3f9127955a
77 changed files with 529 additions and 474 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
packages/editor-ui/src/components/RunData.vue
View File

@@ -1254,7 +1254,7 @@ defineExpose({ enterEditMode });
icon="thumbtack"
:class="$style.pinnedDataCallout"
>
{{ $locale.baseText('runData.pindata.thisDataIsPinned') }}
{{ i18n.baseText('runData.pindata.thisDataIsPinned') }}
<span v-if="!isReadOnlyRoute && !readOnlyEnv" class="ml-4xs">
<N8nLink
theme="secondary"
@@ -1264,7 +1264,7 @@ defineExpose({ enterEditMode });
data-test-id="ndv-unpin-data"
@click.stop="onTogglePinData({ source: 'banner-link' })"
>
{{ $locale.baseText('runData.pindata.unpin') }}
{{ i18n.baseText('runData.pindata.unpin') }}
</N8nLink>
</span>
<template #trailingContent>
@@ -1276,7 +1276,7 @@ defineExpose({ enterEditMode });
underline
@click="onClickDataPinningDocsLink"
>
{{ $locale.baseText('runData.pindata.learnMore') }}
{{ i18n.baseText('runData.pindata.learnMore') }}
</N8nLink>
</template>
</N8nCallout>
@@ -1322,7 +1322,7 @@ defineExpose({ enterEditMode });
<N8nIconButton
v-if="canPinData && !isReadOnlyRoute && !readOnlyEnv"
v-show="!editMode.enabled"
:title="$locale.baseText('runData.editOutput')"
:title="i18n.baseText('runData.editOutput')"
:circle="false"
:disabled="node?.disabled"
icon="pencil-alt"
@@ -1347,13 +1347,13 @@ defineExpose({ enterEditMode });
<div v-show="editMode.enabled" :class="$style.editModeActions">
<N8nButton
type="tertiary"
:label="$locale.baseText('runData.editor.cancel')"
:label="i18n.baseText('runData.editor.cancel')"
@click="onClickCancelEdit"
/>
<N8nButton
class="ml-2xs"
type="primary"
:label="$locale.baseText('runData.editor.save')"
:label="i18n.baseText('runData.editor.save')"
@click="onClickSaveEdit"
/>
</div>
@@ -1381,7 +1381,7 @@ defineExpose({ enterEditMode });
@update:model-value="onRunIndexChange"
@click.stop
>
<template #prepend>{{ $locale.baseText('ndv.output.run') }}</template>
<template #prepend>{{ i18n.baseText('ndv.output.run') }}</template>
<N8nOption
v-for="option in maxRunIndex + 1"
:key="option"
@@ -1392,7 +1392,7 @@ defineExpose({ enterEditMode });
<N8nTooltip v-if="canLinkRuns" placement="right">
<template #content>
{{ $locale.baseText(linkedRuns ? 'runData.unlinking.hint' : 'runData.linking.hint') }}
{{ i18n.baseText(linkedRuns ? 'runData.unlinking.hint' : 'runData.linking.hint') }}
</template>
<N8nIconButton
:icon="linkedRuns ? 'unlink' : 'link'"
@@ -1467,7 +1467,7 @@ defineExpose({ enterEditMode });
<N8nText v-if="search" :class="$style.itemsText">
{{
$locale.baseText('ndv.search.items', {
i18n.baseText('ndv.search.items', {
adjustToNumber: unfilteredDataCount,
interpolate: { matched: dataCount, total: unfilteredDataCount },
})
@@ -1476,7 +1476,7 @@ defineExpose({ enterEditMode });
<N8nText v-else :class="$style.itemsText">
<span>
{{
$locale.baseText('ndv.output.items', {
i18n.baseText('ndv.output.items', {
adjustToNumber: dataCount,
interpolate: { count: dataCount },
})
@@ -1484,7 +1484,7 @@ defineExpose({ enterEditMode });
</span>
<span v-if="activeTaskMetadata?.subExecutionsCount">
{{
$locale.baseText('ndv.output.andSubExecutions', {
i18n.baseText('ndv.output.andSubExecutions', {
adjustToNumber: activeTaskMetadata.subExecutionsCount,
interpolate: { count: activeTaskMetadata.subExecutionsCount },
})
@@ -1523,9 +1523,9 @@ defineExpose({ enterEditMode });
</div>
<div :class="$style.editModeFooter">
<N8nInfoTip :bold="false" :class="$style.editModeFooterInfotip">
{{ $locale.baseText('runData.editor.copyDataInfo') }}
{{ i18n.baseText('runData.editor.copyDataInfo') }}
<N8nLink :to="DATA_EDITING_DOCS_URL" size="small">
{{ $locale.baseText('generic.learnMore') }}
{{ i18n.baseText('generic.learnMore') }}
</N8nLink>
</N8nInfoTip>
</div>
@@ -1556,9 +1556,9 @@ defineExpose({ enterEditMode });
:class="$style.center"
>
<N8nText>
{{ $locale.baseText('ndv.input.disabled', { interpolate: { nodeName: node.name } }) }}
{{ i18n.baseText('ndv.input.disabled', { interpolate: { nodeName: node.name } }) }}
<N8nLink @click="enableNode">
{{ $locale.baseText('ndv.input.disabled.cta') }}
{{ i18n.baseText('ndv.input.disabled.cta') }}
</N8nLink>
</N8nText>
</div>
@@ -1570,7 +1570,7 @@ defineExpose({ enterEditMode });
<div v-else-if="hasNodeRun && hasRunError" :class="$style.stretchVertically">
<N8nText v-if="isPaneTypeInput" :class="$style.center" size="large" tag="p" bold>
{{
$locale.baseText('nodeErrorView.inputPanel.previousNodeError.title', {
i18n.baseText('nodeErrorView.inputPanel.previousNodeError.title', {
interpolate: { nodeName: node?.name ?? '' },
})
}}
@@ -1598,14 +1598,12 @@ defineExpose({ enterEditMode });
:class="$style.center"
>
<div v-if="search">
<N8nText tag="h3" size="large">{{
$locale.baseText('ndv.search.noMatch.title')
}}</N8nText>
<N8nText tag="h3" size="large">{{ i18n.baseText('ndv.search.noMatch.title') }}</N8nText>
<N8nText>
<i18n-t keypath="ndv.search.noMatch.description" tag="span">
<template #link>
<a href="#" @click="onSearchClear">
{{ $locale.baseText('ndv.search.noMatch.description.link') }}
{{ i18n.baseText('ndv.search.noMatch.description.link') }}
</a>
</template>
</i18n-t>
@@ -1629,7 +1627,7 @@ defineExpose({ enterEditMode });
<N8nText align="center" tag="div"
><span
v-n8n-html="
$locale.baseText('ndv.output.tooMuchData.message', {
i18n.baseText('ndv.output.tooMuchData.message', {
interpolate: { size: dataSizeInMB },
})
"
@@ -1638,13 +1636,13 @@ defineExpose({ enterEditMode });
<N8nButton
outline
:label="$locale.baseText('ndv.output.tooMuchData.showDataAnyway')"
:label="i18n.baseText('ndv.output.tooMuchData.showDataAnyway')"
@click="showTooMuchData"
/>
<N8nButton
size="small"
:label="$locale.baseText('runData.downloadBinaryData')"
:label="i18n.baseText('runData.downloadBinaryData')"
@click="downloadJsonData()"
/>
</div>
@@ -1663,20 +1661,20 @@ defineExpose({ enterEditMode });
:class="$style.center"
>
<N8nText>
{{ $locale.baseText('runData.switchToBinary.info') }}
{{ i18n.baseText('runData.switchToBinary.info') }}
<a @click="switchToBinary">
{{ $locale.baseText('runData.switchToBinary.binary') }}
{{ i18n.baseText('runData.switchToBinary.binary') }}
</a>
</N8nText>
</div>
<div v-else-if="showIoSearchNoMatchContent" :class="$style.center">
<N8nText tag="h3" size="large">{{ $locale.baseText('ndv.search.noMatch.title') }}</N8nText>
<N8nText tag="h3" size="large">{{ i18n.baseText('ndv.search.noMatch.title') }}</N8nText>
<N8nText>
<i18n-t keypath="ndv.search.noMatch.description" tag="span">
<template #link>
<a href="#" @click="onSearchClear">
{{ $locale.baseText('ndv.search.noMatch.description.link') }}
{{ i18n.baseText('ndv.search.noMatch.description.link') }}
</a>
</template>
</i18n-t>
@@ -1737,9 +1735,7 @@ defineExpose({ enterEditMode });
</Suspense>
<div v-else-if="displayMode === 'binary' && binaryData.length === 0" :class="$style.center">
<N8nText align="center" tag="div">{{
$locale.baseText('runData.noBinaryDataFound')
}}</N8nText>
<N8nText align="center" tag="div">{{ i18n.baseText('runData.noBinaryDataFound') }}</N8nText>
</div>
<div v-else-if="displayMode === 'binary'" :class="$style.dataDisplay">
@@ -1763,7 +1759,7 @@ defineExpose({ enterEditMode });
<div v-if="binaryData.fileName">
<div>
<N8nText size="small" :bold="true"
>{{ $locale.baseText('runData.fileName') }}:
>{{ i18n.baseText('runData.fileName') }}:
</N8nText>
</div>
<div :class="$style.binaryValue">{{ binaryData.fileName }}</div>
@@ -1771,7 +1767,7 @@ defineExpose({ enterEditMode });
<div v-if="binaryData.directory">
<div>
<N8nText size="small" :bold="true"
>{{ $locale.baseText('runData.directory') }}:
>{{ i18n.baseText('runData.directory') }}:
</N8nText>
</div>
<div :class="$style.binaryValue">{{ binaryData.directory }}</div>
@@ -1779,7 +1775,7 @@ defineExpose({ enterEditMode });
<div v-if="binaryData.fileExtension">
<div>
<N8nText size="small" :bold="true"
>{{ $locale.baseText('runData.fileExtension') }}:</N8nText
>{{ i18n.baseText('runData.fileExtension') }}:</N8nText
>
</div>
<div :class="$style.binaryValue">{{ binaryData.fileExtension }}</div>
@@ -1787,7 +1783,7 @@ defineExpose({ enterEditMode });
<div v-if="binaryData.mimeType">
<div>
<N8nText size="small" :bold="true"
>{{ $locale.baseText('runData.mimeType') }}:
>{{ i18n.baseText('runData.mimeType') }}:
</N8nText>
</div>
<div :class="$style.binaryValue">{{ binaryData.mimeType }}</div>
@@ -1795,7 +1791,7 @@ defineExpose({ enterEditMode });
<div v-if="binaryData.fileSize">
<div>
<N8nText size="small" :bold="true"
>{{ $locale.baseText('runData.fileSize') }}:
>{{ i18n.baseText('runData.fileSize') }}:
</N8nText>
</div>
<div :class="$style.binaryValue">{{ binaryData.fileSize }}</div>
@@ -1805,7 +1801,7 @@ defineExpose({ enterEditMode });
<N8nButton
v-if="isViewable(index, key)"
size="small"
:label="$locale.baseText('runData.showBinaryData')"
:label="i18n.baseText('runData.showBinaryData')"
data-test-id="ndv-view-binary-data"
@click="displayBinaryData(index, key)"
/>
@@ -1813,7 +1809,7 @@ defineExpose({ enterEditMode });
v-if="isDownloadable(index, key)"
size="small"
type="secondary"
:label="$locale.baseText('runData.downloadBinaryData')"
:label="i18n.baseText('runData.downloadBinaryData')"
data-test-id="ndv-download-binary-data"
@click="downloadBinaryData(index, key)"
/>
@@ -1857,9 +1853,9 @@ defineExpose({ enterEditMode });
teleported
@update:model-value="onPageSizeChange"
>
<template #prepend>{{ $locale.baseText('ndv.output.pageSize') }}</template>
<template #prepend>{{ i18n.baseText('ndv.output.pageSize') }}</template>
<N8nOption v-for="size in pageSizes" :key="size" :label="size" :value="size"> </N8nOption>
<N8nOption :label="$locale.baseText('ndv.output.all')" :value="dataCount"> </N8nOption>
<N8nOption :label="i18n.baseText('ndv.output.all')" :value="dataCount"> </N8nOption>
</N8nSelect>
</div>
</div>