Content
View differences
Updated by Oliver Günther over 5 years ago
**As** a user
**I want to** differentiate users from groups and placeholders
**so that** I don't mix them up
**Acceptance criteria**
* All fallback avatars have double letter initials to easily differentiate 100+ different principals.
* Users avatars look different from placeholder users avatars and different from group avatars
* Every principal is easily differentiable by others of the same type (i.e. by color)
**Technical requirements**
* Unify the `UserAvatarComponent` and it's usages into the `OpPrincipalComponent` component
* Unify the `UserAvatarRenderService` into the `PrincipalRendererService`
* Move all avatar related styles into the `op-principal` namespace.
* Separate the avatar and user concerns with two components:
* `<op-principal>`
* `<op-principal-avatar>` that gets used by op-principal
* Remove the `avatarClasses` input and instead pass a stricter `avatarSize` or something like this to differentiate between medium, tiny, default styles
**Here is some "good enough" solution sketch:**
* Users are represented as a colored disc
* Placeholder have no color but a colored dashed outline.
* Groups have a colored disc with a shadow that represents another disc.
Please see ready SASS code [https://github.com/opf/openproject/pull/8885/files#diff-d742eaccd3ecb1db1164b060ef4436a46880be4945da89e0d368d94c3c343b1e](https://github.com/opf/openproject/pull/8885/files#diff-d742eaccd3ecb1db1164b060ef4436a46880be4945da89e0d368d94c3c343b1e)
<mention class="mention" data-id="67565" data-type="user" data-text="@Elio Qoshi">@Elio Qoshi</mention> I remember that you were not convinced about the styles above and had some other ideas such as hexagons for groups. If you still believe to have a better idea it would be great if we could get some specification rather soon.
**I want to** differentiate users from groups and placeholders
**so that** I don't mix them up
**Acceptance criteria**
* All fallback avatars have double letter initials to easily differentiate 100+ different principals.
* Users avatars look different from placeholder users avatars and different from group avatars
* Every principal is easily differentiable by others of the same type (i.e. by color)
**Technical requirements**
* Unify the `UserAvatarComponent` and it's usages into the `OpPrincipalComponent` component
* Unify the `UserAvatarRenderService` into the `PrincipalRendererService`
* Move all avatar related styles into the `op-principal` namespace.
* Separate the avatar and user concerns with two components:
* `<op-principal>`
* `<op-principal-avatar>` that gets used by op-principal
* Remove the `avatarClasses` input and instead pass a stricter `avatarSize` or something like this to differentiate between medium, tiny, default styles
**Here is some "good enough" solution sketch:**
* Users are represented as a colored disc
* Placeholder have no color but a colored dashed outline.
* Groups have a colored disc with a shadow that represents another disc.
Please see ready SASS code [https://github.com/opf/openproject/pull/8885/files#diff-d742eaccd3ecb1db1164b060ef4436a46880be4945da89e0d368d94c3c343b1e](https://github.com/opf/openproject/pull/8885/files#diff-d742eaccd3ecb1db1164b060ef4436a46880be4945da89e0d368d94c3c343b1e)
<mention class="mention" data-id="67565" data-type="user" data-text="@Elio Qoshi">@Elio Qoshi</mention> I remember that you were not convinced about the styles above and had some other ideas such as hexagons for groups. If you still believe to have a better idea it would be great if we could get some specification rather soon.