diff --git a/src/functions/contextmenu.js b/src/functions/contextmenu.js index fff3254b982553451eac49be2a461ed2f37de61c..47affbda8349ad18283079ea832fb7216d108400 100644 --- a/src/functions/contextmenu.js +++ b/src/functions/contextmenu.js @@ -3,7 +3,7 @@ import { codeEditor } from "./codeEditor"; import { scaleOut } from "./api"; export const initContextmenu = (instance) => { - // Kontext Menü zum Löschen von Connections + // Kontext Menü für Connections instance.bind("contextmenu", (component, event) => { if (component.hasClass("jtk-connector")) { event.preventDefault(); @@ -27,7 +27,7 @@ export const initContextmenu = (instance) => { $("div.custom-menu").remove(); }); - // Kontext Menü zum Löschen von Filters + // Kontext Menü für Filter Filters $("body").on("contextmenu", "#Diagram .Filter", (event) => { event.preventDefault(); window.selectedFilter = $(event.currentTarget).attr("id"); @@ -64,7 +64,7 @@ export const initContextmenu = (instance) => { scaleOut(window.selectedFilter); }); - // Kontext Menü zum Löschen von Pipes + // Kontext Menü für Pipes $("body").on("contextmenu", "#Diagram .Pipe", (event) => { event.preventDefault(); window.selectedPipe = $(event.currentTarget).attr("id"); @@ -88,4 +88,14 @@ export const initContextmenu = (instance) => { $("body").on("click", ".duplicate-pipe", (event) => { duplicatePipe(instance); }); + + $("body").on("dblclick", "#Diagram .Pipe", (event) => { + event.preventDefault(); + window.selectedPipe = $(event.currentTarget); + let pipeName = prompt("Bitte geben Sie einen Pipe Namen ein:"); + if (pipeName !== null) { + let currentHTML = window.selectedPipe.html(); + window.selectedPipe.html(`${currentHTML} <br> ${pipeName}`); + } + }); }; diff --git a/src/functions/duplication.js b/src/functions/duplication.js index 491e76adacd75742cc2ad9dae12b243c51c3e090..fe7abafeca4ab63d0a4a50651ffbc9177d285219 100644 --- a/src/functions/duplication.js +++ b/src/functions/duplication.js @@ -1,5 +1,5 @@ import { v4 as uuidv4 } from "uuid"; -import { createEndpoints } from "./createEndpoint"; +import { createEndpoints } from "./endpoints"; export const duplicatePipe = (instance) => { var selectedPipe = document.getElementById(window.selectedPipe); diff --git a/src/functions/createEndpoint.js b/src/functions/endpoints.js similarity index 100% rename from src/functions/createEndpoint.js rename to src/functions/endpoints.js diff --git a/src/main.js b/src/main.js index c77d1a919ecf9207c8ed4621eeebeb6c17a785c9..ec8d7f4560fef0174d19a3e7253fd702709c942f 100644 --- a/src/main.js +++ b/src/main.js @@ -4,7 +4,7 @@ import { jsPlumb } from "jsplumb"; import { INTERCEPT_BEFORE_DROP } from "@jsplumb/browser-ui"; import { isConnectionAllowed } from "./functions/isConnectionAllowed"; import { initContextmenu } from "./functions/contextmenu"; -import { createEndpoints } from "./functions/createEndpoint"; +import { createEndpoints } from "./functions/endpoints"; import { runCustomCode, stopCustomCode, diff --git a/src/style.css b/src/style.css index 02aca29c1a4890f4e1a2a961799bd5357d820318..b92349f6c5e6e42ace0fae0f688c28351ebd1aea 100644 --- a/src/style.css +++ b/src/style.css @@ -45,8 +45,11 @@ text-align: center; align-content: center; position: absolute; - width: 60px; - height: 24px; + padding: 16px; + padding-top: 3px; + padding-bottom: 3px; + width: fit-content; + height: fit-content; border: 2px solid black; border-radius: 24px; cursor: grab;