Skip to content

Instantly share code, notes, and snippets.

@Bishwas-py

Bishwas-py/donations_live.html.heex

Created June 28, 2024 02:09
Show Gist options
  • Save Bishwas-py/c0bb3e8746dcac5edef532dd5d589d95 to your computer and use it in GitHub Desktop.
Save Bishwas-py/c0bb3e8746dcac5edef532dd5d589d95 to your computer and use it in GitHub Desktop.
Download ZIP
lib/live_view_studio_web/live/donations_live.html.heex
Raw
donations_live.html.heex
<h1>Food Bank Donations</h1>
<div id="donations">
<div class="wrapper">
<table>
<thead>
<tr>
<th class="item">
<.sort_link opts={@opts} sort_by={:item}>
Item
</.sort_link>
</th>
<th>
<.sort_link opts={@opts} sort_by={:quantity}>
Quantity
</.sort_link>
</th>
<th>
<.sort_link opts={@opts} sort_by={:days_until_expires}>
Days Until Expires
</.sort_link>
</th>
</tr>
</thead>
<tbody>
<tr :for={donation <- @donations}>
<td class="item">
<span class="id"><%= donation.id %></span>
<span class="emoji"><%= donation.emoji %></span>
<%= donation.item %>
</td>
<td class="quantity">
<%= donation.quantity %> lbs
</td>
<td class="expires">
<span class={
if donation.days_until_expires <= 10, do: "eat-soon"
}>
<%= donation.days_until_expires %>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment