From bd265b409882873707483f729ffedf9192a23d35 Mon Sep 17 00:00:00 2001
From: Robin Leber <rleber98@gmail.com>
Date: Mon, 17 Jun 2024 16:44:01 +0200
Subject: [PATCH] name a pipe
---
src/functions/contextmenu.js | 16 +++++++++++++---
src/functions/duplication.js | 2 +-
.../{createEndpoint.js => endpoints.js} | 0
src/main.js | 2 +-
src/style.css | 7 +++++--
5 files changed, 20 insertions(+), 7 deletions(-)
rename src/functions/{createEndpoint.js => endpoints.js} (100%)
diff --git a/src/functions/contextmenu.js b/src/functions/contextmenu.js
index fff3254..47affbd 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 491e76a..fe7abaf 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 c77d1a9..ec8d7f4 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 02aca29..b92349f 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;
--
GitLab