admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-19 19:11:13 +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

48
packages/editor-ui/src/components/WorkflowPreview.vue
View File

@@ -1,27 +1,3 @@
<template>
<div :class="$style.container">
<div v-if="loaderType === 'image' && !showPreview" :class="$style.imageLoader">
<n8n-loading :loading="!showPreview" :rows="1" variant="image" />
</div>
<div v-else-if="loaderType === 'spinner' && !showPreview" :class="$style.spinner">
<n8n-spinner type="dots" />
</div>
<iframe
ref="iframeRef"
:class="{
[$style.workflow]: !nodeViewDetailsOpened,
[$style.executionPreview]: mode === 'execution',
[$style.openNDV]: nodeViewDetailsOpened,
[$style.show]: showPreview,
}"
:src="iframeSrc"
data-test-id="workflow-preview-iframe"
@mouseenter="onMouseEnter"
@mouseleave="onMouseLeave"
/>
</div>
</template>
<script setup lang="ts">
import { onMounted, onBeforeUnmount, ref, computed, watch } from 'vue';
import { useI18n } from '@/composables/useI18n';
@@ -215,6 +191,30 @@ watch(
);
</script>
<template>
<div :class="$style.container">
<div v-if="loaderType === 'image' && !showPreview" :class="$style.imageLoader">
<n8n-loading :loading="!showPreview" :rows="1" variant="image" />
</div>
<div v-else-if="loaderType === 'spinner' && !showPreview" :class="$style.spinner">
<n8n-spinner type="dots" />
</div>
<iframe
ref="iframeRef"
:class="{
[$style.workflow]: !nodeViewDetailsOpened,
[$style.executionPreview]: mode === 'execution',
[$style.openNDV]: nodeViewDetailsOpened,
[$style.show]: showPreview,
}"
:src="iframeSrc"
data-test-id="workflow-preview-iframe"
@mouseenter="onMouseEnter"
@mouseleave="onMouseLeave"
/>
</div>
</template>
<style lang="scss" module>
.container {
width: 100%;