FilterOldEmbed

components/filter/old/Embed.vue

No-chrome variant of the filter list/edit UI — same add/edit rows as FilterOldManage (key input, operator select, value input, suggestion dropdowns) without the modal wrapper, header, or footer buttons; edits apply immediately rather than needing Apply/Cancel. Still used live as Filter's embed=true fallback (not yet redesigned).

method
is
GET
Delete
Scenarios
Empty
Several filters
method
is
GET
Delete
status
is not
200
Delete
destination
contains
qpoint
Delete
bin
tag exists
Delete
components/filter/old/Embed.vue

Usage

<FilterOldEmbed :filters = "[]" :availableKeyDefs = "[]" :valSuggestions = "{}" :filterKeyDefs = "[]" />

Props

PropTypeDefaultDescription
filtersArray[]{ key, operator, val }[] — current filters.
availableKeyDefsArray[]FilterKeyDefinition[] not already used by an existing filter — offered when adding.
valSuggestionsObject{}Map of key -> string[] value suggestions.
filterKeyDefsArray[]FilterKeyDefinition[] — full key vocabulary, used to resolve operators and tag-vs-attribute type per key.

Events

EventDescription
update:filtersFired with the full updated filters array on add/edit/delete.
requestKeySuggestionsFired on key-input focus so the consumer can (re)fetch availableKeyDefs.
requestValSuggestionsFired with { key } on value-input focus so the consumer can fetch valSuggestions[key].

Related

Qpoint Brand Style Guide