Implement searching int events

core/templates/modals/context.html

@@ -4,23 +4,6 @@
 <script src="{% static 'modal.js' %}"></script>
 <link rel ="stylesheet" href="{% static 'tabs.css' %}">
 <script src="{% static 'tabs.js' %}"></script>
-
-<div class="modal-refresh"
-     style="display: none;"
-     hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
-     hx-post="{% url 'modal_context_table' %}"
-     hx-vals='{"net": "{{ net }}",
-               "num": "{{ num }}",
-               "src": "{{ src }}",
-               "channel": "{{ channel }}",
-               "time": "{{ time }}",
-               "date": "{{ date }}",
-               "index": "{{ index }}"
-             }'
-     hx-target="#modal-context-table"
-     hx-trigger="every 5s">
-</div>
-
 <script>
   document.addEventListener("restore-modal-scroll", function(event) {
     var modalContent = document.getElementsByClassName("modal-content")[0];

core/templates/modals/context_table.html

@@ -1,24 +1,39 @@
 <article class="table-container" id="modal-context-table">
-    <table class="table">
-      <thead>
-        <th></th>
-      </thead>
-      <tbody>
-        {% for item in object_list %}
-          {% if item.type == 'msg' %}
-            <tr>
-              <td>{{ item.time }}</td>
-              <td
-                class="has-tooltip-right {% if item.online is True %}has-text-success{% elif item.online is False %}has-text-danger{% else %}has-text-warning{% endif %}"
-                data-tooltip="{{ item.nick }}!{{ item.ident }}@{{ item.host }}">{{ item.nick }}</td>
-              <td class="wrap">{{ item.msg }}</td>
-            </tr>
-          {% endif %}
-        {% endfor %}
-      </tbody>
-    </table>
-  </article>
-  <script>
-    var modal_event = new Event('restore-modal-scroll');
-    document.dispatchEvent(modal_event);
-  </script>
+  <table class="table">
+    <thead>
+      <th></th>
+    </thead>
+    <tbody>
+      {% for item in object_list %}
+        <tr>
+          <td>{{ item.time }}</td>
+          <td
+            class="has-tooltip-right {% if item.online is True %}has-text-success{% elif item.online is False %}has-text-danger{% else %}has-text-warning{% endif %}"
+            data-tooltip="{{ item.nick }}!{{ item.ident }}@{{ item.host }}">{{ item.nick }}</td>
+          <td class="wrap">{{ item.msg }}</td>
+        </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</article>
+{% if object_list %}
+  <div
+    class="modal-refresh"
+    style="display: none;"
+    hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+    hx-post="{% url 'modal_context_table' %}"
+    hx-vals='{"net": "{{ net }}",
+             "num": "{{ num }}",
+             "src": "{{ src }}",
+             "channel": "{{ channel }}",
+             "time": "{{ time }}",
+             "date": "{{ date }}",
+             "index": "{{ index }}"}'
+    hx-target="#modal-context-table"
+    hx-trigger="every 5s">
+  </div>
+{% endif %}
+<script>
+  var modal_event = new Event('restore-modal-scroll');
+  document.dispatchEvent(modal_event);
+</script>