mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-29 06:29:42 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor

Browse source
This commit is contained in:
Mutasem 2021-11-01 16:11:37 +01:00
parent a822539195
commit 1212eb9097
2 changed files with 22 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
packages/editor-ui/src/views/NodeView.vue
View file

@ -1363,24 +1363,6 @@ export default mixins(
// only one set of visible actions should be visible at the same time // only one set of visible actions should be visible at the same time
let activeConnection: null | Connection = null; let activeConnection: null | Connection = null;
const hideActions = (connection: Connection | null) => {
if (connection) {
CanvasHelpers.hideOverlay(connection, CanvasHelpers.OVERLAY_CONNECTION_ACTIONS_ID);
CanvasHelpers.showOrHideItemsLabel(connection);
CanvasHelpers.showOrHideMidpointArrow(connection);
}
};
const showActions = (connection: Connection | null) => {
if (connection) {
CanvasHelpers.showOverlay(connection, CanvasHelpers.OVERLAY_CONNECTION_ACTIONS_ID);
CanvasHelpers.hideOverlay(connection, CanvasHelpers.OVERLAY_RUN_ITEMS_ID);
if (!connection.getOverlay(CanvasHelpers.OVERLAY_RUN_ITEMS_ID)) {
CanvasHelpers.hideOverlay(connection, CanvasHelpers.OVERLAY_MIDPOINT_ARROW_ID);
}
}
};
this.instance.bind('connection', (info: OnConnectionBindInfo) => { this.instance.bind('connection', (info: OnConnectionBindInfo) => {
const sourceInfo = info.sourceEndpoint.getParameters(); const sourceInfo = info.sourceEndpoint.getParameters();
const targetInfo = info.targetEndpoint.getParameters(); const targetInfo = info.targetEndpoint.getParameters();
@ -1422,12 +1404,12 @@ export default mixins(
return; return;
} }
hideActions(activeConnection); CanvasHelpers.hideConnectionActions(activeConnection);
enterTimer = setTimeout(() => { enterTimer = setTimeout(() => {
enterTimer = undefined; enterTimer = undefined;
activeConnection = info.connection; activeConnection = info.connection;
showActions(info.connection); CanvasHelpers.showConnectionActions(info.connection);
}, 150); }, 150);
}); });
@ -1449,7 +1431,7 @@ export default mixins(
exitTimer = undefined; exitTimer = undefined;
if (activeConnection === info.connection) { if (activeConnection === info.connection) {
hideActions(activeConnection); CanvasHelpers.hideConnectionActions(activeConnection);
activeConnection = null; activeConnection = null;
} }
}, 500); }, 500);

19
packages/editor-ui/src/views/canvasHelpers.ts
View file

@ -343,3 +343,22 @@ export const getBackgroundStyles = (scale: number, offsetPosition: XYPosition) =
} }
return styles; return styles;
}; };
export const hideConnectionActions = (connection: Connection | null) => {
if (connection) {
hideOverlay(connection, OVERLAY_CONNECTION_ACTIONS_ID);
showOrHideItemsLabel(connection);
showOrHideMidpointArrow(connection);
}
};
export const showConectionActions = (connection: Connection | null) => {
if (connection) {
showOverlay(connection, OVERLAY_CONNECTION_ACTIONS_ID);
hideOverlay(connection, OVERLAY_RUN_ITEMS_ID);
if (!connection.getOverlay(OVERLAY_RUN_ITEMS_ID)) {
hideOverlay(connection, OVERLAY_MIDPOINT_ARROW_ID);
}
}
};