Refactoring: My groups / Other groups pages

Question

Refactoring: My groups / Other groups pages

astappiev opened this issue 3 years ago · 19 comments

astappiev commented 3 years ago

Existing pages:

Should be refactored using "modern" style, I think it should be PrimeFaces Card component.

This includes:

add tags to the group's Options page, similar to resources' tags, group leader should be able to enter multiple tags
add a picture to each group, group leaders should be able to edit it in Options
by default, if there is no picture provided, we should generate one similar to user avatars, but use full group name instead of Initials. If the name is too long (more than ~50 char) replace the rest with 3 dots. The font size should be adjusted according to title length.
Show the picture on group's Overview page
Update layout of My groups / Other groups pages using Card component
all other filter options and ability to change order should be present on top of the page
Find groups page (Other groups) should collect tags from all groups user participate in, and rank results based on number of overlapped tags
Update and view of My groups / other groups pages according to the sketch:
(https://app.moqups.com/2ejOQyXfdx1HYq5o79ebBLosSX7gTcP2/view/page/ad0fc2031)

Answer 1 · 2021-10-30T11:37:09.000Z

In GitLab by @Capac95 on Oct 30, 2021, 13:37

created merge request !95 to address this issue

Answer 2 · 2021-11-11T11:40:12.000Z

In GitLab by @Capac95 on Nov 11, 2021, 12:40

@astappiev I got some errors with migration after doing some sql adding like this:

Migration checksum mismatch for migration version 1
-> Applied to database : -2136772814
-> Resolved locally : 1462858654. Either revert the changes to the migration, or run repair to update the schema history.

Answer 3 · 2021-11-28T23:52:41.000Z

In GitLab by @Capac95 on Nov 29, 2021, 24:52

marked the checklist item add tags to the group's Options page, similar to resources' tags, group leader should be able to enter multiple tags as completed

Answer 4 · 2021-11-29T10:35:24.000Z

In GitLab by @Capac95 on Nov 29, 2021, 11:35

marked the checklist item add a picture to each group, group leaders should be able to edit it in Options as completed

Answer 5 · 2021-12-03T12:13:05.000Z

In GitLab by @Capac95 on Dec 3, 2021, 13:13

marked the checklist item Show the picture on group's Overview page as completed

Answer 6 · 2021-12-05T22:52:37.000Z

In GitLab by @Capac95 on Dec 5, 2021, 23:52

marked the checklist item Find groups page (Other groups) should collect tags from all groups user participate in, and rank results based on number of overlapped tags as completed

Answer 7 · 2021-12-12T20:49:47.000Z

In GitLab by @Capac95 on Dec 12, 2021, 21:49

marked the checklist item by default, if there is no picture provided, we should generate one similar to user avatars, but use full group name instead of Initials. If the name is too long (more than ~50 char) replace the rest with 3 dots. The font size should be adjusted according to title length. as completed

Answer 8 · 2021-12-12T21:10:21.000Z

In GitLab by @Capac95 on Dec 12, 2021, 22:10

marked the checklist item all other filter options and ability to change order should be present on top of the page as completed

Answer 9 · 2022-01-03T15:15:13.000Z

In GitLab by @Capac95 on Jan 3, 2022, 16:15

@astappiev Do we have meeting right now, because maybe no one is there? I want to ask more about the Cards layout

Answer 10 · 2022-01-04T15:42:26.000Z

Hi Trung, yes, we had the meeting yesterday. You can ask your questions anytime here.

Answer 11 · 2022-01-14T13:45:23.000Z

A mock-up for the new layout

Grid view
https://app.moqups.com/2ejOQyXfdx1HYq5o79ebBLosSX7gTcP2/view/page/ad0fc2031

Single card view
https://app.moqups.com/2ejOQyXfdx1HYq5o79ebBLosSX7gTcP2/view/page/a16680761

Answer 12 · 2022-01-17T09:00:54.000Z

In GitLab by @PhilippKemkes on Jan 17, 2022, 10:00

Shall this replace the list or shall it be only an optopmal grid view?

What do you plan to use as image?

Have in mind that descriptions can be missing (for many groups) or be very long.

That looks really old fashioned. I think there is no need for a visit option. The group title should be linked.

Answer 13 · 2022-01-17T10:26:20.000Z

Shall this replace the list or shall it be only an optopmal grid view?

Yes, it should be a replacement

What do you plan to use as image?

Similar to avatars, a colored title by default.

Have in mind that descriptions can be missing (for many groups) or be very long.

True, we should cut long descriptions.

That looks really old fashioned. I think there is no need for a visit option.

I agree, but Ivana asked "how to visit a group?" when I sent the first sketch without any buttons.

Answer 14 · 2022-02-25T23:01:39.000Z

In GitLab by @Capac95 on Feb 26, 2022, 24:01

marked the checklist item Update layout of My groups / Other groups pages using Card component as completed

Answer 15 · 2022-04-21T11:29:23.000Z