Project

General

Profile

Actions

Feature #18203

closed

Support setting multi properties at once

Added by Daniel Kutyła about 1 year ago. Updated 4 months ago.

Status:
Resolved
Priority:
Normal
Assigned To:
Category:
Workbench2
Target version:
Start date:
06/16/2022
Due date:
% Done:

100%

Estimated time:
(Total: 0.00 h)
Story points:
-
Release relationship:
Auto

Description

Users want to be able to efficiently set multiple values on a property. Currently this is annoying because after adding the key-value property, they have to re-select the key.

Proposed solution:

  • After entering a value and hitting enter or clicking "Add", the "key" field is not cleared
  • Focus remains on the "value" field, so that the user can immediately start typing the next value
  • If focus enters the "key" field (by clicking) the value of the "key" field is cleared, but clicks on the "key" field while it has focus just does the normal thing of moving the cursor

Using a multi-select control (with check boxes) was rejected for the initial implementation as being (a) more complex to implement and (b) conflicting with free text entry and autocomplete behavior and (c) not necessarily easier to use, if the list of options is very long, the user would need to scroll (and/or autocomplete would need to be redesigned).

We will implement the proposed solution first and seek feedback.

Original description:

Properties in Arvados allow multiple values for a key. Setting these could be streamlined by allowing multiple selections at once. This could be done using such a component.
https://stackblitz.com/edit/react-mui-multiselect-dropdown?file=src/DemoDropdown.jsx


Subtasks 1 (0 open1 closed)

Task #19178: Review 18203-Support-setting-multi-properties-at-onceResolvedPeter Amstutz06/16/2022

Actions
Actions #1

Updated by Moritz Gilsdorf 6 months ago

This stackblitz does not seem to work anymore. But I could imagine that this component is exactly doing what user would want
https://npm.io/package/multiselect-react-dropdown

The use case which our users have is that they want to select a number of values at once that start with the same prefix. I think this component is doing exactly what they would like to see: https://multiselect-react-dropdown.vercel.app/?path=/docs/multiselect-dropdown--flat-array

Actions #2

Updated by Peter Amstutz 6 months ago

  • Target version set to 2022-06-22 Sprint
Actions #3

Updated by Peter Amstutz 6 months ago

  • Description updated (diff)
  • Tracker changed from Bug to Feature
Actions #5

Updated by Peter Amstutz 6 months ago

  • Category changed from Workbench2 to Workbench2
  • Project changed from Arvados Workbench 2 to Arvados
Actions #6

Updated by Peter Amstutz 6 months ago

  • Target version changed from 2022-06-22 Sprint to 2022-06-08 sprint
  • Assigned To set to Daniel Kutyła
Actions #7

Updated by Peter Amstutz 6 months ago

  • Target version changed from 2022-06-08 sprint to 2022-06-22 Sprint
Actions #8

Updated by Daniel Kutyła 6 months ago

New version: https://dev.arvados.org/projects/arvados/repository/arvados-workbench2/revisions/6c42bd0ca04911ece6403af74852a1e34d483c8f
Test run: developer-tests-workbench2: #748
Branch: 18203-Support-setting-multi-properties-at-once

Added multi props support

Actions #9

Updated by Peter Amstutz 6 months ago

Daniel Kutyła wrote in #note-8:

New version: https://dev.arvados.org/projects/arvados/repository/arvados-workbench2/revisions/6c42bd0ca04911ece6403af74852a1e34d483c8f
Test run: developer-tests-workbench2: #748
Branch: 18203-Support-setting-multi-properties-at-once

Added multi props support

This LGTM

Actions #10

Updated by Daniel Kutyła 6 months ago

  • % Done changed from 0 to 100
  • Status changed from New to Resolved
Actions #11

Updated by Peter Amstutz 4 months ago

  • Release set to 52
Actions

Also available in: Atom PDF