nielsvanvelzen / hangout Goto Github PK

Currently, you can't tell apart a normal message and a whisper. It would be nice to have some sort of indication to whether a message is a whisper or not.
My suggestion is to add an indicative arrow and the name of the sender/recipient of the whisper. The arrow would point in the direction depending on if the message was sent or received.

The server should be rewritten in ES6 OOP Javascript. The current code is kind of a mess.

Also the websocket library could probably be changed to a faster alternative.

Once a user sends either an .mp3 file or an .mp4 file, we should be able to run those files inline.

Example: Telegram's support where you send a file, the user downloads it and Telegram plays it instead of your default media player.

Should probably add the following CSS:

.message.self.service {
    margin: 0;
}

[redacted]

When too many users are online it causes the list to overflow, this could easily be fixed by adding the ability to scroll in the list.

Add support for tags such as to make things bold, to make things italic.

Add an image property which adds a small user image to the user list. This is done like the /img command where you use the url of an online image as the user image.

Using /me #EC407A"Message", the hexcolour is shown as text instead of an actual colour.

Currently, a command like /img accepts no input and returns empty content wrapped in the correct tags.
The user should know that giving no input is incorrect usage of the command respectively, thus a service message telling the user how to utilize the command would be a nice approach.

The tooltips removed in the last update should return so we can see the properties of each person. This could be done in a lightbox.

When someone spams the /vw command or multiple users used it at the same time everyone gets multiple overlays on his/theirs screen. To fix this we could probably make an global variable (boolean) that is set to true when you have a /vw open and when we try to show a /vw we check for that variable first.

When you post a link to YouTube (like youtube.com/watch?) show the thumbnail of the video when you post it. Optionally you could also make it so you can play the video inline.

It would be nice if the text balloons had timestamps in one of the corners, like the example below.