The current UI/UX of assigning users to multiple images is via the Select Multiple Images. It currently does not not fit the UI pattern of the updated assign users or labels UI. This needs to be sorted for a consistent UX across MANAGE, CURATE and ANNOTATE.
[ ] Update dialogue for assigning multiple labels and users.
^ dialogue opens when users action: clicks on the Assign Labels and Users icon
^ dropdown menu which allows users to tick the labels they wish to assign and search in the typefield, i.e. input Exa should filter the list and bring up Example 1, Example 2 and not show labels that don't match up – users can type a new custom label that doesn't exist and will be promoted by 'add' label in place of 'edit or delete' labels [similar to GitHub]
^ bottom of the dropdown menu allows users to to edit or delete their labels
^ warning dialogue should show ONLY if user is trying to delete label which is assigned to images, those labels with no assigned labels can be delete instantly
^ dropdown menu which allows users to tick the users they wish to assign and search in the typefield, i.e. input Jos should filter the list and bring up Joshua James Smith and not show names that don't match up
^ selected users should update immediately below – at least visually even if the backend may take a minute to process request. NOTE: The text (i.e. label or user names) in the curved-edge boxes should be black, not green – for UX and legibility purposes.
Problem
Issue spilt from https://github.com/gliff-ai/curate/issues/228.
The current UI/UX of assigning users to multiple images is via the
Select Multiple Images. It currently does not not fit the UI pattern of the updated assign users or labels UI. This needs to be sorted for a consistent UX across MANAGE, CURATE and ANNOTATE.Solution
Relates to https://github.com/gliff-ai/manage/issues/170 – @SilviaZeta set up this UI pattern, which applies here. Relates to https://github.com/gliff-ai/curate/issues/338 + https://github.com/gliff-ai/annotate/issues/386.
dialoguefor assigning multiple labels and users.^ dialogue opens when users
action: clickson theAssign Labels and Usersicon^
dropdown menuwhich allows users to tick the labels they wish to assign and search in thetypefield, i.e. input Exa should filter the list and bring up Example 1, Example 2 and not show labels that don't match up – users can type a new custom label that doesn't exist and will be promoted by 'add' label in place of 'edit or delete' labels [similar to GitHub]^ bottom of the
dropdown menuallows users to to edit or delete their labels^ warning dialogue should show ONLY if user is trying to delete label which is assigned to images, those labels with no assigned labels can be delete instantly
^
dropdown menuwhich allows users to tick the users they wish to assign and search in thetypefield, i.e. inputJosshould filter the list and bring upJoshua James Smithand not show names that don't match up^ selected users should update immediately below – at least visually even if the backend may take a minute to process request. NOTE: The text (i.e. label or user names) in the curved-edge boxes should be black, not green – for UX and legibility purposes.
Considered Alternatives
N/A