Chat page

[asvae]

Overview

Chat widget consists of 3 components: (1) chat header, (2) chat messages and (3) message input. Mixing and customising these components should be easy for users. We can consider having multiple behaviours such as (1) chat as one of the widgets on the screen and (2) chat as an overlay modal.

Chat header

• Chat header design 2 #835
• Chat header design 1 #836

Chat messages

• Chat messages design 1 #837
• Chat messages design 2 #838

Message input

• Message input design 1 #839
• Message input design 2 #840

---

Backlog & Ideas

• multiple users chat
• animated stickers
• embedded media playback (like music playback control)
• icons next to user messages (works well for group chats)
• avatar groups for group chats
• online/offline notification for avatars
• map (location) message type
• add media with captions
• actions related to messages: like, edit, delete, forward, quote
• default view for no messages
• right alignment
• floating button to show …

Other

• Chat page design #847

[Saksham-garg]

@asvae Hey I would like to contribute to this issue, can I get started?

[asvae]

@Saksham-garg sorry, labels are a bit outdated right now.

We plan vuestic-admin rework in next month, there we'll plan tasks that are a priority and also have better requirements (the requirements for this task are a brainstorm pretty much).

I would recommend to either check if you like a vuestic-ui good first issue, or wait until we get requirements straight for vuestic-admin. :)

[Saksham-garg]

@asvae That's great, I would love to be part of that for any contribution possible. Thanks for the suggestion :)