This does nothing yet, but the UI works

BeaconCMS · Jan 17, 2025 · 840b738 · 840b738
1 parent b7a437e
commit 840b738
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/assets/svelte/components/SelectedElementFloatingMenu/DragMenuOption.svelte b/assets/svelte/components/SelectedElementFloatingMenu/DragMenuOption.svelte
@@ -6,6 +6,8 @@
     selectedAstElementId,
     parentOfSelectedAstElement,
     grandParentOfSelectedAstElement,
+    parentSelectedAstElementId,
+    grandParentSelectedAstElementId,
   } from "$lib/stores/page"
   import { findHoveredSiblingIndex, getBoundingRect, getDragDirection, type Coords } from "$lib/utils/drag-helpers"
   import { live } from "$lib/stores/live"
@@ -168,7 +170,7 @@
   }
 
   function applyNewOrder() {
-    let parent = isParent ? $grandParentOfSelectedAstElement : $parentOfSelectedAstElement
+    let [parent, parentId] = isParent ? [$grandParentOfSelectedAstElement, $grandParentSelectedAstElementId] : [$parentOfSelectedAstElement, $parentSelectedAstElementId]
 
     if (newIndex !== null && newIndex !== dragElementInfo.selectedIndex && !!parent) {
       // Reordering happened, apply new order
@@ -188,9 +190,10 @@
         parts[parts.length - 1] = newSelectedIndex.toString()
         $selectedAstElementId = parts.join(".")
       }
-      $pageAst = [...$pageAst]
+      // $pageAst = [...$pageAst]
       // Update in the server
-      $live.pushEvent("update_page_ast", { id: $pageInfo.id, ast: $pageAst })
+      $live.pushEvent("update_page_node", { id: $pageInfo.id, node_id: parentId, node: parent })
+      // $live.pushEvent("update_page_ast", { id: $pageInfo.id, ast: $pageAst })
     }
   }
 

diff --git a/lib/beacon/live_admin/live/page_editor_live/edit.ex b/lib/beacon/live_admin/live/page_editor_live/edit.ex
@@ -54,6 +54,12 @@ defmodule Beacon.LiveAdmin.PageEditorLive.Edit do
 
     {:noreply, socket}
   end
+
+  def handle_event("update_page_node", %{"node_id" => node_id, "node" => node}, socket) do
+    # TODO: update the ast node
+
+    {:noreply, socket}
+  end
 
   def handle_event(
         "render_component_in_page",