Add form and triggers to msg search.

ImperialCollegeLondon · Oct 18, 2024 · 0d48499 · 0d48499
1 parent 0f4da91
commit 0d48499
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/process_manager/templates/process_manager/index.html b/process_manager/templates/process_manager/index.html
@@ -55,7 +55,7 @@
  placeholder="Search..."
  hx-trigger="input changed delay:500ms, every 1s"
  hx-get="{% url 'process_manager:process_table' %}"
- hx-target="div.table-container">
+ hx-target="#table-container">
  <div id="table-container"
  hx-trigger="load"
  hx-get="{% url 'process_manager:process_table' %}"></div>
@@ -70,10 +70,17 @@
  class="btn-close"
  aria-label="Hide Messages"
  _="on click hide #message-panel show #show-messages-button"></button>
+ <input class="form-control"
+ type="search"
+ name="search"
+ placeholder="Search..."
+ hx-trigger="input changed delay:500ms, every 1s"
+ hx-get="{% url 'process_manager:messages' %}"
+ hx-target="#message-list">
  </div>
  <div id="message-list"
  class="card-body"
- hx-trigger="load, every 1s"
+ hx-trigger="load"
  hx-get="{% url 'process_manager:messages' %}"></div>
  </div>
  </div>