From 4911935cdf02a8523afd7137933325325a1dc533 Mon Sep 17 00:00:00 2001
From: marc <marc@sastre.cat>
Date: Sun, 27 Apr 2025 22:47:52 +0200
Subject: [PATCH] Change search result appearance

---
 .../templates/fragments/temes/result.html     | 28 +++++++++++++++++++
 .../fragments/temes/result_links.html         | 19 -------------
 .../templates/fragments/temes/results.html    | 27 ++----------------
 3 files changed, 30 insertions(+), 44 deletions(-)
 create mode 100644 folkugat_web/assets/templates/fragments/temes/result.html
 delete mode 100644 folkugat_web/assets/templates/fragments/temes/result_links.html

diff --git a/folkugat_web/assets/templates/fragments/temes/result.html b/folkugat_web/assets/templates/fragments/temes/result.html
new file mode 100644
index 0000000..0026d2c
--- /dev/null
+++ b/folkugat_web/assets/templates/fragments/temes/result.html
@@ -0,0 +1,28 @@
+<li class="flex flex-col
+           items-center
+          m-4 rounded-lg
+          bg-white">
+  <div class="py-2 px-4 text-brown font-bold">
+    <a href="/tema/{{ tema.id }}">
+      {{ tema.title }}
+    </a>
+  </div>
+  {% if tema.main_score() and tema.main_score().preview_url %}
+    <a href="/tema/{{ tema.id }}"
+       class="max-w">
+    <img class="p-2 max-w"
+        src="{{ tema.main_score().preview_url }}" />
+    </a>
+  {% endif %}
+  {% if tema.properties %}
+  <ul class="flex flex-wrap text-sm
+            py-2 px-4">
+    {% for property in tema.properties %}
+    <div class="bg-beige text-white rounded
+                m-1 px-2">
+      {{ property.value }}
+    </div>
+    {% endfor %}
+  </ul>
+  {% endif %}
+</li>
diff --git a/folkugat_web/assets/templates/fragments/temes/result_links.html b/folkugat_web/assets/templates/fragments/temes/result_links.html
deleted file mode 100644
index 6c90d7d..0000000
--- a/folkugat_web/assets/templates/fragments/temes/result_links.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<ul class="flex flex-row items-center">
-  <li class="px-2 text-beige">
-  {% if tema.has_score %}
-    <a href="/tema/{{ tema.id }}" target="_blank">
-      <i class="fa fa-music px-1" aria-hidden="true"></i>
-    </a>
-  {% endif %}
-  {% if tema.has_lyrics %}
-    <a href="/tema/{{ tema.id }}" target="_blank">
-      <i class="fa fa-font px-1" aria-hidden="true"></i>
-    </a>
-  {% endif %}
-  {% if tema.has_audio %}
-    <a href="/tema/{{ tema.id }}" target="_blank">
-      <i class="fa fa-volume-up px-1" aria-hidden="true"></i>
-    </a>
-  {% endif %}
-  </li>
-</ul>
diff --git a/folkugat_web/assets/templates/fragments/temes/results.html b/folkugat_web/assets/templates/fragments/temes/results.html
index 4341411..2d44e71 100644
--- a/folkugat_web/assets/templates/fragments/temes/results.html
+++ b/folkugat_web/assets/templates/fragments/temes/results.html
@@ -12,32 +12,9 @@
       <i>{{ query }}</i>
     </button>
   {% endif %}
-  <ul class="text-left min-w-full w-full">
+  <ul class="min-w-full w-full">
     {% for tema in temes %}
-    <li class="flex flex-col
-               m-4 rounded-lg
-               bg-white">
-      <div class="py-2 px-4 text-brown font-bold">
-        <a href="/tema/{{ tema.id }}">
-          {{ tema.title }}
-        </a>
-      </div>
-      {% if tema.main_score() and tema.main_score().preview_url %}
-        <img class="p-2 max-w"
-             src="{{ tema.main_score().preview_url }}" />
-      {% endif %}
-      {% if tema.properties %}
-      <ul class="flex flex-wrap text-sm
-                 py-2 px-4">
-        {% for property in tema.properties %}
-        <div class="bg-beige text-white rounded
-                    m-1 px-2">
-          {{ property.value }}
-        </div>
-        {% endfor %}
-      </ul>
-      {% endif %}
-    </li>
+      {% include "fragments/temes/result.html" %}
     {% endfor %}
   </ul>
   {% if prev_offset is not none or next_offset is not none %}