3 files changed, 86 insertions, 0 deletions
diff --git a/lib/lsg_web/components/component.ex b/lib/lsg_web/components/component.ex
new file mode 100644
index 0000000..37d75e3
--- /dev/null
+++ b/lib/lsg_web/components/component.ex
@@ -0,0 +1,40 @@
+defmodule LSGWeb.Component do
+  use Phoenix.Component
+
+  @date_time_default_format "%F %H:%M"
+  @date_time_formats %{"time-24-with-seconds" => "%H:%M:%S"}
+  def naive_date_time_utc(assigns = %{format: format}) do
+    assigns = assign(assigns, :format, Map.get(@date_time_formats, format, format))
+    ~H"""
+    <time class="component"
+          id={"time-#{:erlang.phash2(@datetime)}"}
+          phx-hook="NaiveDateTimeUTC"
+          data-time-format={get_luxon_format(@format)}
+          datetime={NaiveDateTime.to_iso8601(@datetime)}>
+          <%= Timex.format!(@datetime, @format, :strftime) %>
+    </time>
+    """
+  end
+  def naive_date_time_utc(assigns) do
+    naive_date_time_utc(assign(assigns, :format, "%F %H:%M"))
+  end
+  def get_luxon_format("%H:%M:%S"), do: "TIME_24_WITH_SECONDS"
+
+  def nick(assigns = %{self: false}) do
+    ~H"""
+      <span class="nickname" data-account-id={@account_id} data-user-id={@user_id}>
+        <%= @nick %>
+      </span>
+    """
+  end
+
+  def nick(assigns = %{self: true}) do
+    ~H"""
+    <span class="nickname self" data-account-id={@account_id} data-user-id={@user_id}>
+    You
+    </span>
+    """
+  end
+
+
+end
diff --git a/lib/lsg_web/components/event_component.ex b/lib/lsg_web/components/event_component.ex
new file mode 100644
index 0000000..3b9cd3b
--- /dev/null
+++ b/lib/lsg_web/components/event_component.ex
@@ -0,0 +1,36 @@
+defmodule LSGWeb.EventComponent do
+  use Phoenix.Component
+
+  def content(assigns = %{event: %{type: :quit}}) do
+    ~H"""
+    <LSGWeb.Component.nick self={@self} nick={@user.nick} user_id={@user.id} account_id={@user.account} />
+    has quit:
+    <span class="reason"><%= @reason %></span>
+    """
+  end
+
+  def content(assigns = %{event: %{type: :part}}) do
+    ~H"""
+    <LSGWeb.Component.nick self={@self} nick={@user.nick} user_id={@user.id} account_id={@user.account} />
+    has left:
+    <span class="reason"><%= @reason %></span>
+    """
+  end
+
+  def content(assigns = %{event: %{type: :nick}}) do
+    ~H"""
+    <span class="old-nick"><%= @old_nick %></span>
+    is now known as
+    <LSGWeb.Component.nick self={@self} nick={@user.nick} user_id={@user.id} account_id={@user.account} />
+    """
+  end
+
+  def content(assigns = %{event: %{type: :join}}) do
+    ~H"""
+    <LSGWeb.Component.nick self={@self} nick={@user.nick} user_id={@user.id} account_id={@user.account} />
+    joined
+    """
+  end
+
+
+end
diff --git a/lib/lsg_web/components/message_component.ex b/lib/lsg_web/components/message_component.ex
new file mode 100644
index 0000000..2381411
--- /dev/null
+++ b/lib/lsg_web/components/message_component.ex
@@ -0,0 +1,10 @@
+defmodule LSGWeb.MessageComponent do
+  use Phoenix.Component
+
+  def content(assigns) do
+    ~H"""
+    <div class="inline-block flex-grow cursor-default"><%= @text %></div>
+    """
+  end
+
+end