marc/folkugat-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change search result appearance

Browse Source
This commit is contained in:
marc
2025-04-27 22:47:52 +02:00
parent bc3d98aba2
commit 4911935cdf
3 changed files with 30 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
folkugat_web/assets/templates/fragments/temes/result.html Normal file
View File

@@ -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>

19
folkugat_web/assets/templates/fragments/temes/result_links.html
View File

@@ -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>

27
folkugat_web/assets/templates/fragments/temes/results.html
View File

@@ -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 %}