Session editor and live sessions!

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

@@ -0,0 +1,2 @@
+{% include "fragments/menu.html" %}
+{% include "fragments/sessio/set/set_page.html" %}

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

@@ -0,0 +1,30 @@
+{% if session is not none %}
+<div class="text-beige m-3">
+  {% set dn = date_names(session.date) %}
+  <a href="/sessio/{{ session.id }}">
+    <i class="fa fa-chevron-left px-2" aria-hidden="true"></i>
+    <i>
+    Tocat el {{ dn.day_name }} {{ dn.day }} {{ dn.month_name }} de {{ dn.year }}
+    </i>
+  </a>
+</div>
+{% endif %}
+{% for tema_in_set in set.temes %}
+  {% if loop.index != 1 %}
+  <div class="mx-12">
+    <hr class="h-px mt-1 mb-3 bg-beige border-0">
+  </div>
+  {% endif %}
+  {% if tema_in_set.tema is not none %}
+    {% set tema = tema_in_set.tema %}
+    {% include "fragments/sessio/set/tema.html"%}
+  {% else %}
+    <h3 class="text-center text-3xl p-4">
+      <i>Desconegut</i>
+    </h3>
+    <div class="text-center">
+      <i>No sabem quin tema és aquest</i>
+    </div>
+  {% endif %}
+  <div class="m-8"> </div>
+{% endfor %}

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

@@ -0,0 +1,25 @@
+<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>
+<div class="mx-12 text-left">
+
+  {% if tema.score() is not none %}
+    {% include "fragments/tema/score.html" %}
+  {% endif %}
+
+  {% if tema.lyrics %}
+    {% set lyric = tema.lyrics[0] %}
+    <div>
+      <h4 class="mt-4 text-xl text-beige">Lletra</h4>
+      <hr class="h-px mt-1 mb-3 bg-beige border-0">
+      <div class="text-center">
+      {{ lyric.content.replace('\n', '<br>') | safe }}
+      </div>
+    </div>
+  {% endif %}
+
+</div>