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

Adming vetting list improvements

Browse Source
This commit is contained in:
Tanner Collin 2023-05-06 23:47:03 +00:00
parent e0d6ba8b78
commit c6681f40db
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
webclient/src/Admin.js
View File

@ -69,31 +69,27 @@ export function AdminVetting(props) {
const displayAll = (vetting && vetting.length <= 5) || showAll; const displayAll = (vetting && vetting.length <= 5) || showAll;
return ( return (
<div> <div className='adminvetting'>
{!error ? {!error ?
vetting ? vetting ?
<> <>
<Table collapsing basic='very'> <Table compact collapsing unstackable basic='very'>
<Table.Header> <Table.Header>
<Table.Row> <Table.Row>
<Table.HeaderCell>Name</Table.HeaderCell> <Table.HeaderCell>Name</Table.HeaderCell>
<Table.HeaderCell>Status</Table.HeaderCell> <Table.HeaderCell>Status / NMO</Table.HeaderCell>
<Table.HeaderCell>NMO</Table.HeaderCell>
<Table.HeaderCell>Start Date</Table.HeaderCell>
<Table.HeaderCell></Table.HeaderCell> <Table.HeaderCell></Table.HeaderCell>
</Table.Row> </Table.Row>
</Table.Header> </Table.Header>
<Table.Body> <Table.Body>
{(displayAll ? vetting : vetting.slice(0,5)).map(x => {(displayAll ? vetting : vetting.slice(0,5)).sort((a, b) => a.last_name > b.last_name ? 1 : -1).map(x =>
<Table.Row key={x.id}> <Table.Row key={x.id}>
<Table.Cell><Link to={'/members/'+x.id}>{x.preferred_name} {x.last_name}</Link></Table.Cell> <Table.Cell><Link to={'/members/'+x.id}>{x.preferred_name} {x.last_name}</Link></Table.Cell>
<Table.Cell> <Table.Cell>
<Icon name='circle' color={statusColor[x.status]} /> <Icon name='circle' color={statusColor[x.status]} />
{x.status || 'Unknown'} {x.orientation_date ? '✅' : '❌'}
</Table.Cell> </Table.Cell>
<Table.Cell>{x.orientation_date ? '✅' : '❌'}</Table.Cell>
<Table.Cell>{x.current_start_date}</Table.Cell>
<Table.Cell><AdminVet {...props} member={x} refreshVetting={refreshVetting} /></Table.Cell> <Table.Cell><AdminVet {...props} member={x} refreshVetting={refreshVetting} /></Table.Cell>
</Table.Row> </Table.Row>
)} )}
@ -344,6 +340,7 @@ export function Admin(props) {
<Header size='medium'>Ready to Vet</Header> <Header size='medium'>Ready to Vet</Header>
<p>Members who are Current or Due, and past their probationary period.</p> <p>Members who are Current or Due, and past their probationary period.</p>
<p>Sorted by last name.</p>
<AdminVetting {...props} /> <AdminVetting {...props} />

5
webclient/src/light.css
View File

@ -157,6 +157,11 @@ body {
margin-left: auto; margin-left: auto;
} }
.adminvetting .ui.button {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.interest .ui.button { .interest .ui.button {
padding-left: 0.5rem; padding-left: 0.5rem;
padding-right: 0.5rem; padding-right: 0.5rem;