feat: contextmenu deel move toegevoegd

webui/backend/tests/golden/test_ui_smoke_golden.py

@@ -72,6 +72,7 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertIn('id="context-menu-scope"', body)
         self.assertIn('id="context-menu-target"', body)
         self.assertIn('id="context-menu-rename-btn"', body)
+        self.assertIn('id="context-menu-move-btn"', body)
         self.assertIn('id="context-menu-delete-btn"', body)
         self.assertIn('id="settings-btn"', body)
         self.assertIn('id="rename-btn"', body)
@@ -210,6 +211,7 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertIn('function closeContextMenu()', app_js)
         self.assertIn('function applyContextMenuSelection()', app_js)
         self.assertIn('function startContextMenuRename()', app_js)
+        self.assertIn('function startContextMenuMove()', app_js)
         self.assertIn('function startContextMenuDelete()', app_js)
         self.assertIn('selectedPathsSet.has(entry.path)', app_js)
         self.assertIn('entry.isParent', app_js)
@@ -218,7 +220,9 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertIn('if (!row) {', app_js)
         self.assertIn('closeContextMenu();', app_js)
         self.assertIn('elements.renameButton.classList.toggle("hidden", isMulti);', app_js)
+        self.assertIn('elements.moveButton.classList.remove("hidden");', app_js)
         self.assertIn('openRenamePopup();', app_js)
+        self.assertIn('openF6Flow();', app_js)
         self.assertIn('deleteSelected();', app_js)
         self.assertIn('document.getElementById("upload-menu-toggle").onclick = (event) => {', app_js)
         self.assertIn('document.getElementById("upload-folder-btn").onclick = openFolderPicker;', app_js)

webui/html/app.js

@@ -327,6 +327,7 @@ function contextMenuElements() {
     scope: document.getElementById("context-menu-scope"),
     target: document.getElementById("context-menu-target"),
     renameButton: document.getElementById("context-menu-rename-btn"),
+    moveButton: document.getElementById("context-menu-move-btn"),
     deleteButton: document.getElementById("context-menu-delete-btn"),
   };
 }
@@ -369,6 +370,7 @@ function openContextMenu(pane, entry, event) {
   elements.scope.textContent = isMulti ? "Multi-selection" : "Single item";
   elements.target.textContent = isMulti ? `${items.length} selected items` : entry.name;
   elements.renameButton.classList.toggle("hidden", isMulti);
+  elements.moveButton.classList.remove("hidden");
   elements.deleteButton.classList.remove("hidden");
 
   const menuWidth = 220;
@@ -419,6 +421,15 @@ function startContextMenuDelete() {
   deleteSelected();
 }
 
+function startContextMenuMove() {
+  if (!applyContextMenuSelection()) {
+    closeContextMenu();
+    return;
+  }
+  closeContextMenu();
+  openF6Flow();
+}
+
 function settingsElements() {
   return {
     overlay: document.getElementById("settings-modal"),
@@ -3740,6 +3751,9 @@ function setupEvents() {
   if (contextMenu.renameButton) {
     contextMenu.renameButton.onclick = startContextMenuRename;
   }
+  if (contextMenu.moveButton) {
+    contextMenu.moveButton.onclick = startContextMenuMove;
+  }
   if (contextMenu.deleteButton) {
     contextMenu.deleteButton.onclick = startContextMenuDelete;
   }

webui/html/index.html

@@ -123,6 +123,7 @@
     <div id="context-menu-target" class="context-menu-target"></div>
     <div class="context-menu-separator"></div>
     <button id="context-menu-rename-btn" type="button" role="menuitem">Rename</button>
+    <button id="context-menu-move-btn" type="button" role="menuitem">Move</button>
     <button id="context-menu-delete-btn" type="button" role="menuitem">Delete</button>
   </div>