Add status ready button

lib/karaokium/polling.ex

@@ -53,6 +53,7 @@ defmodule Karaokium.Polling do
     %Vote{}
     |> Vote.changeset(attrs)
     |> Repo.insert()
+    |> broadcast(:created)
   end
 
   @doc """
@@ -101,4 +102,16 @@ defmodule Karaokium.Polling do
   def change_vote(%Vote{} = vote, attrs \\ %{}) do
     Vote.changeset(vote, attrs)
   end
+
+  def subscribe(topic) when topic in ["votes"] do
+    Phoenix.PubSub.subscribe(Karaokium.PubSub, topic)
+  end
+
+  defp broadcast({:error, _reason} = error, _event), do: error
+
+  defp broadcast({:ok, %Vote{} = vote}, event)
+       when event in [:created] do
+    Phoenix.PubSub.broadcast!(Karaokium.PubSub, "votes", {event, vote})
+    {:ok, vote}
+  end
 end

lib/karaokium_web/live/admin/karaoke_live/show.ex

@@ -3,9 +3,14 @@ defmodule KaraokiumWeb.Admin.KaraokeLive.Show do
 
   alias Karaokium.Events
   alias Karaokium.Performances
+  alias Karaokium.Polling
 
   @impl true
   def mount(_params, _session, socket) do
+    if connected?(socket) do
+      Polling.subscribe("votes")
+    end
+
     {:ok, socket}
   end
 
@@ -50,6 +55,11 @@ defmodule KaraokiumWeb.Admin.KaraokeLive.Show do
     {:noreply, reload(socket)}
   end
 
+  @impl true
+  def handle_info({:update, _changes}, socket) do
+    {:noreply, reload(socket)}
+  end
+
   defp page_title(:show), do: "Show Karaoke"
   defp page_title(:edit), do: "Edit Karaoke"
 

lib/karaokium_web/live/admin/karaoke_live/show.html.heex

@@ -33,6 +33,10 @@
         <td><strong>PIN</strong></td>
         <td><%= @karaoke.code %></td>
       </tr>
+      <tr>
+        <td><strong>Status:</strong></td>
+        <td><%= @karaoke.status %></td>
+      </tr>
       <tr>
         <td><strong>Start date</strong></td>
         <td><%= @karaoke.start_date %></td>

lib/karaokium_web/live/karaoke_live/show.ex

@@ -40,9 +40,7 @@ defmodule KaraokiumWeb.KaraokeLive.Show do
   defp reload(socket) do
     id = socket.assigns.id
 
-    karaoke =
-      Events.get_karaoke!(id, performing: [:team, :votes, song: [:album, :artists]])
-      |> Map.put(:status, :started)
+    karaoke = Events.get_karaoke!(id, performing: [:team, :votes, song: [:album, :artists]])
 
     socket
     |> assign(:page_title, karaoke.name)

lib/karaokium_web/live/karaoke_live/show.html.heex

@@ -1,46 +1,48 @@
-<%= if @karaoke.status == :started  do %>
-  <%= unless is_nil(@karaoke.performing_id) do %>
-    <section style="margin-top: -50px;">
-      <aside style="padding: 0;">
-        <img alt="HTML only" src={hd(@karaoke.performing.song.album.images).url} height="285" />
-        <div style="padding: 0 0.5rem;">
-          <h3><%= @karaoke.performing.song.name %></h3>
-          <p>
-            <strong><%= @karaoke.performing.song.album.name %></strong>
-          </p>
-          <p>
-            <em><%= Enum.map(@karaoke.performing.song.artists, & &1.name) |> Enum.join(", ") %></em>
-          </p>
-          <center>
-            <table style="padding: 0; margin-bottom: 10px;">
-              <tbody>
-                <tr>
-                  <td><strong>Team</strong></td>
-                  <td><%= @karaoke.performing.team.name || "No name" %></td>
-                </tr>
-                <tr>
-                  <td><strong>Score</strong></td>
-                  <td><%= score(@karaoke.performing) %></td>
-                </tr>
-              </tbody>
-            </table>
-          </center>
-        </div>
-      </aside>
-    </section>
-    <section style=""></section>
+<div id="karaoke">
+  <%= if @karaoke.status == :started  do %>
+    <%= unless is_nil(@karaoke.performing_id) do %>
+      <section style="margin-top: -50px;">
+        <aside style="padding: 0;">
+          <img alt="HTML only" src={hd(@karaoke.performing.song.album.images).url} height="285" />
+          <div style="padding: 0 0.5rem;">
+            <h3><%= @karaoke.performing.song.name %></h3>
+            <p>
+              <strong><%= @karaoke.performing.song.album.name %></strong>
+            </p>
+            <p>
+              <em><%= Enum.map(@karaoke.performing.song.artists, & &1.name) |> Enum.join(", ") %></em>
+            </p>
+            <center>
+              <table style="padding: 0; margin-bottom: 10px;">
+                <tbody>
+                  <tr>
+                    <td><strong>Team</strong></td>
+                    <td><%= @karaoke.performing.team.name || "No name" %></td>
+                  </tr>
+                  <tr>
+                    <td><strong>Score</strong></td>
+                    <td><%= score(@karaoke.performing) %></td>
+                  </tr>
+                </tbody>
+              </table>
+            </center>
+          </div>
+        </aside>
+      </section>
+      <section style=""></section>
 
-    <section>
-      <%= if @karaoke.performing.voting? and not has_voted?(@current_user, @karaoke.performing) do %>
-        <header>
-          <p>Vote now!</p>
-        </header>
-        <%= for pontuation <- 1..10 do %>
-          <button phx-click="vote" phx-value-pontuation={pontuation} style="margin: 10px;"><%= pontuation %></button>
+      <section>
+        <%= if @karaoke.performing.voting? and not has_voted?(@current_user, @karaoke.performing) do %>
+          <header>
+            <p>Vote now!</p>
+          </header>
+          <%= for pontuation <- 1..10 do %>
+            <button phx-click="vote" phx-value-pontuation={pontuation} style="margin: 10px;"><%= pontuation %></button>
+          <% end %>
         <% end %>
-      <% end %>
-    </section>
+      </section>
+    <% end %>
+  <% else %>
+    <.status karaoke={@karaoke} />
   <% end %>
-<% else %>
-  <.status karaoke={@karaoke} />
-<% end %>
+</div>