mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-02 07:01:30 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

scroll to top

Browse source
This commit is contained in:
Mutasem 2022-04-07 10:55:37 +02:00
parent 8cbe81f7aa
commit f012437af7
1 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -21,8 +21,9 @@
<div v-if="!hasRunError" @click.stop> <div v-if="!hasRunError" @click.stop>
<n8n-radio-buttons <n8n-radio-buttons
v-model="displayMode" :value="displayMode"
:options="buttons" :options="buttons"
@input="onDisplayModeChange"
/> />
</div> </div>
</div> </div>
@ -41,7 +42,7 @@
</n8n-text> </n8n-text>
</div> </div>
<div :class="$style.dataContainer"> <div :class="$style.dataContainer" ref="dataContainer">
<div v-if="hasNodeRun && !hasRunError && displayMode === 'json' && state.path !== deselectedPlaceholder" :class="$style.copyButton"> <div v-if="hasNodeRun && !hasRunError && displayMode === 'json' && state.path !== deselectedPlaceholder" :class="$style.copyButton">
<el-dropdown trigger="click" @command="handleCopyClick"> <el-dropdown trigger="click" @command="handleCopyClick">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
@ -477,6 +478,26 @@ export default mixins(
}, },
}, },
methods: { methods: {
onDisplayModeChange(displayMode: string) {
const previous = this.displayMode;
this.displayMode = displayMode;
const dataContainer = this.$refs.dataContainer;
if (dataContainer) {
const dataDisplay = (dataContainer as Element).children[0];
if (dataDisplay){
dataDisplay.scrollTo(0, 0);
}
}
this.closeBinaryDataDisplay();
this.$externalHooks().run('runData.displayModeChanged', { newValue: displayMode, oldValue: previous });
if(this.node) {
const nodeType = this.node ? this.node.type : '';
this.$telemetry.track('User changed node output view mode', { old_mode: previous, new_mode: displayMode, node_type: nodeType, workflow_id: this.$store.getters.workflowId });
}
},
getRunLabel(option: number) { getRunLabel(option: number) {
let itemsCount = 0; let itemsCount = 0;
for (let i = 0; i <= this.maxOutputIndex; i++) { for (let i = 0; i <= this.maxOutputIndex; i++) {
@ -738,14 +759,6 @@ export default mixins(
jsonData () { jsonData () {
this.refreshDataSize(); this.refreshDataSize();
}, },
displayMode (newValue, oldValue) {
this.closeBinaryDataDisplay();
this.$externalHooks().run('runData.displayModeChanged', { newValue, oldValue });
if(this.node) {
const nodeType = this.node ? this.node.type : '';
this.$telemetry.track('User changed node output view mode', { old_mode: oldValue, new_mode: newValue, node_type: nodeType, workflow_id: this.$store.getters.workflowId });
}
},
maxRunIndex () { maxRunIndex () {
this.runIndex = Math.min(this.runIndex, this.maxRunIndex); this.runIndex = Math.min(this.runIndex, this.maxRunIndex);
}, },