diff --git a/lib/freedive_web/live/service_live.ex b/lib/freedive_web/live/service_live.ex
index d69b54b..37be852 100644
--- a/lib/freedive_web/live/service_live.ex
+++ b/lib/freedive_web/live/service_live.ex
@@ -86,28 +86,84 @@ defmodule FreediveWeb.ServiceLive.Components do
<:actions>
- <.icon for="running" color="auto" aria-hidden="true" />
- <.icon for="enabled" color="auto" aria-hidden="true" />
+ <%= if @selected_item.running do %>
+ <.icon for="circle-play" color="green" aria-hidden="true" />
+ <% else %>
+ <.icon for="circle-stop" color="red" aria-hidden="true" />
+ <% end %>
+ <%= if @selected_item.enabled do %>
+ <.icon for="circle-check" color="green" aria-hidden="true" />
+ <% else %>
+ <.icon for="circle-x" color="red" aria-hidden="true" />
+ <% end %>
+
+ <.panel_media>
+ <:icon>
+ <%!-- <.icon for="terminal" color="auto" size="3rem" aria-hidden="true" /> --%>
+
+
+ <:actions>
+
+ <%= if @selected_item.running do %>
+
+
+
+
+
+
+ <% else %>
+
+
+
+ <% end %>
+
+
+
+ <%= if @selected_item.commands do %>
+ <%= for command <- @selected_item.commands do %>
+
+ <% end %>
+ <% end %>
+
"""
end
def items_block(assigns) do
~H"""
<%= for {_name, item} <- @items do %>
- <.link
- class={"panel-block pt-1 #{if @selected_item != nil and @selected_item.name == item.name, do: "has-background-info-light"}"}
- phx-click="tap"
- phx-value-name={item.name}
- >
-
- <.icon for={item.icon} color="auto" aria-hidden="true" />
-
- <%= item.name %>
-
+
+ <.link
+ class={"panel-block pt-1 #{if @selected_item != nil and @selected_item.name == item.name, do: "has-background-info-light"}"}
+ phx-click="tap"
+ phx-value-name={item.name}
+ >
+
+ <.icon for={item.icon} color="auto" aria-hidden="true" />
+
+
+ <%= item.name %>
+
+
+
<% end %>
"""
end