defmodule CanneryWeb.CoreComponents do @moduledoc """ Provides core UI components. """ use Phoenix.Component use CanneryWeb, :verified_routes import CanneryWeb.{Gettext, HTMLHelpers} alias Cannery.{Accounts, Accounts.Invite, Accounts.User} alias Cannery.{Ammo, Ammo.Pack} alias Cannery.{Containers.Container, Containers.Tag} alias CanneryWeb.Router.Helpers, as: Routes alias Phoenix.LiveView.{JS, Rendered} 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={~p"/\#{<%= schema.plural %>}"}> <.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={~p"/\#{<%= schema.singular %>}"} <%= 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 :container, Container, required: true attr :current_user, User, required: true slot(:tag_actions) slot(:inner_block) @spec container_card(assigns :: map()) :: Rendered.t() def container_card(assigns) attr :tag, Tag, required: true slot(:inner_block, required: true) def tag_card(assigns) attr :tag, Tag, required: true def simple_tag_card(assigns) attr :pack, Pack, required: true attr :current_user, User, required: true attr :original_count, :integer, default: nil attr :cpr, :integer, default: nil attr :last_used_date, Date, default: nil attr :container, Container, default: nil slot(:inner_block) def pack_card(assigns) @spec display_currency(float()) :: String.t() defp display_currency(float), do: :erlang.float_to_binary(float, decimals: 2) attr :user, User, required: true slot(:inner_block, required: true) def user_card(assigns) attr :invite, Invite, required: true attr :use_count, :integer, default: nil attr :current_user, User, required: true slot(:inner_block) slot(:code_actions) def invite_card(assigns) attr :content, :string, required: true attr :filename, :string, default: "qrcode", doc: "filename without .png extension" attr :image_class, :string, default: "w-64 h-max" attr :width, :integer, default: 384, doc: "width of png to generate" @doc """ Creates a downloadable QR Code element """ def qr_code(assigns) attr :id, :string, required: true attr :date, :any, required: true, doc: "A `Date` struct or nil" @doc """ Phoenix.Component for a element that renders the Date in the user's local timezone """ def date(assigns) attr :id, :string, required: true attr :datetime, :any, required: true, doc: "A `DateTime` struct or nil" @doc """ Phoenix.Component for a