DalgoT4D / webapp

GNU Affero General Public License v3.0
8 stars 35 forks source link

Redesign drop function to allow select all and to match format of cast function #1051

Closed nairabhishek73 closed 1 month ago

nairabhishek73 commented 3 months ago
Screenshot 2024-07-26 at 4 12 22 PM

Adhyayan: Currently I need to type each name and then select it and then type the next name and select it. This is very time consuming and difficulg

Instead of a dropdown could we have it more like the cast list with a search bar at the top and a select all checkbox.

So when I type ab, all the items with ab show up and I can hit the checkbox and select all.

Similarly if i type and somethings are selected and I want to unselect them, i hsould be able to view and do that easily.

fatchat commented 3 months ago

i didn't understand "type ab and then select all" this sounds like a special case where several columns contain the string "ab" and we want to drop all of them

for me the fastest ux doesn't require my hands to leave the keyboard - i type, possibly use the arrows, and press Enter. then repeat for the next column. this is what we currently have btw, it is very fast and very easy on the fingers

nairabhishek73 commented 3 months ago

https://jam.dev/c/a8024a4f-3f32-45af-b585-49fac61cdd7b

This is a common use case. Field names are related to form design which often will have a common start/end.

You will also notice that regardless of mouse or keyboard you need one click per column. The aim is to make it possible to select or unselect more than one item with one one click.

This also ties into the use case of selecting all and then unselecting the columns I want to keep.

fatchat commented 2 months ago

We are going to ask T201 for an opinion / design

Ishankoradia commented 1 month ago
Screenshot 2024-09-20 at 12 35 13

@nairabhishek73 let me know if this works ? Changed the design to cast op form like. Checkbox besides search is for selectAll

nairabhishek73 commented 1 month ago

Hi Ishan, as discussed with rohit I got designs for this from Think 201, please refer to this, iteration 2: https://www.figma.com/proto/qLRsjTZGNmoM1h1sy8alux/Dalgo-Designs?page-id=8474%3A34&node-id=8833-5718&node-type=frame&viewport=1110%2C372%2C0.27&t=XKANc6MJX7hn0V7d-1&scaling=min-zoom&content-scaling=fixed