67 lines
1.7 KiB
Elixir
67 lines
1.7 KiB
Elixir
defmodule LokalWeb.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 LokalWeb,
|
|
:view`
|
|
"""
|
|
|
|
use Phoenix.Component
|
|
|
|
@doc """
|
|
Phoenix.Component for a <time> element that renders the naivedatetime in the
|
|
user's local timezone with Alpine.js
|
|
"""
|
|
|
|
attr :datetime, :any, required: true, doc: "A `DateTime` struct or nil"
|
|
|
|
def datetime(assigns) do
|
|
~H"""
|
|
<%= if @datetime do %>
|
|
<time
|
|
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>
|
|
<% end %>
|
|
"""
|
|
end
|
|
|
|
@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: ""
|
|
|
|
@doc """
|
|
Phoenix.Component for a <date> element that renders the Date in the user's
|
|
local timezone with Alpine.js
|
|
"""
|
|
|
|
attr :date, :any, required: true, doc: "A `Date` struct or nil"
|
|
|
|
def date(assigns) do
|
|
~H"""
|
|
<%= if @date do %>
|
|
<time
|
|
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>
|
|
<% end %>
|
|
"""
|
|
end
|
|
end
|