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

wip

Browse source
This commit is contained in:
Collin M. Barrett 2018-09-09 17:10:58 -05:00
parent c6847df3d2
commit a5467d23a6
1 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -15,6 +15,7 @@ interface IHomeState {
loadingSoftware: boolean;
languages: ILanguageDto[];
loadingLanguages: boolean;
columnVisibility: IColumnVisibility[];
pageSize: number;
}
@ -30,6 +31,14 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
loadingSoftware: true,
languages: [],
loadingLanguages: true,
columnVisibility: [
{ column: "name", visible: true },
{ column: "software", visible: true },
{ column: "tags", visible: true },
{ column: "languages", visible: true },
{ column: "updatedDate", visible: true },
{ column: "details", visible: true }
],
pageSize: 20
};
this.updatePageSize = this.updatePageSize.bind(this);
@ -45,6 +54,7 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
</p>
: <div>
{Home.renderTagline(this.state)}
{this.renderColumnVisibilityCheckboxes()}
{Home.renderFilterListsTable(this.state)}
</div>;
return <div>
@ -102,6 +112,19 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
</p>;
}
private renderColumnVisibilityCheckboxes() {
return <div className="d-none d-md-block">
{this.state.columnVisibility.map((c: IColumnVisibility) => this.renderColumnVisibilityCheckbox(c))}
</div>;
};
private renderColumnVisibilityCheckbox(props: IColumnVisibility) {
return <div className="form-check form-check-inline">
<input className="form-check-input" type="checkbox" id="inlineCheckbox" defaultChecked={props.visible}/>
<label className="form-check-label" htmlFor="inlineCheckbox">{props.column}</label>
</div>;
}
private static renderFilterListsTable(state: IHomeState) {
return <ReactTable
data={state.lists}
@ -259,4 +282,9 @@ interface IListTagDto {
name: string;
colorHex: string;
description: string;
}
interface IColumnVisibility {
column: string;
visible: boolean;
}