Frappe Chat 2.0 Features & Issues

ToDo

• Goofed up. DocField migration. 😢
• Mobile Scrolling does not occur on Mobile.
• Browser issues?
• If scrolling on top, don’t make it bottom.
• Chat Message and Room Deletion Cases
• Close Chat Popper on Reference Click (Only for Mobile)
• Fix Full Width Borders
• Deleting a User should also delete its Chat Profile. Or should we keep dead references?
• Username Should be mandatory.
• UI Testing
• Docs and DocStrings
• Notifications (Unread Message Notifications) + Unread Count.
• Figure Out List Scrollable CSS on Panel Widget.
• Namespace Components not Panels (Not Required, used LESS selector).
• Quick Assign and Share within Chat Window.
• Track Seen (Refer to _seen from Doc)
• Mobile First and Responsive.
• Attachments (Camera and Files).
• Emojis
• Draggable across Screen Corners (Important, to enable system interaction).
• Destroy Chat Object to re-render.
• Message Ring.
• CheckList on Select Users for Group. (Such a good Feature, Not sure why it hasn’t been merged yet).
• Visitor Handling
• Show Chat Room List that only has session.user in it.
• Make Chat Room pagination configurable.
• Only Owners can edit the DocType Record. (Chat Room)
• Scroll Chat to Bottom
• Direct Room between one-2-one must render.
• Figure out throttle time for chat and typing statuses. This is important to also check last seens and online.
• ONE LINE ELLIPSES FOR RoomList
• Chek Firefox Socket Throttling.
• BUG - Group can have 0 members.

Related Issues

• Chat Profile error based on User Permissions #4711
• #4719
• #4766
• #4768 @creamdory

Changes by Rushabh

• Margin on Input
• Shadow of FAB same as Desktop Icon
• Increase Height of Popper ChatForm (Padding within TextView Composer)
• Empty state add Start Chat (within Chat Popper)
• Avboid Events within Page
• panel-default for Chat Form Header
• FAB shouldn’t be primary.
• Chat Background (new section, collapse it).
• Remove Help, add Chat instead. (Reverted)
• Configure FAB with navbar instead.
• align list and search bar to left.
• Find out a way to trigger User updates.
• Make drop shadow like Modal
• Panel not be Primary (+ should not be primary)
• Search on Top
• Darker Panel Top
• Chat Bubble Little. Looks for Telegram iPhone like feel
• Cache Rooms and Messages for Quick Pull.
• Make Navbar Icon Toggle active on click.
• Leave Group (And which component would be best?)

Changes by Faris

• Click anywhere outside chat to close
• Menu group btn instead of close button
• Handle 404 images

Changes by Saurabh

• Handle notifications when closed. Better UI?

Changes by Raghu

• When someone mentions a user just show username with may be bold font, don’t show whole email id.
• create good default user permissions so that users can check each other profile.
• Should we disable conversation tones by default? most of the users will be working in corporate setting so it may be a bit annoying.
• Feature request for quoted reply.[ if possible editable quotes]
• Just a wild feature request, can we integrate sms alerts, for a scenarios when one user wants to send sms directly from the chat to another if he is offline.
• Reduce 1s or 2 s delay in chat appearing in the widget after sending
• Do not change html title of the page (see comment below for screenshot)
• Add Keyboard navigation(up and down arrow for selecting in list) after searching for user.
• Instead (or in addition to) of showing new button, can we have ability to insert multiple users in a coma separated list (example in email or in some tagging UI, pressing tab can help in completing the name. In case there are multiple names it should be a group chat and vice versa.
• Permission Issue when checking out other user’s profile, I think default should have some form of basic view - last seen, profile picture, post in the company, status etc
• Add markdown support.
• More complete emoji collection, current one doesn’t have tones, also tab completion and keyboard navigation of the suggestion list.
• Ability to mail oneself his chat history with others (needs discussion, can be based on permission given by admin) (Can be achieved via reports).

Issues by Kenneth

• https://github.com/frappe/frappe/issues/5120
• #4852 - Chat window jumping on typing status
• Lower the volume of “Chat sent” sound or change the sound to something softer like a tick http://soundbible.com/2044-Tick.html
• Add Web Push Notification. Current notification only works if the user is in the same window. If the user is in the current window, the sound is the only way to attract his/her attention. Rather add a web notification to enhance the UX.
• embed links/website preview

Changes by Shreya

• Stop the webcam after camera dialog is closed.

Chat Features integrated from Frappe Chat 1.0

Issues by Umair

• DocType references
• Attachments

Issues by Ameya

• Send toast, but dont send message if not online

Website Chat

[achillesrasquinha]

FYI

You can add Push Notifications as follows

if ( frappe.browser.Notification ) {
        Notification.requestPermission(status => {
            if ( status === "granted" ) {
                frappe.chat.message.on.create(message => {
                    const user = frappe.user.full_name(message.user);

                    if ( user !== "You" ) {
                        frappe.chat.room.get(message.room, room => {
                            const name  = room.type === "Direct" ? user : room.room_name;
                            const title = `New message from ${name}`;
    
                            frappe.notify(title, {
                                body: `${user}: ${message.content}`
                            });
                        });
                    }
                });
            }
        });
}

Too bad this wasn’t considered by the core team. More than welcome to use this script.

[adityaduggal]

Shouldn’t ERPNext Chat have the ability to serve the visiting Customers or Potential leads just like any other application where users click on the LINK on website to start chatting with a SUPPORT staff who is ONLINE, or is this feature already there?