diff options
Diffstat (limited to 'sdnr/wt/odlux/framework/src/components/material-table/tableFilter.tsx')
-rw-r--r-- | sdnr/wt/odlux/framework/src/components/material-table/tableFilter.tsx | 30 |
1 files changed, 15 insertions, 15 deletions
diff --git a/sdnr/wt/odlux/framework/src/components/material-table/tableFilter.tsx b/sdnr/wt/odlux/framework/src/components/material-table/tableFilter.tsx index 0356aa225..737ea85f9 100644 --- a/sdnr/wt/odlux/framework/src/components/material-table/tableFilter.tsx +++ b/sdnr/wt/odlux/framework/src/components/material-table/tableFilter.tsx @@ -33,7 +33,7 @@ const styles = (theme: Theme) => createStyles({ flexWrap: 'wrap', }, input: { - margin: theme.spacing.unit, + margin: theme.spacing(1), }, }); @@ -45,7 +45,7 @@ interface IEnhancedTableFilterComponentProps extends WithStyles<typeof styles> { } class EnhancedTableFilterComponent extends React.Component<IEnhancedTableFilterComponentProps> { - createFilterHandler = (property: string) => (event: React.ChangeEvent<HTMLInputElement|HTMLSelectElement|HTMLTextAreaElement>) => { + createFilterHandler = (property: string) => (event: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => { this.props.onFilterChanged && this.props.onFilterChanged(property, event.target.value); }; @@ -53,33 +53,33 @@ class EnhancedTableFilterComponent extends React.Component<IEnhancedTableFilterC const { columns, filter, classes } = this.props; return ( <TableRow> - { this.props.enableSelection - ? <TableCell padding="checkbox" style={ { width: "50px" } }> - </TableCell> - : null - } - { columns.map(col => { + {this.props.enableSelection + ? <TableCell padding="checkbox" style={{ width: "50px" }}> + </TableCell> + : null + } + {columns.map(col => { const style = col.width ? { width: col.width } : {}; return ( <TableCell - key={ col.property } - padding={ col.disablePadding ? 'none' : 'default' } - style={ style } + key={col.property} + padding={col.disablePadding ? 'none' : 'default'} + style={style} > - { col.disableFilter || (col.type === ColumnType.custom) + {col.disableFilter || (col.type === ColumnType.custom) ? null : (col.type === ColumnType.boolean) ? <Select className={classes.input} value={filter[col.property] !== undefined ? filter[col.property] : ''} onChange={this.createFilterHandler(col.property)} inputProps={{ name: `${col.property}-bool`, id: `${col.property}-bool` }} > <MenuItem value={undefined}> <em>None</em> </MenuItem> - <MenuItem value={true as any as string}>{ col.labels ? col.labels["true"]:"true"}</MenuItem> - <MenuItem value={false as any as string}>{ col.labels ? col.labels["false"] : "false"}</MenuItem> + <MenuItem value={true as any as string}>{col.labels ? col.labels["true"] : "true"}</MenuItem> + <MenuItem value={false as any as string}>{col.labels ? col.labels["false"] : "false"}</MenuItem> </Select> : <Input className={classes.input} inputProps={{ 'aria-label': 'Filter' }} value={filter[col.property] || ''} onChange={this.createFilterHandler(col.property)} />} </TableCell> ); - }, this) } + }, this)} </TableRow> ); } |