36 lines
1.2 KiB
HTML
36 lines
1.2 KiB
HTML
<form id="tema-lyric-{{ lyric.id }}">
|
|
<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.id }}"
|
|
hx-target="#tema-lyric-{{ lyric.id }}"
|
|
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.id }}"
|
|
hx-target="#tema-lyric-{{ lyric.id }}"
|
|
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>
|