Desacoblar playlists de sessions i afegir slow jams
This commit is contained in:
marc
13
folkugat_web/assets/templates/fragments/sessio/notes.html
Normal file
13
folkugat_web/assets/templates/fragments/sessio/notes.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<h4 class="py-4 text-xl text-beige">
|
||||
Notes
|
||||
{% if logged_in %}
|
||||
<button title="Edita les notes"
|
||||
class="mx-1"
|
||||
hx-get="/api/sessio/{{ session_id }}/notes/editor"
|
||||
hx-target="#notes"
|
||||
hx-swap="innerHTML">
|
||||
<i class="fa fa-pencil" aria-hidden="true"></i>
|
||||
</button>
|
||||
{% endif %}
|
||||
</h4>
|
||||
{{ notes | safe }}
|
||||
@@ -0,0 +1,28 @@
|
||||
<h4 class="py-4 text-xl text-beige">Notes</h4>
|
||||
<form id="notes-form"
|
||||
class="w-full">
|
||||
<h5 class="text-sm text-beige text-right">
|
||||
<button title="Desa els canvis"
|
||||
class="mx-1"
|
||||
hx-put="/api/sessio/{{session_id}}/notes"
|
||||
hx-target="#notes"
|
||||
hx-swap="innerHTML">
|
||||
<i class="fa fa-check" aria-hidden="true"></i>
|
||||
</button>
|
||||
<button title="Descarta els canvis"
|
||||
class="mx-1"
|
||||
hx-get="/api/sessio/{{session_id}}/notes"
|
||||
hx-target="#notes"
|
||||
hx-swap="innerHTML">
|
||||
<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="content"
|
||||
placeholder="Notes"
|
||||
rows="{{ max(notes.count('\n') + 1, 5) }}"
|
||||
class="border border-beige focus:outline-none
|
||||
w-full text-left
|
||||
rounded
|
||||
bg-brown p-2 m-0">{{notes}}</textarea>
|
||||
</form>
|
||||
@@ -31,20 +31,26 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if logged_in or session.notes %}
|
||||
<div class="text-left">
|
||||
<h4 class="py-4 text-xl text-beige">Notes</h4>
|
||||
{% if session.notes %}{{ session.notes }}{% endif %}
|
||||
<div id="notes"
|
||||
class="text-left">
|
||||
{% set notes = session.notes if session.notes else "" %}
|
||||
{% include "fragments/sessio/notes.html" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if logged_in or False %}
|
||||
{% if logged_in or (session.slowjam and session.slowjam.sets) %}
|
||||
<div class="text-left">
|
||||
<h4 class="py-4 text-xl text-beige">Slow Jam</h4>
|
||||
<h4 class="py-4 text-xl text-beige mt-2">Slow Jam</h4>
|
||||
{% set playlist_id = session.slowjam.id %}
|
||||
{% set playlist = session.slowjam %}
|
||||
{% include "fragments/playlist/playlist.html" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if logged_in or playlist.sets %}
|
||||
{% if logged_in or (session.setlist and session.setlist.sets) %}
|
||||
<div class="text-left">
|
||||
<h4 class="py-4 text-xl text-beige mt-2">Temes tocats</h4>
|
||||
{% include "fragments/sessio/playlist.html" %}
|
||||
{% set playlist_id = session.setlist.id %}
|
||||
{% set playlist = session.setlist %}
|
||||
{% include "fragments/playlist/playlist.html" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
<ul id="playlist-{{ session.id }}" class="">
|
||||
{% for set_entry in playlist.sets %}
|
||||
{% set set_id = set_entry.id %}
|
||||
{% include "fragments/sessio/set_entry.html" %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% if logged_in %}
|
||||
<div class="flex flex-col items-center">
|
||||
<button class="text-beige mt-2"
|
||||
hx-post="/api/sessio/{{ session.id }}/playlist/set"
|
||||
hx-target="#playlist-{{ session.id }}"
|
||||
hx-swap="beforeend transition:true">
|
||||
<i class="fa fa-plus" aria-hidden="true"></i>
|
||||
Afegeix set
|
||||
</button>
|
||||
</div>
|
||||
{% endif %}
|
||||
@@ -1,2 +0,0 @@
|
||||
{% include "fragments/menu.html" %}
|
||||
{% include "fragments/sessio/set/set_page.html" %}
|
||||
@@ -1,45 +0,0 @@
|
||||
{% 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 %}
|
||||
{% 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">
|
||||
<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 %}
|
||||
{% endif %}
|
||||
@@ -1,13 +0,0 @@
|
||||
<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>
|
||||
@@ -1,20 +0,0 @@
|
||||
{% include "fragments/sessio/set/tema_title.html" %}
|
||||
<div class="mx-12 text-left">
|
||||
|
||||
{% if tema.main_score() is not none %}
|
||||
{% set score = tema.main_score() %}
|
||||
{% 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>
|
||||
@@ -1,7 +0,0 @@
|
||||
<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>
|
||||
@@ -1,61 +0,0 @@
|
||||
<li class="flex flex-row grow items-center
|
||||
m-4 rounded-lg bg-white
|
||||
px-2 py-1 my-1"
|
||||
id="set-entry-{{ set_id }}"
|
||||
hx-get="/api/sessio/{{ session_id }}/playlist/set/{{ set_id }}"
|
||||
hx-target="#set-entry-{{ set_id }}"
|
||||
hx-swap="outerHTML"
|
||||
hx-trigger="reload-set-{{ set_id }}">
|
||||
{% if set_entry.temes | length > 1 or not set_entry.temes[0].tema %}
|
||||
{% set set_url = "/sessio/%d/set/%d" | format(session_id, set_id) %}
|
||||
{% else %}
|
||||
{% set set_url = "/tema/%d" | format(set_entry.temes[0].tema_id) %}
|
||||
{% endif %}
|
||||
{% if logged_in %}
|
||||
<div class="flex flex-row grow items-center">
|
||||
{% else %}
|
||||
<a href="{{ set_url }}"
|
||||
class="flex flex-row grow items-center cursor-pointer"
|
||||
title="Mostra els temes">
|
||||
{% endif %}
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex flex-col
|
||||
items-start
|
||||
py-2 mx-2
|
||||
w-full max-w-[655px]">
|
||||
{% if logged_in %}
|
||||
<button class="text-beige w-full"
|
||||
hx-delete="/api/sessio/{{ session_id }}/playlist/set/{{ set_id }}"
|
||||
hx-target="#set-entry-{{ set_id }}"
|
||||
hx-swap="outerHTML">
|
||||
<i class="fa fa-times" aria-hidden="true"></i>
|
||||
Esborra el set
|
||||
</button>
|
||||
{% endif %}
|
||||
<ol id="set-entry-{{ set_id }}-list"
|
||||
class="flex flex-col items-start w-full">
|
||||
{% for tema_entry in set_entry.temes %}
|
||||
{% if new_entry %}
|
||||
{% include "fragments/sessio/tema_editor.html" %}
|
||||
{% else %}
|
||||
{% include "fragments/sessio/tema_entry.html" %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ol>
|
||||
{% if logged_in %}
|
||||
<button class="text-beige mt-2 w-full"
|
||||
hx-post="/api/sessio/{{ session_id }}/playlist/set/{{ set_id }}"
|
||||
hx-target="#set-entry-{{ set_id }}-list"
|
||||
hx-swap="beforeend transition:true">
|
||||
<i class="fa fa-plus" aria-hidden="true"></i>
|
||||
Afegeix un tema
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="flex-1 text-beige">
|
||||
{% if logged_in %}<a href="{{ set_url }}" class="text-beige">{% endif %}
|
||||
<i class="fa fa-chevron-right" aria-hidden="true"></i>
|
||||
{% if logged_in %}</a>{% endif %}
|
||||
</div>
|
||||
{% if logged_in %}</div>{% else %}</a>{% endif %}
|
||||
</li>
|
||||
@@ -1,30 +0,0 @@
|
||||
<li id="tune-entry-{{ tema_entry.id }}"
|
||||
class="flex flex-col items-center my-1 w-full">
|
||||
<div class="flex flex-row">
|
||||
<input
|
||||
name="query"
|
||||
{% if tema_entry.tema %}
|
||||
value="{{ tema_entry.tema.title }}"
|
||||
{% else %}
|
||||
value=""
|
||||
{% endif %}
|
||||
placeholder="Busca un tema..."
|
||||
class="border border-beige focus:outline-none
|
||||
rounded text-center text-black
|
||||
p-1 m-1"
|
||||
hx-get="/api/sessio/{{ session_id }}/playlist/set/{{ set_id }}/tema/{{ tema_entry.id }}/busca"
|
||||
hx-trigger="revealed, keyup delay:500ms changed"
|
||||
hx-target="#tune-entry-{{ tema_entry.id }}-search-results"
|
||||
hx-swap="outerHTML"/>
|
||||
<button title="Descarta els canvis"
|
||||
class="text-beige mx-1"
|
||||
hx-get="/api/sessio/{{ session_id }}/playlist/set/{{ set_id }}/tema/{{ tema_entry.id }}"
|
||||
hx-target="#tune-entry-{{ tema_entry.id }}"
|
||||
hx-swap="outerHTML">
|
||||
<i class="fa fa-times" aria-hidden="true"></i>
|
||||
</button>
|
||||
</div>
|
||||
<ul id="tune-entry-{{ tema_entry.id }}-search-results"
|
||||
class="flex flex-wrap">
|
||||
</ul>
|
||||
</li>
|
||||
@@ -1,39 +0,0 @@
|
||||
<li id="tune-entry-{{ tema_entry.id }}"
|
||||
class="flex flex-col w-full">
|
||||
<div class="flex flex-row my-1 w-full">
|
||||
<div class="flex-1 min-w-0
|
||||
text-black font-bold
|
||||
break-words block">
|
||||
{% if tema_entry.tema %}
|
||||
{{ tema_entry.tema.title }}
|
||||
{% else %}
|
||||
<i class="fa fa-question" aria-hidden="true"></i>
|
||||
<i>(Desconegut)</i>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if logged_in %}
|
||||
<div class="flex-none flex flex-row shrink-0">
|
||||
<button title="Edita el tema"
|
||||
class="text-beige mx-1"
|
||||
hx-get="/api/sessio/{{ session_id }}/playlist/set/{{ set_id }}/tema/{{ tema_entry.id }}/editor"
|
||||
hx-target="#tune-entry-{{ tema_entry.id }}"
|
||||
hx-swap="outerHTML">
|
||||
<i class="fa fa-pencil" aria-hidden="true"></i>
|
||||
</button>
|
||||
<button title="Esborra el tema"
|
||||
class="text-beige mx-1"
|
||||
hx-delete="/api/sessio/{{ session_id }}/playlist/set/{{ set_id }}/tema/{{ tema_entry.id }}"
|
||||
hx-target="#tune-entry-{{ tema_entry.id }}"
|
||||
hx-swap="outerHTML">
|
||||
<i class="fa fa-times" aria-hidden="true"></i>
|
||||
</button>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="my-1 w-full">
|
||||
{% if tema_entry.tema and tema_entry.tema.main_score() and tema_entry.tema.main_score().preview_url %}
|
||||
<img class="pb-2"
|
||||
src="{{ tema_entry.tema.main_score().preview_url }}" />
|
||||
{% endif %}
|
||||
</div>
|
||||
</li>
|
||||
@@ -1,36 +0,0 @@
|
||||
<ul id="tune-entry-{{ entry_id }}-search-results"
|
||||
class="flex flex-wrap items-center justify-center">
|
||||
{% for tema in results %}
|
||||
<li>
|
||||
<button class="bg-beige text-brown rounded
|
||||
m-1 px-2"
|
||||
hx-put="/api/sessio/{{ session_id }}/playlist/set/{{ set_id }}/tema/{{ entry_id }}"
|
||||
hx-vals='{"tema_id": "{{ tema.id }}"}'
|
||||
hx-target="#tune-entry-{{ entry_id }}"
|
||||
hx-swap="outerHTML">
|
||||
{{ tema.title }}
|
||||
</button>
|
||||
</li>
|
||||
{% endfor %}
|
||||
<li>
|
||||
<button class="border border-beige text-beige rounded
|
||||
m-1 px-2"
|
||||
hx-put="/api/sessio/{{ session_id }}/playlist/set/{{ set_id }}/tema/{{ entry_id }}/unknown"
|
||||
hx-target="#tune-entry-{{ entry_id }}"
|
||||
hx-swap="outerHTML">
|
||||
<i class="fa fa-question" aria-hidden="true"></i>
|
||||
<i>(Desconegut)</i>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="border border-beige text-beige rounded
|
||||
m-1 px-2"
|
||||
hx-post="/api/sessio/{{ session_id }}/playlist/set/{{ set_id }}/tema/{{ entry_id }}"
|
||||
hx-vals='{"title": "{{ query }}"}'
|
||||
hx-target="#tune-entry-{{ entry_id }}"
|
||||
hx-swap="outerHTML">
|
||||
<i class="fa fa-plus" aria-hidden="true"></i>
|
||||
<i>{{ query }}</i>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
Reference in New Issue
Block a user