Session editor and live sessions!

folkugat_web/assets/templates/fragments/sessio/tema_editor.html

@@ -0,0 +1,30 @@
+<li id="tune-entry-{{ tema_entry.id }}"
+    class="flex flex-col items-center my-1">
+  <div class="flex flex-row">
+  <input
+    name="query"
+    {% if tema_entry.tema %}
+    value="{{ tema_entry.tema.title }}"
+    {% else %}
+    value=""
+    {% endif %}
+    placeholder="Busca un tema..."
+    class="border border-beige focus:outline-none
+           rounded text-center
+           bg-brown p-1 m-1"
+    hx-get="/api/sessio/{{ session_id }}/set/{{ set_id }}/tema/{{ tema_entry.id }}/busca"
+    hx-trigger="revealed, keyup delay:500ms changed"
+    hx-target="#tune-entry-{{ tema_entry.id }}-search-results"
+    hx-swap="outerHTML"/>
+    <button title="Descarta els canvis"
+            class="text-beige mx-1"
+            hx-get="/api/sessio/{{ session_id }}/set/{{ set_id }}/tema/{{ tema_entry.id }}"
+            hx-target="#tune-entry-{{ tema_entry.id }}"
+            hx-swap="outerHTML">
+      <i class="fa fa-times" aria-hidden="true"></i>
+    </button>
+  </div>
+  <ul id="tune-entry-{{ tema_entry.id }}-search-results"
+      class="flex flex-wrap">
+  </ul>
+</li>