admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-19 11:01:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): Standardize components sections order (no-changelog) (#10540)

Browse Source
This commit is contained in:
Ricardo Espinoza
2024-08-24 09:24:08 -04:00
committed by GitHub
parent 4d48f903af
commit 609bc4d97d
215 changed files with 10387 additions and 10376 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
packages/editor-ui/src/components/NDVFloatingNodes.vue
View File

@@ -1,41 +1,3 @@
<template>
<aside :class="$style.floatingNodes">
<ul
v-for="connectionGroup in connectionGroups"
:key="connectionGroup"
:class="[$style.nodesList, $style[connectionGroup]]"
>
<template v-for="{ node, nodeType } in connectedNodes[connectionGroup]">
<n8n-tooltip
v-if="node && nodeType"
:key="node.name"
:placement="tooltipPositionMapper[connectionGroup]"
:teleported="false"
:offset="60"
>
<template #content>{{ node.name }}</template>
<li
:class="$style.connectedNode"
data-test-id="floating-node"
:data-node-name="node.name"
:data-node-placement="connectionGroup"
@click="emit('switchSelectedNode', node.name)"
>
<NodeIcon
:node-type="nodeType"
:node-name="node.name"
:tooltip-position="tooltipPositionMapper[connectionGroup]"
:size="35"
circle
/>
</li>
</n8n-tooltip>
</template>
</ul>
</aside>
</template>
<script setup lang="ts">
import type { INodeUi } from '@/Interface';
import { useNodeTypesStore } from '@/stores/nodeTypes.store';
@@ -137,6 +99,44 @@ defineExpose({
});
</script>
<template>
<aside :class="$style.floatingNodes">
<ul
v-for="connectionGroup in connectionGroups"
:key="connectionGroup"
:class="[$style.nodesList, $style[connectionGroup]]"
>
<template v-for="{ node, nodeType } in connectedNodes[connectionGroup]">
<n8n-tooltip
v-if="node && nodeType"
:key="node.name"
:placement="tooltipPositionMapper[connectionGroup]"
:teleported="false"
:offset="60"
>
<template #content>{{ node.name }}</template>
<li
:class="$style.connectedNode"
data-test-id="floating-node"
:data-node-name="node.name"
:data-node-placement="connectionGroup"
@click="emit('switchSelectedNode', node.name)"
>
<NodeIcon
:node-type="nodeType"
:node-name="node.name"
:tooltip-position="tooltipPositionMapper[connectionGroup]"
:size="35"
circle
/>
</li>
</n8n-tooltip>
</template>
</ul>
</aside>
</template>
<style lang="scss" module>
.floatingNodes {
position: fixed;