Open
Description
Description:
The current batch processing view (BatchView.vue
) requires users to manually paste their list of variants. To improve usability and provide clear examples of expected input formats, we should add predefined example variant lists and a button to easily populate the textarea with them.
Desired Behavior:
- Display a section below the main input textarea showing example use cases (e.g., "Example: Common FSGS Variants", "Example: HGVS & VCF Mix").
- Each example should have a button or link (e.g., "Use this example").
- Clicking an example button should clear the current textarea content and populate it with the corresponding predefined list of variants.
Implementation Ideas:
- Define example variant lists (strings, potentially multi-line) within
BatchView.vue
's script or import from a dedicated config file. - Add a section in the
BatchView.vue
template to display the examples and buttons usingv-card
,v-list
, or similar components. - Implement a
prefillExample(exampleData)
method inBatchView.vue
that updates thevariantsInput
ref bound to thev-textarea
.
Tasks:
- Define 2-3 representative example variant lists (e.g., VCF only, HGVS only, mixed).
- Add UI elements in
BatchView.vue
to display these examples and trigger prefilling. - Implement the
prefillExample
method. - Ensure textarea content is cleared before prefilling.
Motivation:
Lowers the barrier to entry for using the batch feature, provides clear formatting guidance, and allows users to quickly test the functionality.