prehistoric-systems/FilterLists
1
0
Fork 0
mirror of https://github.com/collinbarrett/FilterLists.git synced 2026-03-11 09:04:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add sort by software

Browse source
This commit is contained in:
Collin M. Barrett 2018-09-03 17:28:38 -05:00
parent e8d2cf3f73
commit 06ec00832a
1 changed files with 23 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
src/FilterLists.Web/ClientApp/components/Home.tsx
View file

@ -103,6 +103,29 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
sortMethod: (a: any, b: any) => a.toUpperCase() > b.toUpperCase() ? 1 : -1,
Cell: (cell: any) => <h2 className="mb-0">{cell.value}</h2>
},
{
Header: "Software",
accessor: "softwareIds",
filterable: true,
filterMethod: (filter: any, row: any) => {
if (filter.value === "any") {
return true;
}
return row[filter.id].join(",").split(",").includes(filter.value);
},
Filter: ({ filter, onChange }) =>
<select
onChange={event => onChange(event.target.value)}
style={{ width: "100%" }}
value={filter ? filter.value : "all"}>
<option value="any">Any</option>
{state.software.map((e: any) => <option value={e.id}>{e.name}</option>)}
</select>,
Cell: () => null,
width: 100,
headerClassName: "d-none d-md-block",
className: "d-none d-md-block"
},
{
Header: "Tags",
accessor: "tags",
@ -135,33 +158,6 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
headerClassName: "d-none d-md-block",
className: "d-none d-md-block"
},
{
Header: "Software",
accessor: "software",
filterable: true,
filterMethod: (filter: any, row: any) => {
if (filter.value === "all") {
return true;
}
if (filter.value === "true") {
return row[filter.id] >= 21;
}
return row[filter.id] < 21;
},
Filter: ({ filter, onChange }) =>
<select
onChange={event => onChange(event.target.value)}
style={{ width: "100%" }}
value={filter ? filter.value : "all"}>
{state.software.map((e: any) => <option value={e.id}>{e.name}</option>)}
</select>,
Cell: (cell: any) => <div className="fl-tag-container">{cell.value.map(
(e: any) => <span className="badge badge-info">{e}</span>)}</div>,
style: { whiteSpace: "inherit" },
width: 150,
headerClassName: "d-none d-md-block",
className: "d-none d-md-block"
},
{
Header: "Updated",
accessor: "updatedDate",