e751c65424
* Added compound index for updated media item table for performance * Improved large number display on homepage * Improved UI around large numbers * Centered the content of homepage data cards * Renamed migration
121 lines
3 KiB
Elixir
121 lines
3 KiB
Elixir
defmodule PinchflatWeb.CustomComponents.TextComponents do
|
|
@moduledoc false
|
|
use Phoenix.Component
|
|
|
|
alias PinchflatWeb.CoreComponents
|
|
|
|
@doc """
|
|
Renders a code block with the given content.
|
|
"""
|
|
slot :inner_block
|
|
|
|
def inline_code(assigns) do
|
|
~H"""
|
|
<code class="inline-block text-sm font-mono text-gray bg-boxdark rounded-md p-0.5 mx-0.5 text-nowrap">
|
|
<%= render_slot(@inner_block) %>
|
|
</code>
|
|
"""
|
|
end
|
|
|
|
@doc """
|
|
Renders a reference link with the given href and content.
|
|
"""
|
|
attr :href, :string, required: true
|
|
slot :inner_block
|
|
|
|
def inline_link(assigns) do
|
|
~H"""
|
|
<.link href={@href} target="_blank" class="text-blue-500 hover:text-blue-300">
|
|
<%= render_slot(@inner_block) %>
|
|
</.link>
|
|
"""
|
|
end
|
|
|
|
@doc """
|
|
Renders a subtle link with the given href and content.
|
|
"""
|
|
attr :href, :string, required: true
|
|
attr :target, :string, default: "_self"
|
|
slot :inner_block
|
|
|
|
def subtle_link(assigns) do
|
|
~H"""
|
|
<.link href={@href} target={@target} class="underline decoration-bodydark decoration-1 hover:decoration-white">
|
|
<%= render_slot(@inner_block) %>
|
|
</.link>
|
|
"""
|
|
end
|
|
|
|
@doc """
|
|
Renders an icon as a link with the given href.
|
|
"""
|
|
attr :href, :string, required: true
|
|
attr :icon, :string, required: true
|
|
attr :class, :string, default: ""
|
|
|
|
def icon_link(assigns) do
|
|
~H"""
|
|
<.link href={@href} class={["hover:text-secondary duration-200 ease-in-out", @class]}>
|
|
<CoreComponents.icon name={@icon} />
|
|
</.link>
|
|
"""
|
|
end
|
|
|
|
@doc """
|
|
Renders a block of text with each line broken into a separate span.
|
|
"""
|
|
attr :text, :string, required: true
|
|
|
|
def break_on_newline(assigns) do
|
|
broken_text =
|
|
assigns.text
|
|
|> String.split("\n", trim: false)
|
|
|> Enum.intersperse(Phoenix.HTML.Tag.tag(:span, class: "inline-block mt-2"))
|
|
|
|
assigns = Map.put(assigns, :text, broken_text)
|
|
|
|
~H"""
|
|
<span><%= @text %></span>
|
|
"""
|
|
end
|
|
|
|
@doc """
|
|
Renders a UTC datetime in the specified format and timezone
|
|
"""
|
|
attr :datetime, :any, required: true
|
|
attr :format, :string, default: "%Y-%m-%d %H:%M:%S"
|
|
attr :timezone, :string, default: nil
|
|
|
|
def datetime_in_zone(assigns) do
|
|
timezone = assigns.timezone || Application.get_env(:pinchflat, :timezone)
|
|
assigns = Map.put(assigns, :timezone, timezone)
|
|
|
|
~H"""
|
|
<time><%= Calendar.strftime(Timex.Timezone.convert(@datetime, @timezone), @format) %></time>
|
|
"""
|
|
end
|
|
|
|
@doc """
|
|
Renders a localized number using the Intl.NumberFormat API, falling back to the raw number if needed
|
|
"""
|
|
attr :number, :any, required: true
|
|
|
|
def localized_number(assigns) do
|
|
~H"""
|
|
<span x-data x-text={"Intl.NumberFormat().format(#{@number})"}><%= @number %></span>
|
|
"""
|
|
end
|
|
|
|
@doc """
|
|
Renders a word with a suffix if the count is not 1
|
|
"""
|
|
attr :word, :string, required: true
|
|
attr :count, :integer, required: true
|
|
attr :suffix, :string, default: "s"
|
|
|
|
def pluralize(assigns) do
|
|
~H"""
|
|
<%= @word %><%= if @count == 1, do: "", else: @suffix %>
|
|
"""
|
|
end
|
|
end
|