FilterDatasetViewSelector

components/filter/DatasetViewSelector.vue

Headless-UI listbox for switching the active dataset view (org context) — trigger row plus a dropdown of named options with a checkmark on the current selection and an optional "Manage" row at the bottom.

Dataset View:
Scenarios
Disabled — "Not Applicable"
Dataset View:
Not Applicable
With Manage row
Dataset View:
Not Applicable
components/filter/DatasetViewSelector.vue

Usage

<FilterDatasetViewSelector modelValue = "undefined" :options = "[]" :disabled = "true" :canManage = "false" />

Props

PropTypeDefaultDescription
modelValueStringundefinedSelected option's id. undefined represents "All"/no-context.
optionsArray[]{ id, name }[] — id undefined represents the "All"/no-context option.
disabledBooleantrueShows a "Not Applicable" row instead of the trigger.
canManageBooleanfalseShows the "Manage" row at the bottom of the dropdown.

Events

EventDescription
update:modelValueFired with the newly selected option's id.
manageFired when the "Manage" row is clicked — consumer handles navigation.

Slots

SlotDescription
iconOptional icon shown beside the trigger label and the disabled state (no default — app.qpoint.io's dataset-view glyph is app-local).

Related

Qpoint Brand Style Guide