From 423d363f9f176048fca8d938d12c359ebe7dd4da Mon Sep 17 00:00:00 2001
From: Mark Veidemanis <m@zm.is>
Date: Thu, 21 Jul 2022 13:51:59 +0100
Subject: [PATCH] Reformat templates

---
 core/templates/base.html                   |   3 +
 core/templates/ui/drilldown/drilldown.html |  10 +-
 core/templates/ui/insights/insights.html   |  12 +-
 core/templates/ui/insights/results.html    | 142 +++++++++++----------
 4 files changed, 91 insertions(+), 76 deletions(-)
diff --git a/core/templates/base.html b/core/templates/base.html
index 5fda1ee..e1fb172 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -35,6 +35,9 @@
       
       });
     </script>
+    <style>
+      .icon { border-bottom: 0px !important;}
+    </style>
   </head>
   <body>
 
diff --git a/core/templates/ui/drilldown/drilldown.html b/core/templates/ui/drilldown/drilldown.html
index 167e870..692cab0 100644
--- a/core/templates/ui/drilldown/drilldown.html
+++ b/core/templates/ui/drilldown/drilldown.html
@@ -35,9 +35,6 @@
     });
   }
   </script>
-  <style>
-    .icon { border-bottom: 0px !important;}
-  </style>
   <div class="box">
     <form method="POST">
       {% csrf_token %}
@@ -77,7 +74,12 @@
 
       <div class="field">
         <div class="control">
-          <button class="button is-primary is-fullwidth" hx-post="{% url 'search_drilldown' %}" hx-trigger="click" hx-target="#results" hx-swap="outerHTML">
+          <button
+            class="button is-primary is-fullwidth"
+            hx-post="{% url 'search_drilldown' %}"
+            hx-trigger="click"
+            hx-target="#results"
+            hx-swap="outerHTML">
             Search
           </button>
         </div>
diff --git a/core/templates/ui/insights/insights.html b/core/templates/ui/insights/insights.html
index 0c21c9b..014ef43 100644
--- a/core/templates/ui/insights/insights.html
+++ b/core/templates/ui/insights/insights.html
@@ -58,7 +58,12 @@
           </div>
           <div class="field">
             <div class="control">
-              <button class="button is-primary is-fullwidth" hx-post="{% url 'search_insights' %}" hx-trigger="click" hx-target="#results" hx-swap="outerHTML">
+              <button
+                class="button is-primary is-fullwidth"
+                hx-post="{% url 'search_insights' %}"
+                hx-trigger="click"
+                hx-target="#results"
+                hx-swap="outerHTML">
                 Search
               </button>
             </div>
@@ -67,13 +72,14 @@
       </div>
       
       <div id="results">
-
       </div>
 
     </div>
   
     <div class="tile is-parent">
-      <p> 2</p>
+      <div class="tile is-child box">
+        <p> 2</p>
+      </div>
     </div>
   
   </div>
diff --git a/core/templates/ui/insights/results.html b/core/templates/ui/insights/results.html
index 0a87e53..a0586d6 100644
--- a/core/templates/ui/insights/results.html
+++ b/core/templates/ui/insights/results.html
@@ -1,77 +1,81 @@
 {% load static %}
 {% load index %}
 
-<div class="tile is-child box">
-  <div id="results">
+
+<div id="results">
+  <div class="tile is-child box">
     {% if item is not None %}
       <div class="table-container">
