jfork/octane-website
1
0
Fork 0
mirror of https://github.com/nfonteyne/octane-website.git synced 2026-09-03 23:24:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: be able to create multiple future concerts

Browse source
This commit is contained in:
Nathan FONTEYNE 2026-07-10 14:39:04 +02:00
parent 4610143e2f
commit 749abda8ba
1 changed files with 20 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

25
public/js/setlistEditor.js
View file

@ -14,6 +14,7 @@ function createSetlistEditor({
let setlist = null;
let mainRows = [];
let encoreRows = [];
let actionsRevealed = false;
function formatDate(dateStr) {
const d = new Date(dateStr);
@ -34,10 +35,11 @@ function createSetlistEditor({
const rowHtml = (s) => `<li><span class="row-title">${escapeHtml(s.title)}</span> <span class="row-artist">— ${escapeHtml(s.artist)}</span>${s.note ? `<span class="note">${escapeHtml(s.note)}</span>` : ''}</li>`;
const playlistUrl = youtubePlaylistUrl([...main, ...encore].map((s) => s.youtube_url).filter(Boolean));
return `
<div class="card">
<div class="card" id="concert-summary-card" style="cursor:pointer">
<div class="card-title">${escapeHtml(setlist.name || 'Concert')}</div>
<div class="card-subtitle">${escapeHtml(setlist.venue || '')} · ${formatDate(setlist.concert_date)}</div>
${playlistUrl ? `<div class="song-links"><a class="pill-link youtube" href="${playlistUrl}" target="_blank" rel="noopener">&#9658; Écouter la setlist sur YouTube</a></div>` : ''}
${playlistUrl ? `<div class="song-links"><a class="pill-link youtube" id="playlist-link" href="${playlistUrl}" target="_blank" rel="noopener">&#9658; Écouter la setlist sur YouTube</a></div>` : ''}
<p class="note" style="margin-bottom:0">${actionsRevealed ? 'Cliquer pour masquer les actions' : 'Cliquer pour modifier ou supprimer'}</p>
</div>
<div class="setlist-section">
<h3>Setlist</h3>
@ -47,10 +49,11 @@ function createSetlistEditor({
<h3>Rappel</h3>
${encore.length ? `<ol class="setlist">${encore.map(rowHtml).join('')}</ol>` : '<p class="empty">Aucun morceau de rappel prévu.</p>'}
</div>
${actionsRevealed ? `
<div class="inline-form" style="margin-top:1rem">
<button id="edit-btn" class="secondary">Modifier</button>
${allowDelete ? '<button id="delete-btn" class="danger">Supprimer ce concert</button>' : ''}
</div>
</div>` : ''}
`;
}
@ -63,9 +66,16 @@ function createSetlistEditor({
return;
}
container().innerHTML = readOnlyView();
document.getElementById('edit-btn').addEventListener('click', enterEditMode);
document.getElementById('concert-summary-card').addEventListener('click', () => {
actionsRevealed = !actionsRevealed;
renderReadOnly();
});
const playlistLink = document.getElementById('playlist-link');
if (playlistLink) playlistLink.addEventListener('click', (e) => e.stopPropagation());
const editBtn = document.getElementById('edit-btn');
if (editBtn) editBtn.addEventListener('click', (e) => { e.stopPropagation(); enterEditMode(); });
const deleteBtn = document.getElementById('delete-btn');
if (deleteBtn) deleteBtn.addEventListener('click', onDelete);
if (deleteBtn) deleteBtn.addEventListener('click', (e) => { e.stopPropagation(); onDelete(); });
}
async function onDelete() {
@ -158,6 +168,7 @@ function createSetlistEditor({
}
function enterEditMode() {
actionsRevealed = false;
mainRows = setlist.songs
.filter((s) => !s.is_encore)
.map((s) => ({ setlistSongId: s.id, songId: s.song_id, title: s.title, artist: s.artist, note: s.note }));
@ -181,6 +192,8 @@ function createSetlistEditor({
const name = form.name.value.trim();
const venue = form.venue.value.trim();
const concertDate = form.concertDate.value;
const submitBtn = form.querySelector('button[type="submit"]');
submitBtn.disabled = true;
try {
if (setlist) {
setlist = await api.patch(`/api/setlists/${setlist.id}`, { name, venue, concertDate });
@ -192,6 +205,7 @@ function createSetlistEditor({
enterEditMode();
} catch (err) {
showError(err.message);
submitBtn.disabled = false;
}
});
}
@ -271,6 +285,7 @@ function createSetlistEditor({
async load() {
try {
setlist = await getSetlist();
actionsRevealed = false;
renderReadOnly();
} catch (err) {
showError(err.message);