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

Compare commits

base: Site:ff9fbf50a2d090519ee90e387324efd9fba26404
Branches Tags
Site:master
..
compare: Site:570f136ef8e3c756704615f869e3eb963a9be841
Branches Tags
Site:master

2 Commits
ff9fbf50a2 ... 570f136ef8

Author SHA1 Message Date
Vencislav Atanasov 570f136ef8 Hide schedule and tracks when stands are selected 2024-10-01 20:15:55 +03:00
Vencislav Atanasov 97e9a15d9e Fix formatting 2024-10-01 20:13:59 +03:00
1 changed files with 36 additions and 34 deletions
Show Stats Expand all files Collapse all files

70
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>
@ -120,7 +122,7 @@ export default function Schedule({
<i className="fa-brands fa-twitter" />
</a>}
{speaker.github && <a href={'https://github.com/'.concat(speaker.github)}>
<i className="fa-brands fa-github"/>
<i className="fa-brands fa-github" />
</a>}
</div>
<p>{speaker.biography}</p>