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

support filtering Tags by dropdown

Browse source 
ref #428
This commit is contained in:
collinbarrett 2018-09-28 08:55:03 -05:00
parent 18044a9aff
commit 509fe2104e
1 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/FilterLists.Web/ClientApp/modules/home/components/listsTable/columns/Tags.tsx
View file

@ -8,7 +8,8 @@ export const Tags = (columnVisibility: IColumnVisibility[], tags: ITag[]) =>
Header: "Tags",
accessor: "tagIds",
filterable: true,
filterMethod: (f: Filter, r: any[]) => filterMethod(f, r, tags),
filterMethod: (f: Filter, r: any[]) => filterMethod(f, r),
Filter: ({ onChange, filter }: any) => Filter({ onChange, filter }, tags),
sortMethod: (a: number[], b: number[]) => sortMethod(a, b),
Cell: (c: any) => Cell(c.value, tags),
width: 215,
@ -17,17 +18,28 @@ export const Tags = (columnVisibility: IColumnVisibility[], tags: ITag[]) =>
show: columnVisibility.filter((c: IColumnVisibility) => c.column === "Tags")[0].visible
} as Column);
const filterMethod = (f: Filter, r: any[], tags: ITag[]): boolean => {
const filterMethod = (f: Filter, r: any[]): boolean => {
const listTagIds = r[f.id as any];
if (f.value.length > 0 && listTagIds && listTagIds.length > 0) {
const listTags = tags.filter((t: ITag) => listTagIds.includes(t.id));
const listTagNames = listTags.map((t: ITag) => t.name.toLowerCase()).join(",").split(",");
return listTagNames.filter((l: string) => l.indexOf(f.value.toLowerCase()) > -1).length > 0;
} else {
return false;
}
return f.value === "any" ||
(listTagIds
? listTagIds.join(",").split(",").includes(f.value)
: false);
};
const Filter = (props: any, tags: ITag[]) =>
<select onChange={(event: any) => props.onChange(event.target.value)}
style={{ width: "100%" }}
value={props.filter ? props.filter.value : "any"}>
<option value="any">Any</option>
{tags.length > 0
? tags.sort((a, b) => a.name.localeCompare(b.name))
.map((t: ITag, i: number) =>
<option value={t.id} key={i}>
{t.name} ({t.filterListIds ? t.filterListIds.length : 0})
</option>)
: null}
</select>;
const sortMethod = (a: number[], b: number[]): any =>
a
? b