knoebber

knoebber

I have a table component that can apply custom sorting. Each <th> element has a patch link that leads to a new URL, E.G, http://localhost:4000/runs?order=desc&order_by=miles or http://localhost:4000/runs?order=asc&order_by=miles

I accomplished this by passing the table component an anonymous function that generates a route given a map of params, which is then passed to an internal lib function that generates the filter map. Here’s an example of how I use the component in a LiveView:

<.table 
   rows={@runs} 
   get_route={fn filter -> ~p"/runs?#{filter}" end} # anonymous function that makes next order
   filter={@filter} #  map of URL params - <.th> uses this to render the current order
  >
  <:col :let={run} label="Miles" order_col="miles">
    <.link navigate={~p"/runs/#{run.id}"}>
      <%= run.miles %>
     </.link>
  </:col>
  ....
</.table>

Is there a better way to do this? Does it make any difference if I instead declare a named get_route function in the module? Here’s an abbreviated version of my component:

  defp get_next_sort_link(get_route, filter, order_col) do
    filter
    |> Filter.apply_sort(order_col) # returns a map
    |> get_route.() # applies the anonymous function
  end

  attr :filter, :map, default: %{}
  attr :rows, :list, required: true
  attr :get_route, :any, default: nil # is there a better type than 'any' ?

  slot :col do
    attr :label, :string, required: true
    attr :order_col, :string
  end

  def table(assigns) do
    <table>
      <thead>
        <tr>
          <%= for col <- @col do %>
            <.th
              order={Filter.current_order(@filter, Map.get(col, :order_col, nil))}
              next_sort_link={
                get_next_sort_link(
                  @get_route,
                  @filter,
                  Map.get(col, :order_col, nil)
                )
              }
            >
              <%= col.label %>
            </.th>
          <% end %>
 ...
end

This all works and doesn’t cause any problems as far as I can tell, but I’m wondering if there is a better way. Thx!

Where Next? Top

Trending in Questions Top

water
I’m aware of 2 such projects, are there others? git: GitHub - team-alembic/realworld: A fullstack Phoenix LiveView application with back...
New
katta
I having some trouble figuring out if I have set myself too strict of standards for my production server. Currently I can handle 75% of r...
New
peck
Hi everyone. My team and I have been working on a fairly modest app based around video streaming and chat, but we’ve landed a customer t...
New
bradley
I really like the adapter patterns that ecto, nebulex, waffle, etc. use and would love find something similar for a key management servic...
New
unaware8150
Hello folks! So at work, we are seeing some situations where we have to define some “fixed” strings that are used across the codebase in...
New
Alvinkariuki
How Can I Optimise Compile Time Dependencies I have been building an elixir application for about 2 years now. Many modules and files ha...
New

Other Trending Topics Top

budgie
A little off-topic, but I feel like people here have a good head on their shoulders. I used to be quite good at making software. Was luc...
New
KristerV
Hey. Is there anyone here who creates agents in their apps? Not talking about using agents, but creating them. I’m finding it pretty diff...
New
mudasobwa
I fully migrated to my own harness from Anthropic/Gemini and I think it’s time to share it. Welcome DSH, the DeepSeek Harness, fully writ...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
juhalehtonen
There has been a thread to discuss the Stack Overflow Developer Survey on this forum every year since 2018, so here’s yet another one for...
New
budgie
I love Elixir. It’s one of 2 programming languages I’ve ever fallen in love with. But I don’t use it anymore. Serverless was the promis...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews