whatapp-go-pvnet/frontend/templates/adminconversations.pages.tmpl

{{ define "adminconversations.pages.tmpl" }}
{{ template "head" . }}
<div class="columns">
  {{ template "sidebar" . }}
  <div class="column is-10">
    <h2>Historique des messages de l'utilisateur #{{ .UserID }}</h2>

    <div class="filters mb-3">
      <input type="text" class="input is-small" placeholder="📅 Filtrer par date" onkeyup="filterTable(0, this.value)">
      <input type="text" class="input is-small" placeholder="➡️ Direction" onkeyup="filterTable(1, this.value)">
      <input type="text" class="input is-small" placeholder="📨 Expéditeur" onkeyup="filterTable(2, this.value)">
      <input type="text" class="input is-small" placeholder="📦 Type" onkeyup="filterTable(3, this.value)">
      <input type="text" class="input is-small" placeholder="💬 Contenu" onkeyup="filterTable(4, this.value)">
      <input type="text" class="input is-small" placeholder="✅ Statut" onkeyup="filterTable(5, this.value)">
    </div>

    <table class="table is-fullwidth is-striped is-hoverable" id="conversationTable">
      <thead>
        <tr>
          <th>Date</th>
          <th>Direction</th>
          <th>Expéditeur</th>
          <th>Type</th>
          <th>Contenu</th>
          <th>Statut</th>
        </tr>
      </thead>
      <tbody id="conversationRows"
        hx-get="/api/user/{{ .UserID }}/conversations"
        hx-trigger="load"
        hx-target="this"
        hx-swap="innerHTML">
      </tbody>
    </table>

    <hr>
    <h3>Conversation complète</h3>
    <div id="threadViewer" class="mt-3"></div>
  </div>
</div>

<script>
function filterTable(colIndex, filterValue) {
  const table = document.getElementById("conversationTable");
  const rows = table.getElementsByTagName("tbody")[0].getElementsByTagName("tr");
  filterValue = filterValue.toLowerCase();

  for (let i = 0; i < rows.length; i++) {
    const td = rows[i].getElementsByTagName("td")[colIndex];
    if (td) {
      const text = td.textContent || td.innerText;
      rows[i].style.display = text.toLowerCase().includes(filterValue) ? "" : "none";
    }
  }
}
</script>
{{ end }}