Set scores

folkugat_web/assets/templates/fragments/sessio/set/set_page.html

@@ -9,6 +9,20 @@
   </a>
 </div>
 {% endif %}
+{% if set.score %}
+  {% for tema_in_set in set.temes %}
+    {% if tema_in_set.tema is not none %}
+      {% set tema = tema_in_set.tema %}
+      {% include "fragments/sessio/set/tema_title.html" %}
+    {% else %}
+      <h3 class="text-center text-3xl p-4"> <i>Desconegut</i> </h3>
+    {% endif %}
+  {% endfor %}
+  <div class="mx-12">
+    <hr class="h-px mt-1 mb-3 bg-beige border-0">
+    {% include "fragments/sessio/set/set_score.html"%}
+  </div>
+{% else %}
 {% for tema_in_set in set.temes %}
   {% if loop.index != 1 %}
   <div class="mx-12">
@@ -28,3 +42,4 @@
   {% endif %}
   <div class="m-8"> </div>
 {% endfor %}
+{% endif %}

folkugat_web/assets/templates/fragments/sessio/set/set_score.html

@@ -0,0 +1,13 @@
+<div class="flex flex-col items-center
+            bg-white rounded-lg ">
+  <div class="flex justify-center">
+    <a href="{{ set.score.pdf_url or score.img_url }}" target="_blank">
+      <img class="py-4 px-2 max-w-full h-auto" src="{{ set.score.img_url }}" />
+    </a>
+  </div>
+  {% if set.score.pdf_url is not none %}
+    <div class="bg-beige border rounded border-beige m-2 p-1">
+      <a href="{{ set.score.pdf_url }}" target="_blank">Obre el PDF</a>
+    </div>
+  {% endif %}
+</div>

folkugat_web/assets/templates/fragments/sessio/set/tema.html

@@ -1,10 +1,4 @@
-<h3 class="text-center text-3xl p-4">
-    {{ tema.title }}
-  <a class="text-beige"
-    º href="/tema/{{ tema.id }}">
-    <i class="fa fa-chevron-right px-2" aria-hidden="true"></i>
-  </a>
-</h3>
+{% include "fragments/sessio/set/tema_title.html" %}
 <div class="mx-12 text-left">
 
   {% if tema.main_score() is not none %}

folkugat_web/assets/templates/fragments/sessio/set/tema_title.html

@@ -0,0 +1,7 @@
+<h3 class="text-center text-3xl p-4">
+    {{ tema.title }}
+  <a class="text-beige"
+    º href="/tema/{{ tema.id }}">
+    <i class="fa fa-chevron-right px-2" aria-hidden="true"></i>
+  </a>
+</h3>