Add sent/seen checkmark about vue-advanced-chat HOT 4 CLOSED

Sure that's a good idea. Here are my thoughts:

• Keep the logic for seen messages untouched
• Add a saved property in both messages prop and lastMessage property (inside rooms prop)
• Clone whatsapp UI: single grey checkmark icon when message is sent locally, double grey checkmark when message is saved, and double blue checkmark when message is saved and seen.
• The checkmark icon should be implement in both Message.vue and RoomsList.Vue (for lastMessage) components
• Add customisable css variables theming if necessary for icon colors, as the grey checkmark color doesn't exist yet

Feel free to make a pull request, and don't hesitate to ask me anything!

from vue-advanced-chat.

• Clone whatsapp UI: single grey checkmark icon when message is sent locally, double grey checkmark when message is saved, and double blue checkmark when message is saved and seen.

Shouldn't it be like: singe grey checkmark when the message is saved, double grey when the other user got the message and double blue when the message is seen?

or what do you mean with "sent locally"?

from vue-advanced-chat.

Shouldn't it be like: singe grey checkmark when the message is saved, double grey when the other user got the message and double blue when the message is seen?

Yes you're right.
So we could add saved and distributed properties in both messages prop and lastMessage properties.

from vue-advanced-chat.

saved: single grey checkmark
distributed: double grey checkmarks
seen: double blue checkmarks

from vue-advanced-chat.