From 455da73b95654ed4d2e278498aaadf22ca7e4e03 Mon Sep 17 00:00:00 2001
From: Mark Veidemanis <m@zm.is>
Date: Thu, 9 Feb 2023 19:09:32 +0000
Subject: [PATCH] Improve results rendering

---
 core/templates/base.html                   |  6 ++++
 core/templates/partials/results_table.html | 33 +++++++++++++++++++++-
 core/templatetags/splitstr.py              |  8 ++++++
 3 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 core/templatetags/splitstr.py

diff --git a/core/templates/base.html b/core/templates/base.html
index e5b6a83..83e6282 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -212,6 +212,12 @@
         z-index: 39 !important;
       }
 
+      .small-field {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        overflow-y: hidden;
+      }
+
     </style>
     <!-- Piwik --> {# Yes it's in the source, fight me #}
     <script type="text/javascript">
diff --git a/core/templates/partials/results_table.html b/core/templates/partials/results_table.html
index 7a36e05..1ed9bc4 100644
--- a/core/templates/partials/results_table.html
+++ b/core/templates/partials/results_table.html
@@ -4,6 +4,8 @@
 {% load joinsep %}
 {% load urlsafe %}
 {% load pretty %}
+{% load splitstr %}
+
 {% block table-wrapper %}
   <script src="{% static 'js/column-shifter.js' %}"></script>
   <div id="drilldown-table" class="column-shifter-container" style="position:relative; z-index:1;">
@@ -168,6 +170,13 @@
                                 <p>{{ row.cells.date }}</p>
                                 <p>{{ row.cells.time }}</p>
                               </td>
+                            {% elif column.name == 'match_ts' %}
+                              <td class="{{ column.name }}">
+                                {% with match_ts=cell|splitstr:'T' %}
+                                  <p>{{ match_ts.0 }}</p>
+                                  <p>{{ match_ts.1 }}</p>
+                                {% endwith %}
+                              </td>
                             {% elif column.name == 'type' or column.name == 'mtype' %}
                               <td class="{{ column.name }}">
                                 <a
@@ -376,7 +385,29 @@
                               </td>
                             {% elif column.name == "meta" %}
                               <td class="{{ column.name }}">
-                                <pre>{{ cell|pretty }}</pre>
+                                <pre class="small-field" style="cursor: pointer;">{{ cell|pretty }}</pre>
+                              </td>
+                            {% elif 'id' in column.name %}
+                              <td class="{{ column.name }}">
+                                <div class="buttons">
+                                  <div class="nowrap-parent">
+                                    <!-- <input class="input" type="text" value="{{ cell }}" style="width: 50px;" readonly> -->
+                                    <a
+                                      class="has-text-grey button nowrap-child"
+                                      onclick="populateSearch('{{ column.name }}', '{{ cell|escapejs }}')">
+                                      <span class="icon" data-tooltip="Populate {{ cell }}">
+                                        <i class="fa-solid fa-arrow-left-long-to-line" aria-hidden="true"></i>
+                                      </span>
+                                    </a>
+                                    <a
+                                      class="has-text-grey button nowrap-child"
+                                      onclick="window.prompt('Copy to clipboard: Ctrl+C, Enter', '{{ cell|escapejs }}');">
+                                      <span class="icon" data-tooltip="Copy to clipboard">
+                                        <i class="fa-solid fa-copy" aria-hidden="true"></i>
+                                      </span>
+                                    </a>
+                                  </div>
+                                </div>
                               </td>
                             {% else %}
                               <td class="{{ column.name }}">
diff --git a/core/templatetags/splitstr.py b/core/templatetags/splitstr.py
new file mode 100644
index 0000000..fa0d11c
--- /dev/null
+++ b/core/templatetags/splitstr.py
@@ -0,0 +1,8 @@
+from django import template
+
+register = template.Library()
+
+
+@register.filter
+def splitstr(value, arg):
+    return value.split(arg)
\ No newline at end of file