cannery/lib/cannery_web/views/view_helpers.ex

121 lines
3.2 KiB
Elixir
Raw Normal View History

2022-02-12 02:28:04 -05:00
defmodule CanneryWeb.ViewHelpers do
@moduledoc """
Contains common helpers that can be used in liveviews and regular views. These
are automatically imported into any Phoenix View using `use CanneryWeb,
:view`
"""
2023-01-26 00:39:16 -05:00
use Phoenix.Component
2022-03-04 22:05:08 -05:00
2022-02-12 02:28:04 -05:00
@doc """
2023-01-26 00:39:16 -05:00
Phoenix.Component for a <time> element that renders the naivedatetime in the
user's local timezone with Alpine.js
2022-02-12 02:28:04 -05:00
"""
2022-02-15 23:52:44 -05:00
2023-01-26 00:39:16 -05:00
attr :datetime, :any, required: true, doc: "A `DateTime` struct or nil"
2022-02-12 02:28:04 -05:00
2023-01-26 00:39:16 -05:00
def datetime(assigns) do
2022-02-12 02:28:04 -05:00
~H"""
2023-02-04 10:28:13 -05:00
<time
:if={@datetime}
datetime={cast_datetime(@datetime)}
x-data={"{
datetime:
Intl.DateTimeFormat([], {dateStyle: 'short', timeStyle: 'long'})
.format(new Date(\"#{cast_datetime(@datetime)}\"))
}"}
x-text="datetime"
>
<%= cast_datetime(@datetime) %>
</time>
2022-02-15 17:30:58 -05:00
"""
end
2023-01-26 00:39:16 -05:00
@spec cast_datetime(NaiveDateTime.t() | nil) :: String.t()
defp cast_datetime(%NaiveDateTime{} = datetime) do
datetime |> DateTime.from_naive!("Etc/UTC") |> DateTime.to_iso8601(:extended)
end
defp cast_datetime(_datetime), do: ""
2022-02-15 17:30:58 -05:00
@doc """
2023-01-26 00:39:16 -05:00
Phoenix.Component for a <date> element that renders the Date in the user's
local timezone with Alpine.js
2022-02-15 17:30:58 -05:00
"""
2022-02-15 23:52:44 -05:00
2023-01-26 00:39:16 -05:00
attr :date, :any, required: true, doc: "A `Date` struct or nil"
2022-02-15 17:30:58 -05:00
2023-01-26 00:39:16 -05:00
def date(assigns) do
2022-02-15 17:30:58 -05:00
~H"""
2023-02-04 10:28:13 -05:00
<time
:if={@date}
datetime={@date |> Date.to_iso8601(:extended)}
x-data={"{
date:
Intl.DateTimeFormat([], {timeZone: 'Etc/UTC', dateStyle: 'short'})
.format(new Date(\"#{@date |> Date.to_iso8601(:extended)}\"))
}"}
x-text="date"
>
<%= @date |> Date.to_iso8601(:extended) %>
</time>
2022-02-12 02:28:04 -05:00
"""
end
2022-02-15 22:41:07 -05:00
@doc """
Displays emoji as text emoji if SHIBAO_MODE is set to true :)
"""
@spec display_emoji(String.t()) :: String.t()
2023-01-26 00:39:16 -05:00
def display_emoji("😔") do
if Application.get_env(:cannery, CanneryWeb.ViewHelpers)[:shibao_mode], do: "q_q", else: "😔"
end
2022-02-15 23:52:44 -05:00
2022-02-15 22:41:07 -05:00
def display_emoji(other_emoji), do: other_emoji
2023-01-26 00:46:25 -05:00
@doc """
Displays content in a QR code as a base64 encoded PNG
"""
@spec qr_code_image(String.t()) :: String.t()
@spec qr_code_image(String.t(), width :: non_neg_integer()) :: String.t()
def qr_code_image(content, width \\ 384) do
img_data =
content
|> EQRCode.encode()
|> EQRCode.png(width: width)
|> Base.encode64()
"data:image/png;base64," <> img_data
end
@doc """
Creates a downloadable QR Code element
"""
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"
def qr_code(assigns) do
~H"""
<a href={qr_code_image(@content)} download={@filename <> ".png"}>
<img class={@image_class} alt={@filename} src={qr_code_image(@content)} />
</a>
"""
end
2022-11-09 21:04:57 -05:00
@doc """
Get a random color in `#ffffff` hex format
## Examples
iex> random_color()
"#cc0066"
"""
@spec random_color() :: <<_::7>>
def random_color do
["#cc0066", "#ff6699", "#6666ff", "#0066cc", "#00cc66", "#669900", "#ff9900", "#996633"]
|> Enum.random()
end
2022-02-12 02:28:04 -05:00
end