48 lines
1.4 KiB
Elixir
48 lines
1.4 KiB
Elixir
|
defmodule SlaxWeb.ChatRoomLive.Index do
|
||
|
|
use SlaxWeb, :live_view
|
||
|
|
|
||
|
|
alias Slax.Chat
|
||
|
|
|
||
|
|
@impl Phoenix.LiveView
|
||
|
|
def render(assigns) do
|
||
|
|
~H"""
|
||
|
|
<main class="flex-1 p-6 max-w-4xl mx-auto">
|
||
|
|
<div class="mb-4">
|
||
|
|
<h1 class="text-xl font-semibold"><%= @page_title %></h1>
|
||
|
|
</div>
|
||
|
|
<div class="bg-slate-50 border rounded">
|
||
|
|
<div id="rooms" class="divide-y" phx-update="stream">
|
||
|
|
<div
|
||
|
|
:for={{id, room} <- @streams.rooms}
|
||
|
|
class="cursor-pointer p-4 flex justify-between items-center group first:rounded-t last:rounded-b"
|
||
|
|
id={id}
|
||
|
|
phx-click={JS.navigate(~p"/rooms/#{room}")}
|
||
|
|
>
|
||
|
|
<div>
|
||
|
|
<div class="font-medium mb-1">
|
||
|
|
#<%= room.name %>
|
||
|
|
<span class="mx-1 text-gray-500 font-light text-sm opacity-0 group-hover:opacity-100">
|
||
|
|
View room
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div class="text-gray-500 text-sm">
|
||
|
|
<%= if room.topic do %>
|
||
|
|
<%= room.topic %>
|
||
|
|
<% end %>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
"""
|
||
|
|
end
|
||
|
|
|
||
|
|
@impl Phoenix.LiveView
|
||
|
|
def mount(_params, _session, socket) do
|
||
|
|
rooms = Chat.list_rooms()
|
||
|
|
socket = socket |> assign(page_title: "All rooms") |> stream(:rooms, rooms)
|
||
|
|
{:ok, socket}
|
||
|
|
end
|
||
|
|
end
|