Initial commit

folkugat_web/assets/templates/fragments/tema/lyric.html

@@ -0,0 +1,25 @@
+<div id="tema-lyric-{{ lyric_idx }}">
+  <h5 class="text-sm text-beige text-right">
+    {{ lyric.title }}
+    {% if logged_in %}
+    <button title="Modifica la lletra"
+            class="mx-1"
+            hx-get="/api/tema/{{ tema.id }}/editor/lyric/{{ lyric_idx }}"
+            hx-target="#tema-lyric-{{ lyric_idx }}"
+            hx-swap="outerHTML">
+      <i class="fa fa-pencil" aria-hidden="true"></i>
+    </button>
+    <button title="Esborra la lletra"
+            class="mx-1"
+            hx-delete="/api/tema/{{ tema.id }}/lyric/{{ lyric_idx }}"
+            hx-target="#tema-lyric-{{ lyric_idx }}"
+            hx-swap="outerHTML">
+      <i class="fa fa-times" aria-hidden="true"></i>
+    </button>
+    {% endif %}
+  </h5>
+  <hr class="h-px mt-1 mb-3 bg-beige border-0">
+  <div class="text-center">
+  {{ lyric.content.replace('\n', '<br>') | safe }}
+  </div>
+</div>