feat: unlimited entries on activities

Author: enricoprazeres

lib/atomic/activities/activity.ex

@@ -9,8 +9,8 @@ defmodule Atomic.Activities.Activity do
   alias Atomic.Location
   alias Atomic.Organizations.Organization
 
-  @required_fields ~w(title description start finish maximum_entries enrolled organization_id)a
-  @optional_fields ~w()a
+  @required_fields ~w(title description start finish enrolled organization_id)a
+  @optional_fields ~w(maximum_entries)a
 
   @derive {
     Flop.Schema,
@@ -29,7 +29,7 @@ defmodule Atomic.Activities.Activity do
     field :start, :naive_datetime
     field :finish, :naive_datetime
 
-    field :maximum_entries, :integer
+    field :maximum_entries, :integer, default: nil
     field :enrolled, :integer, default: 0
 
     field :image, Uploaders.Post.Type
@@ -102,6 +102,8 @@ defmodule Atomic.Activities.Activity do
     end
   end
 
+  def validate_enrollments_values(_enrolled, nil, changeset), do: changeset
+
   def validate_enrollments_values(enrolled, maximum_entries, changeset) do
     if enrolled > maximum_entries do
       add_error(changeset, :maximum_entries, gettext("maximum number of enrollments reached"))

lib/atomic_web/live/activity_live/form_component.ex

@@ -24,6 +24,7 @@ defmodule AtomicWeb.ActivityLive.FormComponent do
      |> assign_form(changeset)
      |> assign(:description_modal, false)
      |> assign(:maximum_entries_modal, false)
+     |> assign(:has_max_capacity?, true)
      |> assign(:has_description?, initial_description)
      |> allow_upload(:image, accept: Uploaders.Post.extension_whitelist(), max_entries: 1)}
   end
@@ -72,6 +73,13 @@ defmodule AtomicWeb.ActivityLive.FormComponent do
      |> assign(:maximum_entries_modal, not socket.assigns.maximum_entries_modal)}
   end
 
+  @impl true
+  def handle_event("remove_max_capacity", _, socket) do
+    {:noreply, socket
+      |> assign(:has_max_capacity?, false)
+      |> assign(:maximum_entries_modal, not socket.assigns.maximum_entries_modal)}
+  end
+
   defp save_activity(socket, :new, activity_params) do
     case Activities.create_activity_with_post(activity_params, &consume_image_data(socket, &1)) do
       {:ok, _activity} ->

lib/atomic_web/live/activity_live/form_component.html.heex

@@ -87,19 +87,36 @@
           Capacity
         </label>
         <.button id="capacity_button" type="button" class="lg:w-full flex flex-col items-start px-3 py-3 border-gray-300 rounded-md bg-white text-gray-300 group atomic-button atomic-button--primary-outline focus-within:bg-white" phx-click="toggle_maximum_entries_modal" phx-target={@myself}>
-          <.field
+          <%= if @has_max_capacity? do %>
+            <.field
+              class="text-sm p-0 bg-transparent border-none shadow-none cursor-pointer focus:outline-none focus:ring-0 focus:border-transparent text-gray-900"
+              type="number"
+              field={@form[:maximum_entries]}
+              label="Maximum entries"
+              placeholder="Choose maximum entries"
+              readonly
+              required
+              label_class="hidden"
+              wrapper_class="m-0"
+              error_class="text-danger-600 placeholder-danger-700"
+              error_label_class="text-danger-700"
+            />
+          <% else %>
+            <.field
             class="text-sm p-0 bg-transparent border-none shadow-none cursor-pointer focus:outline-none focus:ring-0 focus:border-transparent text-gray-900"
             type="number"
             field={@form[:maximum_entries]}
             label="Maximum entries"
-            placeholder="Choose maximum entries"
+            placeholder="Unlimited"
             readonly
+            value="nil"
             required
             label_class="hidden"
             wrapper_class="m-0"
             error_class="text-danger-600 placeholder-danger-700"
             error_label_class="text-danger-700"
           />
+          <% end %>
         </.button>
 
         <div class="mt-4 flex-grow">
@@ -128,13 +145,17 @@
     <.modal :if={@maximum_entries_modal} id="maximum_entries_modal" show on_cancel={JS.push("toggle_maximum_entries_modal", target: @myself)}>
       <div class="w-full h-full">
         <div class="">
-          <.field class="" type="number" field={@form[:maximum_entries]} placeholder="Choose maximum entries" />
+          <%= if @has_max_capacity? do %>
+            <.field class="" type="number" field={@form[:maximum_entries]} placeholder="Choose maximum entries" />
+          <% else %>
+            <.field class="" type="number" value="nil" field={@form[:maximum_entries]} placeholder="Unlimited"/>
+          <% end %>
         </div>
         <div class="flex gap-3">
           <.button type="button" phx-click="toggle_maximum_entries_modal" phx-target={@myself}>
             Close
           </.button>
-          <.button type="button" phx-click="" phx-target={@myself}>
+          <.button type="button" phx-target={@myself} phx-click="remove_max_capacity">
             Remove limit
           </.button>
         </div>

lib/atomic_web/live/activity_live/show.html.heex

@@ -81,7 +81,7 @@
             <div class="flex items-center gap-2">
               <.icon name="hero-user-group" class="h-5 w-5 text-gray-700" />
               <p class="font-medium">
-                <%= @activity.enrolled %> / <%= @activity.maximum_entries %>
+                <%= @activity.enrolled %> <%= if @activity.maximum_entries, do: "/ #{@activity.maximum_entries}" %>
               </p>
             </div>
           </.link>
@@ -199,7 +199,8 @@
           <h2 class="mb-4 flex-1 select-none truncate text-lg font-semibold text-zinc-900">Participants</h2>
           <div class="border-t border-l">
             <.table items={@participants} meta={@meta} filter={[]}>
-              <:col :let={participant} label="Name"><%= participant.name %></:col>
+              <:col :let={participant} label="Name"><.link navigate={~p"/profile/#{participant.slug}"} class="hover:underline"><%= participant.name %></.link>
+              </:col>
               <:col :let={participant} label="Email"><%= participant.email %></:col>
               <:col :let={participant} label="Phone number"><%= participant.phone_number %></:col>
             </.table>
@@ -219,7 +220,7 @@
 <!-- Ticket show modal -->
 <.modal :if={@live_action in [:ticket] and @enrolled?} id="ticket-modal" show on_cancel={JS.patch(~p"/activities/#{@activity.id}")}>
   <div class="w-full flex flex-col gap-2 text-center place-items-center">
-    <p class="text-md font-semibold text-gray-900">
+    <p class="text-md font-semibold text-gray-900 sm:w-1/2">
       <%= gettext("Show this code to the staff present at the activity to register your presence.") %>
     </p>
     <%= draw_ticket_qr_code(@enrollment_id) |> raw %>

priv/repo/migrations/20221022010100_create_activities.exs

@@ -11,7 +11,7 @@ defmodule Atomic.Repo.Migrations.CreateActivities do
       add :start, :naive_datetime, null: false
       add :finish, :naive_datetime, null: false
 
-      add :maximum_entries, :integer, null: false
+      add :maximum_entries, :integer, null: true
       add :enrolled, :integer, default: 0, null: false
 
       add :image, :string