rows.gohtml 1.2 KB

12345678910111213141516171819202122232425262728
  1. {{define "rows.html"}}
  2. {% for contact in contacts %}
  3. <tr>
  4. <td><input type="checkbox" name="selected_contact_ids" value="{{ .contact.id }}"
  5. x-model="selected"></td>
  6. <td>{{ .contact.first }}</td>
  7. <td>{{ .contact.last }}</td>
  8. <td>{{ .contact.phone }}</td>
  9. <td>{{ .contact.email }}</td>
  10. <td>
  11. <div data-overflow-menu>
  12. <button type="button" aria-haspopup="menu"
  13. aria-controls="contact-menu-{{ .contact.id }}"
  14. >Options</button>
  15. <div role="menu" hidden id="contact-menu-{{ .contact.id }}">
  16. <a role="menuitem" href="/contacts/{{ .contact.id }}/edit">Edit</a>
  17. <a role="menuitem" href="/contacts/{{ .contact.id }}">View</a>
  18. <a role="menuitem" href="#"
  19. hx-delete="/contacts/{{ .contact.id }}"
  20. hx-confirm="Are you sure you want to delete this contact?"
  21. hx-swap="outerHTML swap:1s"
  22. hx-target="closest tr">Delete</a>
  23. </div>
  24. </div>
  25. </td>
  26. </tr>
  27. {% endfor %}
  28. {{end}}