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

check for errors

Browse source
This commit is contained in:
Mutasem 2021-11-02 16:30:59 +01:00
parent 664eb4bb87
commit 63f69c0b46
1 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -53,7 +53,7 @@ export const CONNECTOR_FLOWCHART_TYPE = ['N8nFlowchart', {
const indexOffset = 10; // stub offset between different endpoints of same node const indexOffset = 10; // stub offset between different endpoints of same node
const index = endpoint && endpoint.__meta ? endpoint.__meta.index : 0; const index = endpoint && endpoint.__meta ? endpoint.__meta.index : 0;
const outputOverlay = endpoint.getOverlay(OVERLAY_OUTPUT_NAME_LABEL); const outputOverlay = getOverlay(endpoint, OVERLAY_OUTPUT_NAME_LABEL);
const labelOffset = outputOverlay && outputOverlay.label && outputOverlay.label.length > 1 ? 10 : 0; const labelOffset = outputOverlay && outputOverlay.label && outputOverlay.label.length > 1 ? 10 : 0;
return index * indexOffset + labelOffset; return index * indexOffset + labelOffset;
@ -198,22 +198,30 @@ export const scaleReset = (config: IZoomConfig): IZoomConfig => {
return config; return config;
}; };
export const getOverlay = (item: Connection | Endpoint, overlayId: string) => {
try {
return item.getOverlay(overlayId); // handle when _jsPlumb element is deleted
} catch (e) {
return null;
}
};
export const showOverlay = (item: Connection | Endpoint, overlayId: string) => { export const showOverlay = (item: Connection | Endpoint, overlayId: string) => {
const overlay = item.getOverlay(overlayId); const overlay = getOverlay(item, overlayId);
if (overlay) { if (overlay) {
overlay.setVisible(true); overlay.setVisible(true);
} }
}; };
export const hideOverlay = (item: Connection | Endpoint, overlayId: string) => { export const hideOverlay = (item: Connection | Endpoint, overlayId: string) => {
const overlay = item.getOverlay(overlayId); const overlay = getOverlay(item, overlayId);
if (overlay) { if (overlay) {
overlay.setVisible(false); overlay.setVisible(false);
} }
}; };
export const showOrHideMidpointArrow = (connection: Connection) => { export const showOrHideMidpointArrow = (connection: Connection) => {
const hasItemsLabel = !!connection.getOverlay(OVERLAY_RUN_ITEMS_ID); const hasItemsLabel = !!getOverlay(connection, OVERLAY_RUN_ITEMS_ID);
const sourceEndpoint = connection.endpoints[0]; const sourceEndpoint = connection.endpoints[0];
const targetEndpoint = connection.endpoints[1]; const targetEndpoint = connection.endpoints[1];
@ -225,7 +233,7 @@ export const showOrHideMidpointArrow = (connection: Connection) => {
const isBackwards = sourcePosition >= targetPosition; const isBackwards = sourcePosition >= targetPosition;
const isTooLong = Math.abs(sourcePosition - targetPosition) >= minimum; const isTooLong = Math.abs(sourcePosition - targetPosition) >= minimum;
const arrow = connection.getOverlay(OVERLAY_MIDPOINT_ARROW_ID); const arrow = getOverlay(connection, OVERLAY_MIDPOINT_ARROW_ID);
if (arrow) { if (arrow) {
arrow.setVisible(isBackwards && isTooLong); arrow.setVisible(isBackwards && isTooLong);
arrow.setLocation(hasItemsLabel ? .6: .5); arrow.setLocation(hasItemsLabel ? .6: .5);
@ -242,7 +250,7 @@ export const getConnectorLengths = (connection: Connection): [number, number] =>
}; };
export const showOrHideItemsLabel = (connection: Connection) => { export const showOrHideItemsLabel = (connection: Connection) => {
const overlay = connection.getOverlay(OVERLAY_RUN_ITEMS_ID); const overlay = getOverlay(connection, OVERLAY_RUN_ITEMS_ID);
if (!overlay) { if (!overlay) {
return; return;
} }
@ -372,7 +380,7 @@ export const showConectionActions = (connection: Connection | null) => {
if (connection) { if (connection) {
showOverlay(connection, OVERLAY_CONNECTION_ACTIONS_ID); showOverlay(connection, OVERLAY_CONNECTION_ACTIONS_ID);
hideOverlay(connection, OVERLAY_RUN_ITEMS_ID); hideOverlay(connection, OVERLAY_RUN_ITEMS_ID);
if (!connection.getOverlay(OVERLAY_RUN_ITEMS_ID)) { if (!getOverlay(connection, OVERLAY_RUN_ITEMS_ID)) {
hideOverlay(connection, OVERLAY_MIDPOINT_ARROW_ID); hideOverlay(connection, OVERLAY_MIDPOINT_ARROW_ID);
} }
} }
@ -440,7 +448,7 @@ export const addConnectionOutputSuccess = (connection: Connection, output: {tota
(connection.canvas as Element).classList.add('success'); (connection.canvas as Element).classList.add('success');
} }
if (connection.getOverlay(OVERLAY_RUN_ITEMS_ID)) { if (getOverlay(connection, OVERLAY_RUN_ITEMS_ID)) {
connection.removeOverlay(OVERLAY_RUN_ITEMS_ID); connection.removeOverlay(OVERLAY_RUN_ITEMS_ID);
} }
@ -542,14 +550,14 @@ export const showPullConnectionState = (connection: Connection) => {
}; };
export const resetInputLabelPosition = (targetEndpoint: Endpoint) => { export const resetInputLabelPosition = (targetEndpoint: Endpoint) => {
const inputNameOverlay = targetEndpoint.getOverlay(OVERLAY_INPUT_NAME_LABEL); const inputNameOverlay = getOverlay(targetEndpoint, OVERLAY_INPUT_NAME_LABEL);
if (inputNameOverlay) { if (inputNameOverlay) {
inputNameOverlay.setLocation(OVERLAY_INPUT_NAME_LABEL_POSITION); inputNameOverlay.setLocation(OVERLAY_INPUT_NAME_LABEL_POSITION);
} }
}; };
export const moveBackInputLabelPosition = (targetEndpoint: Endpoint) => { export const moveBackInputLabelPosition = (targetEndpoint: Endpoint) => {
const inputNameOverlay = targetEndpoint.getOverlay(OVERLAY_INPUT_NAME_LABEL); const inputNameOverlay = getOverlay(targetEndpoint, OVERLAY_INPUT_NAME_LABEL);
if (inputNameOverlay) { if (inputNameOverlay) {
inputNameOverlay.setLocation(OVERLAY_INPUT_NAME_LABEL_POSITION_MOVED); inputNameOverlay.setLocation(OVERLAY_INPUT_NAME_LABEL_POSITION_MOVED);
} }