js: hightlight dirty nodes

podlove · May 14, 2024 · a19f84d · a19f84d
1 parent d2d24d8
commit a19f84d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/assets/js/hooks/item.ts b/assets/js/hooks/item.ts
@@ -10,7 +10,7 @@ export function createItem({ uuid, content, parent_id, prev_id, dirty }: Node) {
 
   const item = document.createElement("li");
   item.id = "outline-node-" + uuid;
-  item.className = "my-1 ml-4";
+  item.className = dirty ? "my-1 ml-4 bg-red-100" : "my-1 ml-4";
 
   item.setAttribute("data-parent", parent_id || "");
   item.setAttribute("data-prev", prev_id || "");
@@ -32,6 +32,8 @@ export function updateItem(
   const input = item.firstChild!;
   input.textContent = content;
 
+  item.className = dirty ? "my-1 ml-4 bg-red-100" : "my-1 ml-4";
+
   item.setAttribute("data-parent", parent_id || "");
   item.setAttribute("data-prev", prev_id || "");
   item.setAttribute("data-dirty", dirty ? "true" : "false");

diff --git a/test/radiator_web/live/episode_live_test.exs b/test/radiator_web/live/episode_live_test.exs
@@ -6,7 +6,7 @@ defmodule RadiatorWeb.EpisodeLiveTest do
   import Radiator.PodcastFixtures
   import Radiator.OutlineFixtures
 
-  alias Radiator.Outline.Node
+  # alias Radiator.Outline.Node
   alias Radiator.Outline.NodeRepository
 
   describe "Episode page is restricted" do