-
<%= item.name %>:
+
<%= item.name %>:
<%= for key <- item.keys do %>
diff --git a/lib/deployex_web/live/components/multi_select_list.ex b/lib/deployex_web/live/components/multi_select_list.ex
new file mode 100644
index 0000000..04a0a7d
--- /dev/null
+++ b/lib/deployex_web/live/components/multi_select_list.ex
@@ -0,0 +1,158 @@
+defmodule DeployexWeb.Components.MultiSelectList do
+ @moduledoc """
+ Multi select box
+
+ References:
+ * https://www.creative-tim.com/twcomponents/component/multi-select
+
+ """
+ use Phoenix.Component
+
+ alias Phoenix.LiveView.JS
+
+ attr :id, :string, required: true
+ attr :selected_text, :string, required: true
+ attr :selected, :list, required: true
+ attr :unselected, :list, required: true
+ attr :show_options, :boolean, required: true
+
+ def content(assigns) do
+ ~H"""
+
+
+
+
+
+
+
+ <%= @selected_text %>
+
+
+ <%= for item <- @selected do %>
+ <%= for key <- item.keys do %>
+
+
+ <%= "#{item.name}:#{key}" %>
+
+
+
+ <% end %>
+ <% end %>
+
+
+
+
+
+
+
+
+
+
+ <%= for item <- @unselected do %>
+
+
+
+ <%= for key <- item.keys do %>
+
+ <% end %>
+
+ <% end %>
+
+
+
+
+
+
+
+ """
+ end
+end
diff --git a/lib/deployex_web/live/observer/index.ex b/lib/deployex_web/live/observer/index.ex
index 9e8a331..6622744 100644
--- a/lib/deployex_web/live/observer/index.ex
+++ b/lib/deployex_web/live/observer/index.ex
@@ -73,7 +73,7 @@ defmodule DeployexWeb.ObserverLive do
%{name: "services", keys: @unselected_services_keys},
%{name: "apps", keys: @unselected_apps_keys}
]}
- show_options={@show_apps_options}
+ show_options={@show_observer_options}
/>