From 648d1e4ffd017ea7b15d3848e3d23755b83207b3 Mon Sep 17 00:00:00 2001
From: Robin Leber <rleber98@gmail.com>
Date: Tue, 25 Jun 2024 18:00:40 +0200
Subject: [PATCH] =?UTF-8?q?FIX:=20doppeltes=20hinzuf=C3=BCgen=20bei=20erne?=
=?UTF-8?q?utem=20fenster=20=C3=B6ffnen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/functions/codeEditor.js | 29 +++++++++++++++++------------
src/functions/pipeBinding.js | 2 ++
2 files changed, 19 insertions(+), 12 deletions(-)
diff --git a/src/functions/codeEditor.js b/src/functions/codeEditor.js
index bc5b39a..114ccac 100644
--- a/src/functions/codeEditor.js
+++ b/src/functions/codeEditor.js
@@ -39,8 +39,7 @@ export const codeEditorElement = (instance) => {
pipesElement.style.display = "flex";
pipesElement.style.justifyContent = "space-between";
- const incomingElement = document.createElement("div");
- incomingElement.id = "incomingPipes";
+ const incomingContainer = document.createElement("div");
const incomingHeadingElement = document.createElement("h5");
incomingHeadingElement.style.margin = "0px";
incomingHeadingElement.style.marginBottom = "6px";
@@ -48,22 +47,28 @@ export const codeEditorElement = (instance) => {
incomingHeadingElement.appendChild(
document.createTextNode("Incoming Pipes")
);
- incomingElement.appendChild(incomingHeadingElement);
- incomingElement.appendChild(document.createElement("hr"));
- pipesElement.appendChild(incomingElement);
+ incomingContainer.appendChild(incomingHeadingElement);
+ incomingContainer.appendChild(document.createElement("hr"));
- const outgoingElement = document.createElement("div");
- outgoingElement.id = "outgoingPipes";
- outgoingElement.style.textAlign = "right";
+ const incomingPipes = document.createElement("div");
+ incomingPipes.id = "incomingPipes";
+ incomingContainer.appendChild(incomingPipes);
+ pipesElement.appendChild(incomingContainer);
+
+ const outgoingContainer = document.createElement("div");
+ outgoingContainer.style.textAlign = "right";
const outgoingHeadingElement = document.createElement("h5");
outgoingHeadingElement.style.margin = "0px";
outgoingHeadingElement.style.marginBottom = "6px";
outgoingHeadingElement.appendChild(
- document.createTextNode("OutgoingPipes")
+ document.createTextNode("Outgoing Pipes")
);
- outgoingElement.appendChild(outgoingHeadingElement);
- outgoingElement.appendChild(document.createElement("hr"));
- pipesElement.appendChild(outgoingElement);
+ outgoingContainer.appendChild(outgoingHeadingElement);
+ outgoingContainer.appendChild(document.createElement("hr"));
+ const outgoingPipes = document.createElement("div");
+ outgoingPipes.id = "outgoingPipes";
+ outgoingContainer.appendChild(outgoingPipes);
+ pipesElement.appendChild(outgoingContainer);
editorContainer.appendChild(pipesElement);
diff --git a/src/functions/pipeBinding.js b/src/functions/pipeBinding.js
index a82b27b..597f540 100644
--- a/src/functions/pipeBinding.js
+++ b/src/functions/pipeBinding.js
@@ -131,6 +131,8 @@ const buildPipesElements = (pipeMapping) => {
const incomingPipesElement = document.getElementById("incomingPipes");
const outgoingPipesElement = document.getElementById("outgoingPipes");
+ incomingPipesElement.innerHTML = "";
+ outgoingPipesElement.innerHTML = "";
incomingPipes.forEach((pipe) => {
const pipeElement = document.createElement("span");
--
GitLab