35 lines
898 B
Elixir
35 lines
898 B
Elixir
|
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`
|
||
|
|
"""
|
||
|
|
|
||
|
|
import Phoenix.LiveView.Helpers
|
||
|
|
|
||
|
|
@doc """
|
||
|
|
Returns a <time> element that renders the naivedatetime in the user's local
|
||
|
|
timezone with Alpine.js
|
||
|
|
"""
|
||
|
|
@spec display_datetime(NaiveDateTime.t()) :: Phoenix.LiveView.Rendered.t()
|
||
|
|
def display_datetime(datetime) do
|
||
|
|
assigns = %{
|
||
|
|
datetime: datetime |> DateTime.from_naive!("Etc/UTC") |> DateTime.to_iso8601(:extended)
|
||
|
|
}
|
||
|
|
|
||
|
|
~H"""
|
||
|
|
<time
|
||
|
|
datetime={datetime}
|
||
|
|
x-data={"{
|
||
|
|
date:
|
||
|
|
Intl.DateTimeFormat([], {dateStyle: 'short', timeStyle: 'long'})
|
||
|
|
.format(new Date(\"#{datetime}\"))
|
||
|
|
}"}
|
||
|
|
x-text="date"
|
||
|
|
>
|
||
|
|
<%= datetime %>
|
||
|
|
</time>
|
||
|
|
"""
|
||
|
|
end
|
||
|
|
end
|