solop
Conditionally interspersing a seperator
Hi ![]()
This is my first post here.
I have a list of items that each have a date field.
When redndering the list, its sorted by this date field,
and now I would like to add a small header everytime the date changes.
Example:
14th March 2024
Item 1
Item 2
Item 3
13th March 2024
Item 4
Item 5
11th March 2024
Item 6
Current loop:
<div id="events" phx-update="stream" class="space-y-4">
<%= for {id, event} <- @streams.events do %>
## Render event
<% end %>
</div>
My first approach coming from other languages would have been to assign a small variable like
last_date_seen, and in the for loop check if last_date_seen is the same or not as the current date.
But from what I learned this is not advisable, because it will break change tracking.
Using intersperse seems also not feasible, since it would put a header between each item, even if they have the same date.
Trending in Questions
I’m working on a project that simulates the bumbl example in the programming phoenix book. It acts almost like an email client. We have a...
New
Hello,
I know there is an approach for handling lists that allows for optimized traversal, but I can’t recall the specific method (somet...
New
I’m seeing that a list inside a Kino.DataTable will be interpreted as a charlist, even if the Kino.configure() is set to charlists: :as_l...
New
Documentation
While reading the Scoped Routes section, I noticed that the documentation currently refers to a problem without explainin...
New
So my question is quite simple and i have found no conclusive answer on forum, google or AI.
Should we use :erlang.float for Integer to ...
New
Hi, I’ve just set up an application with ash_authentication. There is only magic link strategy for now, so there is no confirmation add o...
New
If a change or preparation module uses Ash.Changeset.get_argument/2 or Ash.Query.get_argument/2 (or any of the other get_argument functio...
New
Other Trending Topics
I am happy to introduce the very α version of the new programming language compiled to BEAM.
Welcome Cure.
It has literally three kille...
New
Hi there! We created Gust: A task orchestrator inspired by Airflow.
For those who have never heard about Aiflow, it’s a Python-based wor...
New
Hi everyone!
The first release candidate for the Expert language server project is now available!
We’ve published a press release detai...
New
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixirconf-us
- #ai
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming











Most Liked- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
al2o3cr
You could use
Enum.chunk_by:dimitarvp
Hello and welcome to the forum.
Enum.group_byis your friend here. Given this list of events you should then do this:which yields:
The
Enum.group_bycall basically says “group items by thedatefield and only give me theirnamefield after”.You can flatten the resulting map to a list exactly the way you need it in the UI. I say give it a try and if you still can’t, I (or somebody else) can give you the next hint.
Last Post!
solop
@al2o3cr @dimitarvp Beautiful, thanks!