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

Add working wip version

Browse source
This commit is contained in:
Charlie Kolb 2024-11-13 11:54:28 +01:00
parent 9a376b5381
commit 8504a61094
No known key found for this signature in database
1 changed files with 37 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
packages/editor-ui/src/components/RunDataJson.vue
View file

@ -15,6 +15,10 @@ import { useExternalHooks } from '@/composables/useExternalHooks';
import TextWithHighlights from './TextWithHighlights.vue';
import { useTelemetry } from '@/composables/useTelemetry';
import { useElementSize } from '@vueuse/core';
import { N8nIconButton } from 'n8n-design-system';
import { useExecutionHelpers } from '@/composables/useExecutionHelpers';
const { openRelatedExecution } = useExecutionHelpers();
const LazyRunDataJsonActions = defineAsyncComponent(
async () => await import('@/components/RunDataJsonActions.vue'),
@ -50,7 +54,15 @@ const jsonDataContainer = ref(null);
const { height } = useElementSize(jsonDataContainer);
const jsonData = computed(() => executionDataToJson(props.inputData));
const jsonData = computed(() => {
console.log('jsonData', executionDataToJson(props.inputData));
return executionDataToJson(props.inputData);
});
const firstKey = computed(() => {
const keys = Object.keys(jsonData.value[0]);
return `"${keys?.[0]}"`;
});
const highlight = computed(() => ndvStore.highlightDraggables);
@ -149,7 +161,21 @@ const getListItemName = (path: string) => {
:height="height"
@update:selected-value="selectedJsonPath = $event"
>
<template #renderNodeKey="{ node }">
<template #renderNodeKey="{ node, defaultKey }">
<div v-if="firstKey === defaultKey" :class="[$style.parentHoverShow, $style.goToButton]">
<!--
node = {"content":"3af3a3cc-ff5c-4775-af8c-88b37b0836aa","level":2,"key":"uid","path":"[0].uid","showComma":true,"length":1,"type":"content","id":2}
-->
<!-- v-show="showExecutionLink(index1)" -->
<N8nIconButton
v-if="!isNaN(node.path[1]) && inputData[Number(node.path[1])].metadata"
type="secondary"
icon="external-link-alt"
data-test-id="debug-sub-execution"
size="mini"
@click="openRelatedExecution(inputData[Number(node.path[1])].metadata!, 'json')"
/>
</div>
<TextWithHighlights
:content="getContent(node.key)"
:search="search"
@ -227,6 +253,15 @@ const getListItemName = (path: string) => {
}
}
}
.goToButton {
position: absolute;
top: -25px;
left: 35px;
}
*:not(:hover) > * > .parentHoverShow {
// display: none;
}
</style>
<style lang="scss">