Giter Club home page Giter Club logo

monkey-chat-web's People

Contributors

danieltigse avatar erikaperugachi avatar giannicarlo avatar hirobreak avatar raquelvillon avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

monkey-chat-web's Issues

Show METADATA of user and groups UX/UI

Example of SLACK

captura de pantalla 2016-07-29 a las 13 22 04

AS we see in the right sidebar we have all the info related to the GROUP.

WE should have a way to add a side bar or the BURGER ICON in the right , to see this info. I already speak with @Hirobreak to show this info, but I think this is a good way to show in UI @fluxny75 .

Implement `Exit` event

Monkey SDK v0.5.5. This will help when users clean their cache, it should prompt them to login again

Add documentation about sample customization

  • User session
  • Log in of the user session with login form
  • - - [x] Creating new user session
  • - - [x] Open existing user session
  • - - [x] Set up loading view to log in user session
  • Save user session
  • Log out of the user session
  • Edit name of the user session
  • Conversation
  • Message

Handle Search of second list with a custom callback function

Inside

handleSearchUpdate(term)

We need to handle the new list of search of users , we can pass a function so the developer can handle the search pretty well.

Currently we are working with a hack using window.seachFunctionexposed and is an ASYNC function. In that function we are obtaining user data from a 3rd party service that will be used to create conversations.

Adapt CSS

Adapt css with two pages to mobile screen

Overwrite css

Components are being moved when embedded in a website. We shouldn't let this happen

Example for cases in front end UI conversations

Avatar selection for conversation list.

I need to show an example on how developer can decide which avatar to show in the conversation list row that displays a group conversation.

Group conversations have their own info of the group and avatar/group icon . Sometimes developers will want to show in the OPERATOR side the avatar of the USER and not the group ICON, or maybe a different URL that is defined by developer. The same can happen in the client side, where maybe he wants to see the avatar of the Company (that can be the group icon)

File error handling in UI

For the lib to handle
https://github.com/Criptext/react-monkey-ui

In the UI , the file when is not sent, the bubble keeps "loading". Should not do that. It should show the failure button for resend.

There is a weird problem when file is send and the thread never cleans. A sync problem can happen because of AMQP, we need to replace that

Sending sync on reconnect

If the sample has the flag of Monkey autoSync set to false then it should request the pending messages at some time after the reconnection. Failing to do this, might lead to lost messages as I can receive new messages in real time

Shippify

  • When the conversation is very old should show the date it was sent or received the message and not just the time.
  • The function monkey.close() delete all local storage of browser and delete session's cookies of my web application.

Set focus to the input when I change from conversation

When I click in another conversation, I would like to write immediately .

Will help if we set focus on the input of the text right away we change the conversation, so we don't need to move the mouse to the input field.

Manual

  • Email add email@to
  • number change to words
  • The suggestion in italic:
    You can add this container anywhere ...
  • Add name respective:
    Notice that the first field of the function receive the id "myChatLive" of th div ...
  • Add encrypted title
  • The final code, show with the all html body

Conversation lost scroll

  • Mobile or rightside verion: In the conversation list when the conversation is open, the position when pressing back will always return me to the top of the list. It should return me back to the position I was

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.