IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: People: Changed SearchInput to FilterInput

Browse Source
This commit is contained in:
Alexey Safronov 2019-07-23 14:24:06 +03:00
parent c12afff9d1
commit caf0a25bf0
1 changed files with 46 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
products/ASC.People/Client/src/components/pages/Home/Section/Filter/index.js
View File

@ -1,37 +1,51 @@
import React from 'react';
import { SearchInput } from 'asc-web-components';
import React from "react";
import { FilterInput } from "asc-web-components";
function getData() {
return [
{ key: 'filter-status', group: 'filter-status', label: 'Status', isHeader: true },
{ key: 'filter-status-active', group: 'filter-status', label: 'Active' },
{ key: 'filter-status-disabled', group: 'filter-status', label: 'Disabled' },
{ key: 'filter-status-pending', group: 'filter-status', label: 'Pending' },
{ key: 'filter-type', group: 'filter-type', label: 'Type', isHeader: true },
{ key: 'filter-type-administrator', group: 'filter-type', label: 'Administrator' },
{ key: 'filter-type-user', group: 'filter-type', label: 'User' },
{ key: 'filter-type-guest', group: 'filter-type', label: 'Guest' },
{ key: 'filter-group', group: 'filter-group', label: 'Group', isHeader: true },
{ key: 'filter-type-guest', group: 'filter-group', label: 'Group' },
];
}
const getData = () => {
return [
{
key: "filter-status",
group: "filter-status",
label: "Status",
isHeader: true
},
{ key: "filter-status-active", group: "filter-status", label: "Active" },
{
key: "filter-status-disabled",
group: "filter-status",
label: "Disabled"
},
{ key: "filter-status-pending", group: "filter-status", label: "Pending" },
{ key: "filter-type", group: "filter-type", label: "Type", isHeader: true },
{
key: "filter-type-administrator",
group: "filter-type",
label: "Administrator"
},
{ key: "filter-type-user", group: "filter-type", label: "User" },
{ key: "filter-type-guest", group: "filter-type", label: "Guest" },
{
key: "filter-group",
group: "filter-group",
label: "Group",
isHeader: true
},
{ key: "filter-type-guest", group: "filter-group", label: "Group" }
];
};
const getSortData = () => {
return [{ id: "name", label: "Name" }, { id: "surname", label: "Surname" }];
};
const SectionFilterContent = () => (
<SearchInput
id="peopleFilter"
isDisabled={false}
isNeedFilter={true}
getFilterData={getData}
placeholder="Search"
onSearchClick={result => {
console.log(result);
}}
onChangeFilter={result => {
console.log(result);
}}
value=""
onChange={() => console.log("Filter onChange")}
/>
<FilterInput
getFilterData={getData}
getSortData={getSortData}
onFilter={result => {
console.log(result);
}}
/>
);
export default SectionFilterContent;
export default SectionFilterContent;