memEx/lib/lokal_web/views/view_helpers.ex

67 lines
1.7 KiB
Elixir
Raw Normal View History

2022-02-13 21:56:54 -05:00
defmodule LokalWeb.ViewHelpers do
@moduledoc """
Contains common helpers that can be used in liveviews and regular views. These
2022-02-25 21:53:04 -05:00
are automatically imported into any Phoenix View using `use LokalWeb,
:view`
2022-02-13 21:56:54 -05:00
"""
2023-01-26 00:28:34 -05:00
use Phoenix.Component
2022-02-13 21:56:54 -05:00
@doc """
2023-01-26 00:28:34 -05:00
Phoenix.Component for a <time> element that renders the naivedatetime in the
user's local timezone with Alpine.js
2022-02-13 21:56:54 -05:00
"""
2022-02-25 21:53:04 -05:00
2023-01-26 00:28:34 -05:00
attr :datetime, :any, required: true, doc: "A `DateTime` struct or nil"
2022-02-13 21:56:54 -05:00
2023-01-26 00:28:34 -05:00
def datetime(assigns) do
2022-02-13 21:56:54 -05:00
~H"""
2023-01-26 00:28:34 -05:00
<%= 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 %>
2022-02-13 21:56:54 -05:00
"""
end
2022-02-25 21:53:04 -05:00
2023-01-26 00:28:34 -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-25 21:53:04 -05:00
@doc """
2023-01-26 00:28:34 -05:00
Phoenix.Component for a <date> element that renders the Date in the user's
local timezone with Alpine.js
2022-02-25 21:53:04 -05:00
"""
2023-01-26 00:28:34 -05:00
attr :date, :any, required: true, doc: "A `Date` struct or nil"
2022-02-25 21:53:04 -05:00
2023-01-26 00:28:34 -05:00
def date(assigns) do
2022-02-25 21:53:04 -05:00
~H"""
2023-01-26 00:28:34 -05:00
<%= 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 %>
2022-02-25 21:53:04 -05:00
"""
end
2022-02-13 21:56:54 -05:00
end