Web:People: update filter selected items
This commit is contained in:
parent
5926b22dbb
commit
af9011620d
@ -209,11 +209,16 @@ const SectionFilterContent = ({
|
|||||||
}, [filter.sortOrder, filter.sortBy]);
|
}, [filter.sortOrder, filter.sortBy]);
|
||||||
|
|
||||||
const getSelectedFilterData = async () => {
|
const getSelectedFilterData = async () => {
|
||||||
|
const { guestCaption, userCaption, groupCaption } = customNames;
|
||||||
const filterValues = [];
|
const filterValues = [];
|
||||||
|
|
||||||
if (filter.employeeStatus) {
|
if (filter.employeeStatus) {
|
||||||
filterValues.push({
|
filterValues.push({
|
||||||
key: `${filter.employeeStatus}`,
|
key: `${filter.employeeStatus}`,
|
||||||
|
label:
|
||||||
|
`${filter.employeeStatus}` === "1"
|
||||||
|
? t("Common:Active")
|
||||||
|
: t("Translations:DisabledEmployeeStatus"),
|
||||||
group: "filter-status",
|
group: "filter-status",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -221,13 +226,34 @@ const SectionFilterContent = ({
|
|||||||
if (filter.activationStatus) {
|
if (filter.activationStatus) {
|
||||||
filterValues.push({
|
filterValues.push({
|
||||||
key: `${filter.activationStatus}`,
|
key: `${filter.activationStatus}`,
|
||||||
|
label:
|
||||||
|
`${filter.activationStatus}` === "1"
|
||||||
|
? t("Common:Active")
|
||||||
|
: t("Translations:PendingTitle"),
|
||||||
group: "filter-email",
|
group: "filter-email",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
if (filter.role) {
|
if (filter.role) {
|
||||||
|
let label = null;
|
||||||
|
|
||||||
|
switch (filter.role) {
|
||||||
|
case "admin":
|
||||||
|
label = t("Administrator");
|
||||||
|
break;
|
||||||
|
case "user":
|
||||||
|
label = userCaption;
|
||||||
|
break;
|
||||||
|
case "guest":
|
||||||
|
label = guestCaption;
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
label = "";
|
||||||
|
}
|
||||||
|
|
||||||
filterValues.push({
|
filterValues.push({
|
||||||
key: filter.role,
|
key: filter.role,
|
||||||
|
label: label,
|
||||||
group: "filter-type",
|
group: "filter-type",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -247,6 +273,30 @@ const SectionFilterContent = ({
|
|||||||
return filterValues;
|
return filterValues;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const removeSelectedItem = ({ key, group }) => {
|
||||||
|
const newFilter = filter.clone();
|
||||||
|
newFilter.page = 0;
|
||||||
|
|
||||||
|
if (group === "filter-status") {
|
||||||
|
newFilter.employeeStatus = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (group === "filter-type") {
|
||||||
|
newFilter.role = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (group === "filter-email") {
|
||||||
|
newFilter.activationStatus = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (group === "filter-other") {
|
||||||
|
newFilter.group = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
setIsLoading(true);
|
||||||
|
fetchPeople(newFilter).finally(() => setIsLoading(false));
|
||||||
|
};
|
||||||
|
|
||||||
return isLoaded && tReady ? (
|
return isLoaded && tReady ? (
|
||||||
<FilterInput
|
<FilterInput
|
||||||
t={t}
|
t={t}
|
||||||
@ -258,11 +308,13 @@ const SectionFilterContent = ({
|
|||||||
getSelectedSortData={getSelectedSortData}
|
getSelectedSortData={getSelectedSortData}
|
||||||
onSearch={onSearch}
|
onSearch={onSearch}
|
||||||
getSelectedInputValue={getSelectedInputValue}
|
getSelectedInputValue={getSelectedInputValue}
|
||||||
|
filterHeader={t("Common:Filter")}
|
||||||
contextMenuHeader={t("Common:AddFilter")}
|
contextMenuHeader={t("Common:AddFilter")}
|
||||||
placeholder={t("Common:Search")}
|
placeholder={t("Common:Search")}
|
||||||
isMobile={isMobileOnly}
|
isMobile={isMobileOnly}
|
||||||
viewAs={viewAs}
|
viewAs={viewAs}
|
||||||
viewSelectorVisible={false}
|
viewSelectorVisible={false}
|
||||||
|
removeSelectedItem={removeSelectedItem}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<Loaders.Filter />
|
<Loaders.Filter />
|
||||||
|
Loading…
Reference in New Issue
Block a user