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

Fix schedule rendering

This commit is contained in:
Vencislav Atanasov 2024-09-21 23:21:09 +03:00
parent b53de67c6f
commit d1788e9e97
2 changed files with 43 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
src/Schedule.jsx
View File

@ -35,42 +35,47 @@ export default function Schedule({
return (<>
{isLoading && <>Loading... <progress value={loadingProgress} /></>}
<div className="schedule">
{halls && <table style={{
textAlign: 'center',
}}>
<thead>
<tr>
{header.map(hall => <th key={hall.id}>{hall.name}</th>)}
</tr>
</thead>
<tbody>
{rows.map(row => <tr key={row.id}>
{row.cells.map(cell => <td key={cell.id} {...cell.attributes}>
<Event {...cell.event} />
</td>)}
</tr>)}
</tbody>
<tfoot>
<tr>
{header.map(hall => <th key={hall.id}>{hall.name}</th>)}
</tr>
</tfoot>
</table>}
<div className="separator"/>
{tracks && <table style={{
textAlign: 'center',
}}>
<tbody>
{Object.entries(tracks).filter(([, track]) =>
!isTrackHidden(track)
).map(([trackId, track]) => <tr key={trackId}>
<td className={track.css_class}>{track.name[lang]}</td>
</tr>)}
{Object.entries(langs).map(([code, name]) => <tr key={code}>
<td className={'schedule-'.concat(code)}>{name}</td>
</tr>)}
</tbody>
</table>}
{header && <>
<table style={{
textAlign: 'center',
}}>
<thead>
<tr>
{header.map(hall => <th key={hall.id}>{hall.name}</th>)}
</tr>
</thead>
<tbody>
{rows.map(row => <tr key={row.id}>
{row.cells.map(cell => <td key={cell.id} {...cell.attributes}>
<Event {...cell.event} />
</td>)}
</tr>)}
</tbody>
<tfoot>
<tr>
{header.map(hall => <th key={hall.id}>{hall.name}</th>)}
</tr>
</tfoot>
</table>
<div className="separator"/>
</>}
{tracks && <>
<table style={{
textAlign: 'center',
}}>
<tbody>
{Object.entries(tracks).filter(([, track]) =>
!isTrackHidden(track)
).map(([trackId, track]) => <tr key={trackId}>
<td className={track.css_class}>{track.name[lang]}</td>
</tr>)}
{Object.entries(langs).map(([code, name]) => <tr key={code}>
<td className={'schedule-'.concat(code)}>{name}</td>
</tr>)}
</tbody>
</table>
<div className="separator" />
</>}
{events && tracks && Object.entries(events).map(([eventId, event]) => <section key={eventId} id={'lecture-'.concat(eventId)}>
<p>
<strong>{event.title}</strong>
@ -95,7 +100,7 @@ export default function Schedule({
<a href={event.feedback_url}>Submit feedback</a>
</strong>
</p>
<hr />
<div className="separator" />
</section>)}
{speakers && <>
<div>

1
src/Schedule.scss
View File

@ -1,5 +1,6 @@
.schedule {
table {
text-align: center;
width: 100%;
font-size: 0.8em;
margin: 0 0 3em 0;