vrr/Pulse
2
0
Fork 0
mirror of https://github.com/rcourtman/Pulse.git synced 2026-05-05 07:08:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(recovery): add canonical item type filtering

Browse source
This commit is contained in:
rcourtman 2026-03-26 01:28:53 +00:00
parent 8834f71d1c
commit ce3511568d
36 changed files with 680 additions and 167 deletions
Download patch file Download diff file Expand all files Collapse all files

30
frontend-modern/src/components/Recovery/RecoveryProtectedInventorySection.tsx
View file

@ -23,6 +23,10 @@ import {
getRecoveryProtectedItemsFailureState,
getRecoveryProtectedItemsLoadingState,
} from '@/utils/recoveryEmptyStatePresentation';
import {
getRecoveryItemTypePresentation,
normalizeRecoveryItemTypeQueryValue,
} from '@/utils/recoveryItemTypePresentation';
import {
getRecoveryArtifactColumnLabel,
getRecoveryRollupAgeTextClass,
@ -54,6 +58,8 @@ interface RecoveryRollupSummary {
interface RecoveryProtectedInventorySectionProps {
filteredRollups: Accessor<ProtectionRollup[]>;
historyOutcomeFilter: Accessor<'all' | RecoveryOutcome>;
itemTypeFilter: Accessor<string>;
itemTypeOptions: Accessor<string[]>;
isMobile: boolean;
kioskMode: boolean;
onSelectRollup: (rollupId: string) => void;
@ -65,6 +71,7 @@ interface RecoveryProtectedInventorySectionProps {
rollups: Accessor<ProtectionRollup[]>;
rollupsSummary: Accessor<RecoveryRollupSummary>;
setHistoryOutcomeFilter: (value: 'all' | RecoveryOutcome) => void;
setItemTypeFilter: (value: string) => void;
setProtectedStaleOnly: (value: boolean | ((prev: boolean) => boolean)) => void;
setProviderFilter: (value: string) => void;
setQueryFilter: (value: string) => void;
@ -95,6 +102,7 @@ export const RecoveryProtectedInventorySection: Component<
let count = 0;
if (props.queryFilter().trim() !== '') count += 1;
if (props.providerFilter() !== 'all') count += 1;
if (props.itemTypeFilter() !== 'all') count += 1;
if (props.historyOutcomeFilter() !== 'all') count += 1;
if (props.protectedStaleOnly()) count += 1;
return count;
@ -197,6 +205,28 @@ export const RecoveryProtectedInventorySection: Component<
showFilters={!props.isMobile || protectedFiltersOpen()}
toolbarClass="lg:flex-nowrap"
>
<LabeledFilterSelect
id="recovery-item-type-filter"
label="Item Type"
value={props.itemTypeFilter()}
onChange={(event) =>
props.setItemTypeFilter(
normalizeRecoveryItemTypeQueryValue(event.currentTarget.value) || 'all',
)
}
selectClass="min-w-[10rem] max-w-[14rem]"
>
<For each={props.itemTypeOptions()}>
{(itemType) => (
<option value={itemType}>
{itemType === 'all'
? 'All Item Types'
: getRecoveryItemTypePresentation(itemType)?.label || itemType}
</option>
)}
</For>
</LabeledFilterSelect>
<LabeledFilterSelect
id="recovery-provider-filter"
label="Platform"