defmodule MemexWeb.CoreComponents do @moduledoc """ Provides core UI components. """ use Phoenix.Component import MemexWeb.{Gettext, ViewHelpers} alias Memex.{Accounts, Accounts.Invite, Accounts.Invites, Accounts.User} alias Memex.Contexts.Context alias Memex.Notes.Note alias Memex.Pipelines.Steps.Step alias MemexWeb.{Endpoint, HomeLive} alias MemexWeb.Router.Helpers, as: Routes alias Phoenix.HTML alias Phoenix.LiveView.JS embed_templates("core_components/*") attr :title_content, :string, default: nil attr :current_user, User, default: nil def topbar(assigns) attr :return_to, :string, required: true slot(:inner_block) @doc """ Renders a live component inside a modal. The rendered modal receives a `:return_to` option to properly update the URL when the modal is closed. ## Examples <.modal return_to={Routes.<%= schema.singular %>_index_path(Endpoint, :index)}> <.live_component module={<%= inspect context.web_module %>.<%= inspect Module.concat(schema.web_namespace, schema.alias) %>Live.FormComponent} id={@<%= schema.singular %>.id || :new} title={@page_title} action={@live_action} return_to={Routes.<%= schema.singular %>_index_path(Endpoint, :index)} <%= schema.singular %>: @<%= schema.singular %> /> """ def modal(assigns) defp hide_modal(js \\ %JS{}) do js |> JS.hide(to: "#modal", transition: "fade-out") |> JS.hide(to: "#modal-bg", transition: "fade-out") |> JS.hide(to: "#modal-content", transition: "fade-out-scale") end attr :action, :string, required: true attr :value, :boolean, required: true attr :id, :string, default: nil slot(:inner_block) @doc """ A toggle button element that can be directed to a liveview or a live_component's `handle_event/3`. ## Examples <.toggle_button action="my_liveview_action" value={@some_value}> Toggle me! <.toggle_button action="my_live_component_action" target={@myself} value={@some_value}> Whatever you want """ def toggle_button(assigns) attr :user, User, required: true slot(:inner_block, required: true) def user_card(assigns) attr :invite, Invite, required: true attr :current_user, User, required: true slot(:inner_block) slot(:code_actions) def invite_card(%{invite: invite, current_user: current_user} = assigns) do assigns = assigns |> assign(:use_count, Invites.get_use_count(invite, current_user)) ~H"""

<%= @invite.name %>

<%= if @invite.disabled_at |> is_nil() do %>

<%= if @invite.uses_left do %> <%= gettext( "uses left: %{uses_left_count}", uses_left_count: @invite.uses_left ) %> <% else %> <%= gettext("uses left: unlimited") %> <% end %>

<% else %>

<%= gettext("invite disabled") %>

<% end %> <.qr_code content={Routes.user_registration_url(Endpoint, :new, invite: @invite.token)} filename={@invite.name} />

<%= gettext("uses: %{uses_count}", uses_count: @use_count) %>

<%= Routes.user_registration_url(Endpoint, :new, invite: @invite.token) %> <%= if @code_actions, do: render_slot(@code_actions) %>
<%= render_slot(@inner_block) %>
""" end attr :note, Note, required: true def note_content(assigns) do ~H"""

<%= add_links_to_content(@note.content, "note-link") %>

""" end attr :context, Context, required: true def context_content(assigns) do ~H"""

<%= add_links_to_content(@context.content, "context-note") %>

""" end attr :step, Step, required: true def step_content(assigns) do ~H"""

<%= add_links_to_content(@step.content, "step-context") %>

""" end defp add_links_to_content(content, data_qa_prefix) do Regex.replace( ~r/\[\[([\p{L}\p{N}\-]+)\]\]/, content, fn _whole_match, slug -> link = HTML.Link.link( "[[#{slug}]]", to: Routes.note_show_path(Endpoint, :show, slug), class: "link inline", data: [qa: "#{data_qa_prefix}-#{slug}"] ) |> HTML.Safe.to_iodata() |> IO.iodata_to_binary() "

#{link}

" end ) |> HTML.raw() end end