FilterOldManage
components/filter/old/Manage.vue
The full filter-management surface, shown in a UxModal — every filter as a FilterOldManageItem row with click-to-edit, an add-rule row, a non-deletable timeframe row (FilterOldTimeframe), and Delete All / Cancel / Apply. Keeps a local draft (localFilters) and only emits on Apply; Cancel discards. Still used live as Filter's Config-button modal content (not yet redesigned).
Filter
method
is
GET
Delete
status
is not
200
Delete
When
is
When
=
Past 24 hours
Add Rule
Delete All
Normally shown inside a UxModal via Filter's "Manage" link — see the Filter demo.
Scenarios
Empty — no filters
Filter
When
is
When
=
Past 24 hours
Add Rule
components/filter/old/Manage.vue
Usage
<FilterOldManage
:filters = "[]"
:availableKeyDefs = "[]"
:valSuggestions = "{}"
:filterKeyDefs = "[]"
:timeframe = "true"
:timeframeValue = "timeframeValue"
:timeframeOptions = "[]"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| filters | Array | [] | { key, operator, val }[] — current filters, copied into a local draft on mount/change. |
| availableKeyDefs | Array | [] | FilterKeyDefinition[] offered when adding a new row. |
| valSuggestions | Object | {} | Map of key -> string[] value suggestions. |
| filterKeyDefs | Array | [] | FilterKeyDefinition[] — full key vocabulary. |
| timeframe | Boolean | true | Whether to show the timeframe row. |
| timeframeValue | [String, Number] | null | Forwarded straight through to the embedded FilterOldTimeframe. |
| timeframeOptions | Array | [] | { value, label }[] forwarded to the embedded FilterOldTimeframe. |
Events
| Event | Description |
|---|---|
| close | Fired with the updated filters array on Apply, or with no argument on Cancel. |
| update:timeframeValue | Fired with the newly selected timeframe value. |
| requestKeySuggestions | Fired on key-input focus. |
| requestValSuggestions | Fired with { key } on value-input focus or key selection. |