knoebber

knoebber

Anonymous functions as component attributes?

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?

Popular in Questions Top

RisingFromAshes
I’ve read in another post that it may be possible with a router helper - but I couldn’t find an appropriate one, and tbh, I’m still just ...
New
9mm
I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...
New
aalberti333
As the title describes, I’m trying to run Enum.map() over a list of key/value pairs, where the value is a map. My data looks like this: ...
New
SoCreat
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
New
WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New
romenigld
I am trying to run a deploy with docker and I successfully runned with this command: docker build -t romenigld/blog-prod . but when I t...
New
JorisKok
I have a server on AWS, and was running a load test using artillery. When looking at the Phoenix dashboard I see the Ports going to 100% ...
New

Other popular topics Top

KronicDeth
Elixir plugin for JetBrain’s IntelliJ Platform (including Rubymine) This is a plugin that adds support for Elixir to JetBrains IntelliJ...
289 36689 110
New
JeremM34
Hello, how can I check the Phoenix version ? Thanks !
New
stefanchrobot
What’s the safe way to decode a JSON string into a struct? I want to avoid calling String.to_atom. Jason.decode can give me a map with st...
New
chrismccord
Phoenix 1.4.0 released Phoenix 1.4 is out! This release ships with exciting new features, most notably with HTTP2 support, improved deve...
688 31525 112
New
siddhant3030
Hi, I have to write a raw query for one of my project. But till now I have used ecto queries and don’t have much experience writing raw ...
New
JorisKok
I have a server on AWS, and was running a load test using artillery. When looking at the Phoenix dashboard I see the Ports going to 100% ...
New

We're in Beta

About us Mission Statement