frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2025-03-01 10:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update markdown drop-target appearance

Browse Source
This commit is contained in:
Nick O'Leary 2025-02-24 16:51:51 +00:00
parent 71f8de94b0
commit 87b7fc69c7
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
7 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/node_modules/@node-red/editor-client/locales/en-US/editor.json vendored
View File

@ -58,7 +58,6 @@
"confirmDelete": "Confirm delete", "confirmDelete": "Confirm delete",
"delete": "Are you sure you want to delete '__label__'?", "delete": "Are you sure you want to delete '__label__'?",
"dropFlowHere": "Drop the flow here", "dropFlowHere": "Drop the flow here",
"dropImageHere": "Drop the image here",
"addFlow": "Add flow", "addFlow": "Add flow",
"addFlowToRight": "Add flow to the right", "addFlowToRight": "Add flow to the right",
"closeFlow": "Close flow", "closeFlow": "Close flow",

1
packages/node_modules/@node-red/editor-client/locales/es-ES/editor.json vendored
View File

@ -58,7 +58,6 @@
"confirmDelete": "Confirmar eliminación", "confirmDelete": "Confirmar eliminación",
"delete": "¿Estás seguro de que quieres eliminar '__label__'?", "delete": "¿Estás seguro de que quieres eliminar '__label__'?",
"dropFlowHere": "Suelta el flujo aquí", "dropFlowHere": "Suelta el flujo aquí",
"dropImageHere": "Suelta la imagen aquí",
"addFlow": "Añadir flujo", "addFlow": "Añadir flujo",
"addFlowToRight": "Añadir flujo a la derecha", "addFlowToRight": "Añadir flujo a la derecha",
"closeFlow": "Cerrar flujo", "closeFlow": "Cerrar flujo",

1
packages/node_modules/@node-red/editor-client/locales/fr/editor.json vendored
View File

@ -58,7 +58,6 @@
"confirmDelete": "Confirmer la suppression", "confirmDelete": "Confirmer la suppression",
"delete": "Êtes-vous sûr de vouloir supprimer '__label__' ?", "delete": "Êtes-vous sûr de vouloir supprimer '__label__' ?",
"dropFlowHere": "Lâchez le flux ici", "dropFlowHere": "Lâchez le flux ici",
"dropImageHere": "Lâchez l'image ici",
"addFlow": "Ajouter un flux", "addFlow": "Ajouter un flux",
"addFlowToRight": "Ajouter un flux à droite", "addFlowToRight": "Ajouter un flux à droite",
"closeFlow": "Fermer le flux", "closeFlow": "Fermer le flux",

1
packages/node_modules/@node-red/editor-client/locales/ja/editor.json vendored
View File

@ -58,7 +58,6 @@
"confirmDelete": "削除の確認", "confirmDelete": "削除の確認",
"delete": "本当に '__label__' を削除しますか？", "delete": "本当に '__label__' を削除しますか？",
"dropFlowHere": "ここにフローをドロップしてください", "dropFlowHere": "ここにフローをドロップしてください",
"dropImageHere": "ここに画像ファイルをドロップしてください",
"addFlow": "フローの追加", "addFlow": "フローの追加",
"addFlowToRight": "右側にフローを追加", "addFlowToRight": "右側にフローを追加",
"closeFlow": "フローを閉じる", "closeFlow": "フローを閉じる",

4
packages/node_modules/@node-red/editor-client/src/js/ui/editors/code-editor.js vendored
View File

