Implement floating drilldown modals

core/templates/ui/drilldown/drilldown.html

@@ -88,6 +88,8 @@
   </div>
   <div id="modals-here">
   </div>
+  <div id="items-here">
+  </div>
   <script>
     var grid = GridStack.init({
       cellHeight: 20,

core/templates/ui/drilldown/table_results_partial.html

@@ -294,6 +294,18 @@
                                           <i class="fa-solid fa-album"></i>
                                         </span>
                                       </a>
+                                      <a
+                                        hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+                                        hx-post="{% url 'modal_drilldown' type='window' %}"
+                                        hx-vals='{"net": "{{ row.cells.net }}", "nick": "{{ row.cells.nick }}", "channel": "{{ row.cells.channel }}"}'
+                                        hx-target="#items-here"
+                                        hx-swap="afterend"
+                                        hx-trigger="click"
+                                        class="has-text-black">
+                                        <span class="icon" data-tooltip="Open drilldown panel">
+                                          <i class="fa-solid fa-album"></i>
+                                        </span>
+                                      </a>
                                     {% endif %}
                                   </div>
                                   {% if row.cells.num_chans != '—' %}