-        <table class="table is-hoverable is-fullwidth">
-          <tr>
-            <th>src</th>
-            <td>
-              {% if item|index:'src' == 'irc' %}
-                <span class="icon" data-tooltip="IRC">
-                  <i class="fa-solid fa-hashtag" aria-hidden="true"></i>
-                </span>
-              {% elif item|index:'src' == 'dis' %}
-                <span class="icon" data-tooltip="Discord">
-                  <i class="fa-brands fa-discord" aria-hidden="true"></i>
-                </span>
-              {% endif %}
-            </td>
-          </tr>
-          <tr>
-            <th>nick</th>
-            <td>
-              {% if item|index:'online' is True %}
-                <span class="icon has-text-success has-tooltip-success" data-tooltip="Online">
-                  <i class="fa-solid fa-circle"></i>
-                </span>
-                {{ item.nick }}
-              {% elif item|index:'online' is False %}
-                <span class="icon has-text-danger has-tooltip-danger" data-tooltip="Offline">
-                  <i class="fa-solid fa-circle"></i>
-                </span>
-                {{ item|index:'nick' }}
-              {% else %}
-                <span class="icon has-text-warning has-tooltip-warning" data-tooltip="Unknown">
-                  <i class="fa-solid fa-circle"></i>
-                </span>
-                {{ item|index:'nick'}}
-              {% endif %}
-              {% if item|index:'num_chans' is not None %}
-                <span class="tag">
-                  {{ item|index:'num_chans' }}
-                </span>
-              {% endif %}
-            </td>
-          </tr>
-          <tr>
-            <th>host</th>
-            <td>{{ item.host }}</td>
-          </tr>
-          <tr>
-            <th>actions</th>
-            <td>
-              {% if item.src == 'irc' %}
-                <button
-                  hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
-                  hx-post="{% url 'modal_insights' %}"
-                  hx-vals='{"net": "{{ item.net }}", "nick": "{{ item.nick }}", "channel": "{{ item.channel }}"}'
-                  hx-target="#modals-here" 
-                  hx-trigger="click"
-                  class="button is-small">
-                  Information
-                </button>
-                <div id="modals-here"></div>
-              {% endif %}
-            </td>
-          </tr>
-          <tr>
-            <th>net</th>
-            <td>{{ item.net }}</td>
-          </tr>
-
+        <table class="table is-fullwidth">
+          <tbody>
+            <tr>
+              <th>src</th>
+              <td>
+                {% if item|index:'src' == 'irc' %}
+                  <span class="icon" data-tooltip="IRC">
+                    <i class="fa-solid fa-hashtag" aria-hidden="true"></i>
+                  </span>
+                  IRC
+                {% elif item|index:'src' == 'dis' %}
+                  <span class="icon" data-tooltip="Discord">
+                    <i class="fa-brands fa-discord" aria-hidden="true"></i>
+                  </span>
+                  Discord
+                {% endif %}
+              </td>
+            </tr>
+            <tr>
+              <th>nick</th>
+              <td>
+                {% if item|index:'online' is True %}
+                  <span class="icon has-text-success has-tooltip-success" data-tooltip="Online">
+                    <i class="fa-solid fa-circle"></i>
+                  </span>
+                  {{ item.nick }}
+                {% elif item|index:'online' is False %}
+                  <span class="icon has-text-danger has-tooltip-danger" data-tooltip="Offline">
+                    <i class="fa-solid fa-circle"></i>
+                  </span>
+                  {{ item|index:'nick' }}
+                {% else %}
+                  <span class="icon has-text-warning has-tooltip-warning" data-tooltip="Unknown">
+                    <i class="fa-solid fa-circle"></i>
+                  </span>
+                  {{ item|index:'nick'}}
+                {% endif %}
+                {% if item|index:'num_chans' is not None %}
+                  <span class="tag">
+                    {{ item|index:'num_chans' }}
+                  </span>
+                {% endif %}
+              </td>
+            </tr>
+            <tr>
+              <th>host</th>
+              <td>{{ item.host }}</td>
+            </tr>
+            <tr>
+              <th>actions</th>
+              <td>
+                {% if item.src == 'irc' %}
+                  <button
+                    hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+                    hx-post="{% url 'modal_insights' %}"
+                    hx-vals='{"net": "{{ item.net }}", "nick": "{{ item.nick }}", "channel": "{{ item.channel }}"}'
+                    hx-target="#modals-here" 
+                    hx-trigger="click"
+                    class="button is-small">
+                    Information
+                  </button>
+                  <div id="modals-here"></div>
+                {% endif %}
+              </td>
+            </tr>
+            <tr>
+              <th>net</th>
+              <td>{{ item.net }}</td>
+            </tr>
+          </tbody>
         </table>
       </div>
     {% endif %}

src	- {% if item\|index:'src' == 'irc' %} - - - - {% elif item\|index:'src' == 'dis' %} - - - - {% endif %} -
nick	- {% if item\|index:'online' is True %} - - - - {{ item.nick }} - {% elif item\|index:'online' is False %} - - - - {{ item\|index:'nick' }} - {% else %} - - - - {{ item\|index:'nick'}} - {% endif %} - {% if item\|index:'num_chans' is not None %} - - {{ item\|index:'num_chans' }} - - {% endif %} -
host	{{ item.host }}
actions	- {% if item.src == 'irc' %} - - - {% endif %} -
net	{{ item.net }}
src	+ {% if item\|index:'src' == 'irc' %} + + + + IRC + {% elif item\|index:'src' == 'dis' %} + + + + Discord + {% endif %} +
nick	+ {% if item\|index:'online' is True %} + + + + {{ item.nick }} + {% elif item\|index:'online' is False %} + + + + {{ item\|index:'nick' }} + {% else %} + + + + {{ item\|index:'nick'}} + {% endif %} + {% if item\|index:'num_chans' is not None %} + + {{ item\|index:'num_chans' }} + + {% endif %} +
host	{{ item.host }}
actions	+ {% if item.src == 'irc' %} + + + {% endif %} +
net	{{ item.net }}