@ -46,8 +46,8 @@
initialised = selectedCodeEditor.init(); initialised = selectedCodeEditor.init();
} }
$('<div id="red-ui-image-drop-target"><div data-i18n="[append]workspace.dropImageHere"><i class="fa fa-download"></i><br></div></div>').appendTo('#red-ui-editor'); $('<div id="red-ui-drop-target-markdown-editor"><div><i class="fa fa-download"></i><br></div></div>').appendTo('#red-ui-editor');
$("#red-ui-image-drop-target").hide(); $("#red-ui-drop-target-markdown-editor").hide();
} }
function create(options) { function create(options) {

21
packages/node_modules/@node-red/editor-client/src/js/ui/editors/markdown.js vendored
View File

@ -41,16 +41,22 @@
function initImageDrag(elem, editor) { function initImageDrag(elem, editor) {
$(elem).on("dragenter", function (ev) { $(elem).on("dragenter", function (ev) {
ev.preventDefault(); ev.preventDefault();
$("#red-ui-image-drop-target").css({display:'table'}).focus(); $("#red-ui-drop-target-markdown-editor").css({
display:'table',
top: $(elem).offset().top,
left: $(elem).offset().left,
width: $(elem).width(),
height: $(elem).height()
}).focus();
currentEditor = editor; currentEditor = editor;
}); });
if (!initialized) { if (!initialized) {
initialized = true; initialized = true;
$("#red-ui-image-drop-target").on("dragover", function (ev) { $("#red-ui-drop-target-markdown-editor").on("dragover", function (ev) {
ev.preventDefault(); ev.preventDefault();
}).on("dragleave", function (ev) { }).on("dragleave", function (ev) {
$("#red-ui-image-drop-target").hide(); $("#red-ui-drop-target-markdown-editor").hide();
}).on("drop", function (ev) { }).on("drop", function (ev) {
ev.preventDefault(); ev.preventDefault();
if ($.inArray("Files",ev.originalEvent.dataTransfer.types) != -1) { if ($.inArray("Files",ev.originalEvent.dataTransfer.types) != -1) {
@ -66,7 +72,7 @@
var img = `<img src="${image}"/>\n`; var img = `<img src="${image}"/>\n`;
var pos = session.getCursorPosition(); var pos = session.getCursorPosition();
session.insert(pos, img); session.insert(pos, img);
$("#red-ui-image-drop-target").hide(); $("#red-ui-drop-target-markdown-editor").hide();
}); });
return; return;
} }
@ -76,11 +82,10 @@
var session = currentEditor.getSession(); var session = currentEditor.getSession();
var pos = session.getCursorPosition(); var pos = session.getCursorPosition();
session.insert(pos, txt); session.insert(pos, txt);
$("#red-ui-image-drop-target").hide(); $("#red-ui-drop-target-markdown-editor").hide();
}); });
return; return;
} }
} }
} else if ($.inArray("text/plain", ev.originalEvent.dataTransfer.types) != -1) { } else if ($.inArray("text/plain", ev.originalEvent.dataTransfer.types) != -1) {
let item = Object.values(ev.originalEvent.dataTransfer.items).filter(d => d.type == "text/plain")[0] let item = Object.values(ev.originalEvent.dataTransfer.items).filter(d => d.type == "text/plain")[0]
@ -90,12 +95,12 @@
var session = currentEditor.getSession(); var session = currentEditor.getSession();
var pos = session.getCursorPosition(); var pos = session.getCursorPosition();
session.insert(pos, txt); session.insert(pos, txt);
$("#red-ui-image-drop-target").hide(); $("#red-ui-drop-target-markdown-editor").hide();
}) })
return return
} }
} }
$("#red-ui-image-drop-target").hide(); $("#red-ui-drop-target-markdown-editor").hide();
}); });
} }
} }

3
packages/node_modules/@node-red/editor-client/src/sass/dragdrop.scss vendored
View File

@ -38,12 +38,13 @@
} }
} }
#red-ui-image-drop-target { #red-ui-drop-target-markdown-editor {
position: absolute; position: absolute;
top: 0; bottom: 0; top: 0; bottom: 0;
left: 0; right: 0; left: 0; right: 0;
background: var(--red-ui-dnd-background); background: var(--red-ui-dnd-background);
display:table; display:table;
border-radius: 3px;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: none; display: none;