Site
/
schedule
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hide schedule and tracks when stands are selected

This commit is contained in:
Vencislav Atanasov 2024-10-01 20:15:55 +03:00
parent 97e9a15d9e
commit 570f136ef8
1 changed files with 35 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/Schedule/Schedule.jsx
View File

@ -53,39 +53,41 @@ export default function Schedule({
{isLoading && <progress value={loadingProgress}/>}
{isComplete && <div className="schedule">
<hr/>
<table>
{header.length > 0 && <thead>
<tr>
{header.map(hall => <th key={hall.id}>{hall.name[lang]}</th>)}
</tr>
</thead>}
<tbody>
{rows.map(row => <tr key={row.id}>
{row.cells.map(cell => <td key={cell.id} {...cell.attributes}>
{cell.dateHeader && <DateHeader date={cell.dateHeader} lang={lang} />}
{cell.timeSlot && <TimeSlot {...cell.timeSlot} />}
{cell.event && <Event {...cell.event} />}
</td>)}
</tr>)}
</tbody>
{header.length > 0 && <tfoot>
<tr>
{header.map(hall => <th key={hall.id}>{hall.name[lang]}</th>)}
</tr>
</tfoot>}
</table>
<div className="separator" />
<table>
<tbody>
{tracks.filter(track => !isTrackHidden(track)).map(track => <tr key={track.id}>
<td className={track.css_class}>{track.name[lang]}</td>
</tr>)}
{Object.entries(langs).map(([langId, langName]) => <tr key={langId}>
<td className={'schedule-'.concat(langId)}>{langName}</td>
</tr>)}
</tbody>
</table>
<div className="separator" />
{rows.length > 0 && <>
<table>
{header.length > 0 && <thead>
<tr>
{header.map(hall => <th key={hall.id}>{hall.name[lang]}</th>)}
</tr>
</thead>}
<tbody>
{rows.map(row => <tr key={row.id}>
{row.cells.map(cell => <td key={cell.id} {...cell.attributes}>
{cell.dateHeader && <DateHeader date={cell.dateHeader} lang={lang} />}
{cell.timeSlot && <TimeSlot {...cell.timeSlot} />}
{cell.event && <Event {...cell.event} />}
</td>)}
</tr>)}
</tbody>
{header.length > 0 && <tfoot>
<tr>
{header.map(hall => <th key={hall.id}>{hall.name[lang]}</th>)}
</tr>
</tfoot>}
</table>
<div className="separator" />
<table>
<tbody>
{tracks.filter(track => !isTrackHidden(track)).map(track => <tr key={track.id}>
<td className={track.css_class}>{track.name[lang]}</td>
</tr>)}
{Object.entries(langs).map(([langId, langName]) => <tr key={langId}>
<td className={'schedule-'.concat(langId)}>{langName}</td>
</tr>)}
</tbody>
</table>
<div className="separator" />
</>}
{events.map(event => <section key={event.id} id={'event-'.concat(event.id)}>
<p>
<strong>{event.title}</strong>