<.flash_group flash={@flash} />
<%= @inner_content %>
+
+ <%= live_render(@socket, VyasaWeb.MediaLive.MediaBridge, id: "MediaBridge", session: @session, sticky: true) %>
+
+ <%= @verse.body %>
+
+
+ <%= List.first(@verse.translations).target.body_translit %>
+
+ """
+ end
+
+
+ def render_field(record, field, _session) do
+ IO.inspect(field)
+ record
+ |> Map.fetch!(field)
+ |> case do
+ bool when is_boolean(bool) ->
+ if bool, do: "Yes", else: "No"
+ date = %Date{} ->
+ Calendar.strftime(date, "%a, %B %d %Y")
+ bin when is_binary(bin) -> bin
+ _ ->
+ record
+ |> Map.fetch!(field)
+ |> case do
+ val when is_binary(val) -> val
+ val -> inspect(val, pretty: true)
+ end
+ end
+ end
+
+end
diff --git a/lib/vyasa_web/components/audio_player.ex b/lib/vyasa_web/components/audio_player.ex
new file mode 100644
index 00000000..05418e65
--- /dev/null
+++ b/lib/vyasa_web/components/audio_player.ex
@@ -0,0 +1,38 @@
+defmodule VyasaWeb.AudioPlayer do
+ use VyasaWeb, :live_component
+
+ def mount(_, _, socket) do
+ socket
+ |> assign(playback: nil)
+ end
+
+ @impl true
+ def render(assigns) do
+ ~H"""
+
+
+
+ """
+ end
+
+ @impl true
+ def update(%{
+ event: "media_bridge:update_audio_player" = event,
+ playback: playback,
+ } = _assigns, socket) do
+ IO.inspect("handle update case in audio_player.ex with event = #{event}", label: "checkpoint")
+
+ {
+ :ok, socket
+ |> assign(playback: playback)
+ }
+ end
+
+ @impl true
+ def update(assigns, socket) do
+ IO.inspect(assigns, label: "what")
+ {:ok, socket
+ |> assign(playback: nil)
+ }
+ end
+ end
diff --git a/lib/vyasa_web/components/core_components.ex b/lib/vyasa_web/components/core_components.ex
index 37083c7a..95b47f94 100644
--- a/lib/vyasa_web/components/core_components.ex
+++ b/lib/vyasa_web/components/core_components.ex
@@ -89,6 +89,96 @@ defmodule VyasaWeb.CoreComponents do
"""
end
+ attr(:id, :string, required: true)
+ attr(:show, :boolean, default: false)
+ attr(:on_cancel, JS, default: %JS{}, doc: "JS cancel action")
+ attr(:on_confirm, JS, default: %JS{}, doc: "JS confirm action")
+ attr(:background, :string, default: "bg-white")
+ attr(:close_button, :boolean, default: true)
+ attr(:main_width, :string, default: "w-full")
+
+ slot(:inner_block, required: true)
+
+ slot(:confirm) do
+ attr(:tone, :atom)
+ end
+
+ slot(:cancel)
+
+ def modal_wrapper(assigns) do
+ ~H"""
+
+ """
+ end
+
+
@doc """
Renders flash notices.
@@ -220,6 +310,11 @@ defmodule VyasaWeb.CoreComponents do
<.button phx-click="go" class="ml-2">Send!
"""
attr :type, :string, default: nil
+ attr(:tone, :atom,
+ default: :primary,
+ values: ~w(primary inline success warning danger)a,
+ doc: "Theme of the button"
+ )
attr :class, :string, default: nil
attr :rest, :global, include: ~w(disabled form name value)
@@ -231,6 +326,7 @@ defmodule VyasaWeb.CoreComponents do
type={@type}
class={[
"phx-submit-loading:opacity-75 rounded-lg bg-zinc-900 hover:bg-zinc-700 py-2 px-3",
+ button_class(@tone),
"text-sm font-semibold leading-6 text-white active:text-white/80",
@class
]}
@@ -241,6 +337,13 @@ defmodule VyasaWeb.CoreComponents do
"""
end
+ defp button_class(:primary),
+ do:
+ "focus:outline-none focus:ring-4 font-bold rounded-xl lg:text-base text-sm px-5 py-2.5 text-center bg-[#9747FF] text-[#D1D1D1] hover:bg-purple-700 focus:ring-purple-900 font-poppins"
+ defp button_class(:inline),
+ do:
+ "inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none"
+
@doc """
Renders an input with label and error messages.
@@ -441,6 +544,89 @@ defmodule VyasaWeb.CoreComponents do
"""
end
+ @doc """
+ Renders a sidenote w action slots for interaction with sidenote
+ """
+ attr :class, :string, default: nil
+ slot :inner_block, required: true
+ slot :quote
+ slot :subtitle
+ slot :actions
+
+ def sidenote(assigns) do
+ ~H"""
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ Anonymous
+
+ Jan 7
+
+
+
+
+
+
+
+
+
+ <%= render_slot(@quote) %>
+
+
+
+ private posts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <%= render_slot(@inner_block) %>
- <%= item.title %> diff --git a/lib/vyasa_web/components/draft_matrix.ex b/lib/vyasa_web/components/draft_matrix.ex new file mode 100644 index 00000000..2381065d --- /dev/null +++ b/lib/vyasa_web/components/draft_matrix.ex @@ -0,0 +1,43 @@ +defmodule VyasaWeb.DraftMatrix do + use VyasaWeb, :live_component + + @impl true + def update(assigns, socket) do + assigns = Enum.reject(assigns, fn {_k, v} -> is_nil(v) or v == [] end) + + {:ok, + socket + |> assign(assigns) + |> assign_new(:actions, fn -> [] end) + |> assign_new(:marks, fn -> [] end) + |> assign_new(:custom_style, fn -> [] end)} + end + + @impl true + def handle_event("adjust", adjusted, socket) do + style = Enum.map(adjusted, fn {key, val} -> + "#{key}: #{val}" + end) + + {:noreply, assign(socket, custom_style: style)} + end + + @doc """ + Renders a marginote w action slots for interaction with marginote + """ + @impl true + def render(assigns) do + ~H""" +
- ![]({~p"/images/logo.svg"})
+
+
v<%= Application.spec(:vyasa, :vsn) %> @@ -18,9 +18,12 @@