search

Tradeshift / tradeshift-ui

The Tradeshift UI Library & Framework
https://ui.tradeshift.com
Other
33 stars 45 forks source link

[UserImage] Support for table and aside selector #142

Closed nsp918 closed 7 years ago

nsp918 commented 7 years ago

I am working on Task manager which requires a way to select and manage users / teams. It would be great to have UserImages shown in table and aside selectors. Here are some concept arts: screen shot 2017-02-07 at 12 05 55 screen shot 2017-02-07 at 12 07 44

wiredearp commented 7 years ago
  1. There's an existing request for UserImage in Table over on https://github.com/Tradeshift/tradeshift-ui/issues/87 (although I'm not completely sure you would want that team overview as a Table). We'll work on that feature sometimes soon.
  2. You can already put the UserImage in the Aside, since it can contain any kind of HTML.

... But maybe you are requesting a UserCard instead of just an image, which also shows the name and email address? In that case, @jerf, that would be the UserCard in an "inline card" form factor (where we currently only support in in an Aside "details" view). Do we want to support the entire UserSelector component?

It also looks like you can request another component based on the screenshot: The TeamImage (and the TeamCard, which also shows the name). I know we've had requests on this from @tstapleton sometimes earlier, but the feature request was lost in time :cry:

wiredearp commented 7 years ago

@nsp918: I've added a section about about picking user(s) from a list over on http://ui.tradeshift.com/#components/userimages/.

Note that you can't use it even if you want to :cry: You can only use it if you upgrade your local development machine to use the latest alpha version of Tradeshift UI (version 7.0.0-alpha.24) and we are not completely sure when that will be in master for the app to use in production. Also: The design has not been approved yet (by @jerf) and it also doesn't look like the design you have, it is however (more) consistent with the other selection lists in Tradeshift UI.