Implement contact matching

core/templates/partials/whatsapp-chats-list.html

@@ -0,0 +1,57 @@
+{% include 'mixins/partials/notify.html' %}
+<table
+  class="table is-fullwidth is-hoverable"
+  hx-target="#{{ context_object_name }}-table"
+  id="{{ context_object_name }}-table"
+  hx-swap="outerHTML"
+  hx-trigger="{{ context_object_name_singular }}Event from:body"
+  hx-get="{{ list_url }}">
+  <thead>
+    <th>chat</th>
+    <th>identifier</th>
+    <th>person</th>
+    <th>actions</th>
+  </thead>
+  {% for item in object_list %}
+    <tr>
+      <td>{{ item.name|default:"WhatsApp Chat" }}</td>
+      <td>
+        <a
+          class="has-text-grey button nowrap-child"
+          onclick="window.prompt('Copy to clipboard: Ctrl+C, Enter', '{{ item.identifier }}');">
+          <span class="icon" data-tooltip="Copy identifier">
+            <i class="fa-solid fa-copy" aria-hidden="true"></i>
+          </span>
+        </a>
+      </td>
+      <td>{{ item.person_name|default:"-" }}</td>
+      <td>
+        <div class="buttons">
+          {% if type == 'page' %}
+            <a href="{{ item.compose_page_url }}" class="button" title="Manual text mode">
+              <span class="icon"><i class="fa-solid fa-paper-plane"></i></span>
+            </a>
+          {% else %}
+            <button
+              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+              hx-get="{{ item.compose_widget_url }}"
+              hx-trigger="click"
+              hx-target="#widgets-here"
+              hx-swap="afterend"
+              class="button"
+              title="Manual text mode widget">
+              <span class="icon"><i class="fa-solid fa-paper-plane"></i></span>
+            </button>
+          {% endif %}
+          <a href="{{ item.match_url }}" class="button" title="Match identifier">
+            <span class="icon"><i class="fa-solid fa-link"></i></span>
+          </a>
+        </div>
+      </td>
+    </tr>
+  {% empty %}
+    <tr>
+      <td colspan="4" class="has-text-grey">No WhatsApp chats discovered yet.</td>
+    </tr>
+  {% endfor %}
+</table>