tanner/spaceport
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Simpliy class list

Browse Source
This commit is contained in:
Tanner Collin 2022-04-26 01:45:22 +00:00
parent 4c1752c07d
commit e0922259ac
1 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
webclient/src/Classes.js
View File

@ -86,7 +86,7 @@ function NewClassTable(props) {
<> <>
<div style={{ margin: '0 -1.5rem 0 -0.5rem', display: 'flex', flexWrap: 'wrap' }}> <div style={{ margin: '0 -1.5rem 0 -0.5rem', display: 'flex', flexWrap: 'wrap' }}>
{sortedClasses.map(x => {sortedClasses.map(x =>
<Segment style={{ margin: '1rem 1rem 0 0', width: '30rem' }}> <Segment style={{ margin: '1rem 1rem 0 0', width: '22rem' }}>
<Header size='medium'> <Header size='medium'>
<Link to={'/courses/'+x.course.id}> <Link to={'/courses/'+x.course.id}>
{x.course.name} {x.course.name}
@ -99,12 +99,10 @@ function NewClassTable(props) {
</Label> </Label>
)} )}
<Table compact unstackable singleLine basic='very'> <Table compact unstackable singleLine basic='very'>
<Table.Header> <Table.Header>
<Table.Row> <Table.Row>
<Table.HeaderCell>Date</Table.HeaderCell> <Table.HeaderCell>Date</Table.HeaderCell>
<Table.HeaderCell>Time</Table.HeaderCell>
<Table.HeaderCell>Cost</Table.HeaderCell> <Table.HeaderCell>Cost</Table.HeaderCell>
<Table.HeaderCell>Students</Table.HeaderCell> <Table.HeaderCell>Students</Table.HeaderCell>
</Table.Row> </Table.Row>
@ -115,15 +113,12 @@ function NewClassTable(props) {
<Table.Row key={x.id} active={x.datetime < now || x.is_cancelled}> <Table.Row key={x.id} active={x.datetime < now || x.is_cancelled}>
<Table.Cell> <Table.Cell>
<Link to={'/classes/'+x.id}> <Link to={'/classes/'+x.id}>
&nbsp;{moment.utc(x.datetime).tz('America/Edmonton').format('MMM Do')} {moment.utc(x.datetime).tz('America/Edmonton').format(' MMM Do')}
</Link> </Link>
{' - '}{x.is_cancelled ? 'Cancelled' : moment.utc(x.datetime).tz('America/Edmonton').format('LT')}
</Table.Cell> </Table.Cell>
<Table.Cell> <Table.Cell>{x.cost === '0.00' ? 'Free' : '$'+x.cost.slice(0,2)}</Table.Cell>
{x.is_cancelled ? 'Cancelled' : moment.utc(x.datetime).tz('America/Edmonton').format('LT')}
</Table.Cell>
<Table.Cell>{x.cost === '0.00' ? 'Free' : '$'+x.cost}</Table.Cell>
<Table.Cell> <Table.Cell>
{!!x.max_students ? {!!x.max_students ?
@ -208,8 +203,6 @@ export function Classes(props) {
const byDate = (a, b) => a.datetime > b.datetime ? 1 : -1; const byDate = (a, b) => a.datetime > b.datetime ? 1 : -1;
const byTag = (x) => tagFilter ? x.course_data.tags.includes(tagFilter) : true; const byTag = (x) => tagFilter ? x.course_data.tags.includes(tagFilter) : true;
console.log(tagFilter);
return ( return (
<Container> <Container>
<Header size='large'>Class List</Header> <Header size='large'>Class List</Header>