summaryrefslogtreecommitdiff
path: root/src/flagd-ui/lib/flagd_ui_web/live/dashboard.ex
diff options
context:
space:
mode:
authorSaumit <justsaumit@protonmail.com>2025-09-27 02:14:26 +0530
committerSaumit <justsaumit@protonmail.com>2025-09-27 02:14:26 +0530
commit82e03978b89938219958032efb1448cc76baa181 (patch)
tree626f3e54d52ecd49be0ed3bee30abacc0453d081 /src/flagd-ui/lib/flagd_ui_web/live/dashboard.ex
Initial snapshot - OpenTelemetry demo 2.1.3 -f
Diffstat (limited to 'src/flagd-ui/lib/flagd_ui_web/live/dashboard.ex')
-rw-r--r--src/flagd-ui/lib/flagd_ui_web/live/dashboard.ex66
1 files changed, 66 insertions, 0 deletions
diff --git a/src/flagd-ui/lib/flagd_ui_web/live/dashboard.ex b/src/flagd-ui/lib/flagd_ui_web/live/dashboard.ex
new file mode 100644
index 0000000..cacd1d8
--- /dev/null
+++ b/src/flagd-ui/lib/flagd_ui_web/live/dashboard.ex
@@ -0,0 +1,66 @@
+# Copyright The OpenTelemetry Authors
+# SPDX-License-Identifier: Apache-2.0
+
+defmodule FlagdUiWeb.Dashboard do
+ use FlagdUiWeb, :live_view
+
+ alias FlagdUiWeb.CoreComponents
+ alias FlagdUiWeb.Components.Navbar
+
+ def mount(_, _, socket) do
+ %{"flags" => flags} = GenServer.call(Storage, :read)
+ {:ok, socket |> assign(:flags, flags)}
+ end
+
+ def render(assigns) do
+ ~H"""
+ <div class="relative min-h-screen">
+ <Navbar.navbar />
+
+ <CoreComponents.flash kind={:error} flash={@flash} />
+ <CoreComponents.flash kind={:info} flash={@flash} />
+
+ <.form for={@flags}>
+ <div class="container mx-auto px-4 py-8">
+ <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
+ <div
+ :for={{name, data} <- @flags}
+ class="mb-4 flex flex-auto flex-col justify-between rounded-md bg-gray-800 p-6 text-gray-300 shadow-md"
+ >
+ <div>
+ <p class="mb-4 text-lg font-semibold">{name}</p>
+ <p class="-4 text-sm">{data["description"]}</p>
+ </div>
+ <div>
+ <div class="flex items-center justify-between">
+ <CoreComponents.input
+ name={name}
+ type="select"
+ options={get_variants(data)}
+ value={data["defaultVariant"]}
+ phx-change="flag_changed"
+ />
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </.form>
+ </div>
+ """
+ end
+
+ def handle_event("flag_changed", payload, socket) do
+ %{"_target" => [target]} = payload
+ variant = payload[target]
+
+ GenServer.cast(Storage, {:write, target, variant})
+
+ new_socket = put_flash(socket, :info, "Saved: #{target}")
+
+ {:noreply, new_socket}
+ end
+
+ defp get_variants(%{"variants" => variants}), do: Enum.map(variants, fn {key, _} -> key end)
+ defp get_variants(_), do: []
+end