add search to ammo groups index
This commit is contained in:
		| @@ -4,12 +4,15 @@ defmodule CanneryWeb.AmmoGroupLive.Index do | ||||
|   """ | ||||
|  | ||||
|   use CanneryWeb, :live_view | ||||
|   alias Cannery.{Ammo, Ammo.AmmoGroup, Containers, Repo} | ||||
|   alias CanneryWeb.Endpoint | ||||
|   alias Cannery.{Ammo, Ammo.AmmoGroup, Containers} | ||||
|  | ||||
|   @impl true | ||||
|   def mount(%{"search" => search}, _session, socket) do | ||||
|     {:ok, socket |> assign(show_used: false, search: search) |> display_ammo_groups()} | ||||
|   end | ||||
|  | ||||
|   def mount(_params, _session, socket) do | ||||
|     {:ok, socket |> assign(show_used: false)} | ||||
|     {:ok, socket |> assign(show_used: false, search: nil) |> display_ammo_groups()} | ||||
|   end | ||||
|  | ||||
|   @impl true | ||||
| @@ -23,38 +26,60 @@ defmodule CanneryWeb.AmmoGroupLive.Index do | ||||
|          %{"id" => id} | ||||
|        ) do | ||||
|     socket | ||||
|     |> assign(:page_title, gettext("Record shots")) | ||||
|     |> assign(:ammo_group, Ammo.get_ammo_group!(id, current_user)) | ||||
|     |> assign( | ||||
|       page_title: gettext("Record shots"), | ||||
|       ammo_group: Ammo.get_ammo_group!(id, current_user) | ||||
|     ) | ||||
|   end | ||||
|  | ||||
|   defp apply_action(%{assigns: %{current_user: current_user}} = socket, :move, %{"id" => id}) do | ||||
|     socket | ||||
|     |> assign(:page_title, gettext("Move ammo")) | ||||
|     |> assign(:ammo_group, Ammo.get_ammo_group!(id, current_user)) | ||||
|     |> assign( | ||||
|       page_title: gettext("Move ammo"), | ||||
|       ammo_group: Ammo.get_ammo_group!(id, current_user) | ||||
|     ) | ||||
|   end | ||||
|  | ||||
|   defp apply_action(%{assigns: %{current_user: current_user}} = socket, :edit, %{"id" => id}) do | ||||
|     socket | ||||
|     |> assign(:page_title, gettext("Edit ammo")) | ||||
|     |> assign(:ammo_group, Ammo.get_ammo_group!(id, current_user)) | ||||
|     |> assign( | ||||
|       page_title: gettext("Edit ammo"), | ||||
|       ammo_group: Ammo.get_ammo_group!(id, current_user) | ||||
|     ) | ||||
|   end | ||||
|  | ||||
|   defp apply_action(%{assigns: %{current_user: current_user}} = socket, :clone, %{"id" => id}) do | ||||
|     socket | ||||
|     |> assign(:page_title, dgettext("actions", "Add Ammo")) | ||||
|     |> assign(:ammo_group, %{Ammo.get_ammo_group!(id, current_user) | id: nil}) | ||||
|     |> assign( | ||||
|       page_title: dgettext("actions", "Add Ammo"), | ||||
|       ammo_group: %{Ammo.get_ammo_group!(id, current_user) | id: nil} | ||||
|     ) | ||||
|   end | ||||
|  | ||||
|   defp apply_action(socket, :new, _params) do | ||||
|     socket | ||||
|     |> assign(:page_title, dgettext("actions", "Add Ammo")) | ||||
|     |> assign(:ammo_group, %AmmoGroup{}) | ||||
|     |> assign( | ||||
|       page_title: dgettext("actions", "Add Ammo"), | ||||
|       ammo_group: %AmmoGroup{} | ||||
|     ) | ||||
|   end | ||||
|  | ||||
|   defp apply_action(socket, :index, _params) do | ||||
|     socket | ||||
|     |> assign(:page_title, gettext("Ammo")) | ||||
|     |> assign(:ammo_group, nil) | ||||
|     |> assign( | ||||
|       page_title: gettext("Ammo"), | ||||
|       search: nil, | ||||
|       ammo_group: nil | ||||
|     ) | ||||
|   end | ||||
|  | ||||
|   defp apply_action(socket, :search, %{"search" => search}) do | ||||
|     socket | ||||
|     |> assign( | ||||
|       page_title: gettext("Ammo"), | ||||
|       search: search, | ||||
|       ammo_group: nil | ||||
|     ) | ||||
|   end | ||||
|  | ||||
|   @impl true | ||||
| @@ -85,13 +110,22 @@ defmodule CanneryWeb.AmmoGroupLive.Index do | ||||
|     {:noreply, socket |> assign(:show_used, !show_used) |> display_ammo_groups()} | ||||
|   end | ||||
|  | ||||
|   defp display_ammo_groups( | ||||
|          %{assigns: %{current_user: current_user, show_used: show_used}} = socket | ||||
|        ) do | ||||
|     ammo_groups = | ||||
|       Ammo.list_ammo_groups(current_user, show_used) | ||||
|       |> Repo.preload([:ammo_type, :container], force: true) | ||||
|   @impl true | ||||
|   def handle_event("search", %{"search" => %{"search_term" => ""}}, socket) do | ||||
|     {:noreply, socket |> push_patch(to: Routes.ammo_group_index_path(Endpoint, :index))} | ||||
|   end | ||||
|  | ||||
|   def handle_event("search", %{"search" => %{"search_term" => search_term}}, socket) do | ||||
|     socket = | ||||
|       socket |> push_patch(to: Routes.ammo_group_index_path(Endpoint, :search, search_term)) | ||||
|  | ||||
|     {:noreply, socket} | ||||
|   end | ||||
|  | ||||
|   defp display_ammo_groups( | ||||
|          %{assigns: %{search: search, current_user: current_user, show_used: show_used}} = socket | ||||
|        ) do | ||||
|     ammo_groups = Ammo.list_ammo_groups(search, show_used, current_user) | ||||
|     ammo_types_count = Ammo.get_ammo_types_count!(current_user) | ||||
|     containers_count = Containers.get_containers_count!(current_user) | ||||
|  | ||||
|   | ||||
| @@ -3,7 +3,7 @@ | ||||
|     <%= gettext("Ammo") %> | ||||
|   </h1> | ||||
|  | ||||
|   <%= if @ammo_groups |> Enum.empty?() do %> | ||||
|   <%= if @ammo_groups |> Enum.empty?() and @search |> is_nil() do %> | ||||
|     <h2 class="title text-xl text-primary-600"> | ||||
|       <%= gettext("No Ammo") %> | ||||
|       <%= display_emoji("😔") %> | ||||
| @@ -31,7 +31,7 @@ | ||||
|           <%= dgettext("actions", "add an ammo type first") %> | ||||
|         </.link> | ||||
|       </div> | ||||
|     <% @ammo_groups |> Enum.empty?() -> %> | ||||
|     <% @ammo_groups |> Enum.empty?() and @search |> is_nil() -> %> | ||||
|       <.link patch={Routes.ammo_group_index_path(Endpoint, :new)} class="btn btn-primary"> | ||||
|         <%= dgettext("actions", "Add your first box!") %> | ||||
|       </.link> | ||||
| @@ -41,15 +41,36 @@ | ||||
|       </.link> | ||||
|   <% end %> | ||||
|  | ||||
|   <%= unless @ammo_groups |> Enum.empty?() do %> | ||||
|     <div class="flex flex-col space-y-4 justify-center items-center"> | ||||
|       <.toggle_button action="toggle_show_used" value={@show_used}> | ||||
|         <span class="title text-lg text-primary-600"> | ||||
|           <%= gettext("Show used") %> | ||||
|         </span> | ||||
|       </.toggle_button> | ||||
|     </div> | ||||
|   <div class="w-full flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-4 max-w-xl"> | ||||
|     <.form | ||||
|       :let={f} | ||||
|       for={:search} | ||||
|       phx-change="search" | ||||
|       phx-submit="search" | ||||
|       class="grow self-stretch flex flex-col items-stretch" | ||||
|       data-qa="ammo_group_search" | ||||
|     > | ||||
|       <%= text_input(f, :search_term, | ||||
|         class: "input input-primary", | ||||
|         value: @search, | ||||
|         phx_debounce: 300, | ||||
|         placeholder: gettext("Search ammo") | ||||
|       ) %> | ||||
|     </.form> | ||||
|  | ||||
|     <.toggle_button action="toggle_show_used" value={@show_used}> | ||||
|       <span class="title text-lg text-primary-600"> | ||||
|         <%= gettext("Show used") %> | ||||
|       </span> | ||||
|     </.toggle_button> | ||||
|   </div> | ||||
|  | ||||
|   <%= if @ammo_groups |> Enum.empty?() do %> | ||||
|     <h2 class="title text-xl text-primary-600"> | ||||
|       <%= gettext("No Ammo") %> | ||||
|       <%= display_emoji("😔") %> | ||||
|     </h2> | ||||
|   <% else %> | ||||
|     <.live_component | ||||
|       module={CanneryWeb.Components.AmmoGroupTableComponent} | ||||
|       id="ammo-group-index-table" | ||||
|   | ||||
		Reference in New Issue
	
	Block a user