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}/>} {isLoading && <progress value={loadingProgress}/>}
{isComplete && <div className="schedule"> {isComplete && <div className="schedule">
<hr/> <hr/>
<table> {rows.length > 0 && <>
{header.length > 0 && <thead> <table>
<tr> {header.length > 0 && <thead>
{header.map(hall => <th key={hall.id}>{hall.name[lang]}</th>)} <tr>
</tr> {header.map(hall => <th key={hall.id}>{hall.name[lang]}</th>)}
</thead>} </tr>
<tbody> </thead>}
{rows.map(row => <tr key={row.id}> <tbody>
{row.cells.map(cell => <td key={cell.id} {...cell.attributes}> {rows.map(row => <tr key={row.id}>
{cell.dateHeader && <DateHeader date={cell.dateHeader} lang={lang} />} {row.cells.map(cell => <td key={cell.id} {...cell.attributes}>
{cell.timeSlot && <TimeSlot {...cell.timeSlot} />} {cell.dateHeader && <DateHeader date={cell.dateHeader} lang={lang} />}
{cell.event && <Event {...cell.event} />} {cell.timeSlot && <TimeSlot {...cell.timeSlot} />}
</td>)} {cell.event && <Event {...cell.event} />}
</tr>)} </td>)}
</tbody> </tr>)}
{header.length > 0 && <tfoot> </tbody>
<tr> {header.length > 0 && <tfoot>
{header.map(hall => <th key={hall.id}>{hall.name[lang]}</th>)} <tr>
</tr> {header.map(hall => <th key={hall.id}>{hall.name[lang]}</th>)}
</tfoot>} </tr>
</table> </tfoot>}
<div className="separator"/> </table>
<table> <div className="separator" />
<tbody> <table>
{tracks.filter(track => !isTrackHidden(track)).map(track => <tr key={track.id}> <tbody>
<td className={track.css_class}>{track.name[lang]}</td> {tracks.filter(track => !isTrackHidden(track)).map(track => <tr key={track.id}>
</tr>)} <td className={track.css_class}>{track.name[lang]}</td>
{Object.entries(langs).map(([langId, langName]) => <tr key={langId}> </tr>)}
<td className={'schedule-'.concat(langId)}>{langName}</td> {Object.entries(langs).map(([langId, langName]) => <tr key={langId}>
</tr>)} <td className={'schedule-'.concat(langId)}>{langName}</td>
</tbody> </tr>)}
</table> </tbody>
<div className="separator" /> </table>
<div className="separator" />
</>}
{events.map(event => <section key={event.id} id={'event-'.concat(event.id)}> {events.map(event => <section key={event.id} id={'event-'.concat(event.id)}>
<p> <p>
<strong>{event.title}</strong> <strong>{event.title}</strong>
@ -120,7 +122,7 @@ export default function Schedule({
<i className="fa-brands fa-twitter" /> <i className="fa-brands fa-twitter" />
</a>} </a>}
{speaker.github && <a href={'https://github.com/'.concat(speaker.github)}> {speaker.github && <a href={'https://github.com/'.concat(speaker.github)}>
<i className="fa-brands fa-github"/> <i className="fa-brands fa-github" />
</a>} </a>}
</div> </div>
<p>{speaker.biography}</p> <p>{speaker.biography}</p>