Initial commit

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

@@ -0,0 +1,35 @@
+<form id="tema-lyric-{{ lyric_idx }}">
+  <h5 class="text-sm text-beige text-right">
+    <input name="title"
+           placeholder="Nom de la lletra"
+           value="{{ lyric.title }}"
+           class="border border-beige focus:outline-none
+                  rounded
+                  bg-brown px-2 "
+      />
+    <button title="Desa els canvis"
+            class="mx-1"
+            hx-put="/api/tema/{{ tema.id }}/lyric/{{ lyric_idx }}"
+            hx-target="#tema-lyric-{{ lyric_idx }}"
+            hx-swap="outerHTML">
+      <i class="fa fa-check" aria-hidden="true"></i>
+    </button>
+    <button title="Descarta els canvis"
+            class="mx-1"
+            hx-get="/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>
+  </h5>
+  <hr class="h-px mt-1 mb-3 bg-beige border-0">
+  <textarea name="lyric"
+      placeholder="Lletra"
+      rows="{{ lyric.content.count('\n') + 1 }}"
+      class="border border-beige focus:outline-none
+             w-full text-center
+             rounded
+             bg-brown p-2 m-0">
+{{ lyric.content }}
+  </textarea>
+</form>

folkugat_web/assets/templates/fragments/tema/editor/title.html

@@ -0,0 +1,26 @@
+<div class="flex flex-row flex-wrap justify-center"
+     id="tema-title">
+  <form>
+    <input name="title"
+           placeholder="Nom del tema"
+           value="{{ tema.title }}"
+           class="border border-beige focus:outline-none
+                  rounded text-3xl
+                  bg-brown p-2 m-0"
+      />
+    <button title="Desa"
+            class="text-beige text-3xl mx-1"
+            hx-put="/api/tema/{{ tema.id }}/title"
+            hx-target="#tema-title"
+            hx-swap="outerHTML">
+      <i class="fa fa-check" aria-hidden="true"></i>
+    </button>
+    <button title="Descarta"
+            class="text-beige text-3xl mx-1"
+            hx-get="/api/tema/{{ tema.id }}/title"
+            hx-target="#tema-title"
+            hx-swap="outerHTML">
+      <i class="fa fa-times" aria-hidden="true"></i>
+    </button>
+  </form>
+</div>