mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-09-20 06:47:32 -07:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(editor): Use base path in workflow preview component URL (#4560)

Browse source 
🐛 Fix for workflow preview component URL
This commit is contained in:
Milorad FIlipović 2022-11-09 16:46:13 +01:00 committed by GitHub
parent 536c834313
commit db163b71b9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/editor-ui/src/components/WorkflowPreview.vue
View file

@ -14,7 +14,7 @@
[$style.show]: this.showPreview, [$style.show]: this.showPreview,
}" }"
ref="preview_iframe" ref="preview_iframe"
src="/workflows/demo" :src="`${rootStore.baseUrl}workflows/demo`"
@mouseenter="onMouseEnter" @mouseenter="onMouseEnter"
@mouseleave="onMouseLeave" @mouseleave="onMouseLeave"
></iframe> ></iframe>
@ -25,6 +25,8 @@
import mixins from 'vue-typed-mixins'; import mixins from 'vue-typed-mixins';
import { showMessage } from '@/components/mixins/showMessage'; import { showMessage } from '@/components/mixins/showMessage';
import { IWorkflowDb } from '../Interface'; import { IWorkflowDb } from '../Interface';
import { mapStores } from 'pinia';
import { useRootStore } from '@/stores/n8nRootStore';
export default mixins(showMessage).extend({ export default mixins(showMessage).extend({
name: 'WorkflowPreview', name: 'WorkflowPreview',
@ -64,6 +66,9 @@ export default mixins(showMessage).extend({
}; };
}, },
computed: { computed: {
...mapStores(
useRootStore,
),
showPreview(): boolean { showPreview(): boolean {
return !this.loading && return !this.loading &&
( (

2
packages/editor-ui/src/stores/n8nRootStore.ts
View file

@ -1,5 +1,5 @@
import { STORES } from '@/constants'; import { STORES } from '@/constants';
import { INodeUi, IRestApiContext, RootState } from '@/Interface'; import { IRestApiContext, RootState } from '@/Interface';
import { IDataObject } from 'n8n-workflow'; import { IDataObject } from 'n8n-workflow';
import { defineStore } from 'pinia'; import { defineStore } from 'pinia';
import Vue from 'vue'; import Vue from 'vue';