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

update: hide rehersal icon when accepted or rejected, drop down for calendar

Browse source
This commit is contained in:
Nathan FONTEYNE 2026-07-15 17:46:00 +02:00
parent 5730a9fe3c
commit 6042d92f47
5 changed files with 114 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

52
public/js/calendar.js
View file

@ -55,9 +55,7 @@ function concertLinksHtml(concert) {
<div class="modal-section-title">Concert${concert.name ? ' : ' + escapeHtml(concert.name) : ''}</div>
<p class="note" style="margin:0.25rem 0 0.5rem">${concert.venue ? escapeHtml(concert.venue) + ' · ' : ''}${formatTime(startISO)} – ${formatTime(endISO)}</p>
<div class="rehearsal-actions">
<a class="pill-link" href="${googleCalendarLink(linkArgs)}" target="_blank" rel="noopener">+ Google</a>
<a class="pill-link" href="${outlookCalendarLink(linkArgs)}" target="_blank" rel="noopener">+ Outlook</a>
<a class="pill-link" href="${icsDataUrl(linkArgs)}" download="concert.ics">+ Apple / autre</a>
${calendarLinksMenuHtml(linkArgs, 'concert.ics')}
</div>
</div>
`;
@ -432,24 +430,14 @@ function rehearsalRowTemplate(r) {
</div>
<div class="rehearsal-actions">
${rehearsalVoteActionsHtml(r)}
<a class="pill-link" href="${googleCalendarLink(linkArgs)}" target="_blank" rel="noopener">+ Google</a>
<a class="pill-link" href="${outlookCalendarLink(linkArgs)}" target="_blank" rel="noopener">+ Outlook</a>
<a class="pill-link" href="${icsDataUrl(linkArgs)}" download="repetition.ics">+ Apple / autre</a>
${calendarLinksMenuHtml(linkArgs, 'repetition.ics')}
${canRemove ? `<button type="button" class="danger icon-btn remove-rehearsal-btn" data-rehearsal-id="${r.id}">Retirer</button>` : ''}
</div>
</div>
`;
}
function renderRehearsals() {
const section = document.getElementById('rehearsals-section');
const container = document.getElementById('rehearsals-list');
if (!state.rehearsals.length) {
section.style.display = 'none';
return;
}
section.style.display = '';
container.innerHTML = state.rehearsals.map(rehearsalRowTemplate).join('');
function wireRehearsalActions(container) {
container.querySelectorAll('.remove-rehearsal-btn').forEach((btn) => {
btn.addEventListener('click', () => onRemoveRehearsal(parseInt(btn.dataset.rehearsalId, 10)));
});
@ -464,6 +452,40 @@ function renderRehearsals() {
});
}
function renderRehearsals() {
const section = document.getElementById('rehearsals-section');
const container = document.getElementById('rehearsals-list');
const votedSection = document.getElementById('rehearsals-voted-section');
const votedSummary = document.getElementById('rehearsals-voted-summary');
const votedContainer = document.getElementById('rehearsals-voted-list');
if (!state.rehearsals.length) {
section.style.display = 'none';
return;
}
section.style.display = '';
const pending = state.rehearsals.filter(
(r) => !me || !r.votes.some((v) => v.userId === me.id)
);
const voted = state.rehearsals.filter(
(r) => me && r.votes.some((v) => v.userId === me.id)
);
container.innerHTML = pending.map(rehearsalRowTemplate).join('');
wireRehearsalActions(container);
if (voted.length) {
votedSection.style.display = '';
votedSummary.textContent = `Répétitions traitées (${voted.length})`;
votedContainer.innerHTML = voted.map(rehearsalRowTemplate).join('');
wireRehearsalActions(votedContainer);
} else {
votedSection.style.display = 'none';
votedContainer.innerHTML = '';
}
}
async function onProposeRehearsal() {
if (!currentModalDate) return;
const { slot } = currentModalDate;

23
public/js/render.js
View file

@ -118,3 +118,26 @@ function icsDataUrl({ uid, title, startISO, endISO, location }) {
lines.push('END:VEVENT', 'END:VCALENDAR');
return `data:text/calendar;charset=utf-8,${encodeURIComponent(lines.join('\r\n'))}`;
}
// Single "+ Calendrier" control that reveals the 3 provider links on click,
// instead of showing all 3 pills side by side.
function calendarLinksMenuHtml(linkArgs, icsFilename) {
return `
<details class="calendar-menu">
<summary class="pill-link">+ Calendrier</summary>
<div class="calendar-menu-options">
<a href="${googleCalendarLink(linkArgs)}" target="_blank" rel="noopener">Google</a>
<a href="${outlookCalendarLink(linkArgs)}" target="_blank" rel="noopener">Outlook</a>
<a href="${icsDataUrl(linkArgs)}" download="${escapeHtml(icsFilename)}">Apple / autre (.ics)</a>
</div>
</details>
`;
}
// Close any open "+ Calendrier" menu when picking a link inside it or
// clicking anywhere else on the page.
document.addEventListener('click', (e) => {
document.querySelectorAll('details.calendar-menu[open]').forEach((menu) => {
if (!menu.contains(e.target) || e.target.closest('a')) menu.open = false;
});
});

4
public/js/setlistEditor.js
View file

@ -54,9 +54,7 @@ function createSetlistEditor({
};
return `
<div class="rehearsal-actions" style="margin-top:0.5rem">
<a class="pill-link" href="${googleCalendarLink(linkArgs)}" target="_blank" rel="noopener">+ Google</a>
<a class="pill-link" href="${outlookCalendarLink(linkArgs)}" target="_blank" rel="noopener">+ Outlook</a>
<a class="pill-link" href="${icsDataUrl(linkArgs)}" download="concert.ics">+ Apple / autre</a>
${calendarLinksMenuHtml(linkArgs, 'concert.ics')}
</div>
`;
}