GithubHelp home page GithubHelp logo

Comments (9)

sualko avatar sualko commented on August 25, 2024 2

I added your first 3 points to the contact menu:

  • Last message written with that person
  • Online status directly on the avatar
  • Clicking the avatar should launch a chat

screenshot from 2017-06-27 13-28-24

from jsxc.nextcloud.

sualko avatar sualko commented on August 25, 2024

As mentioned earlier it would be cool to unify the contact list, but not every xmpp contact is in the users address book. We would need a way to manipulate this list on the client side (adding, removing, updating xmpp contacts).

  • Online status is already visualized by a colored bubble in the top right corner of the chat icon
  • Last message: I think this would be possible
  • Notification? What do you mean? Is there a nc js api for this? Jsxc already displays html5 notifications.
  • Ordering: How can I manipulate the order on client side, because the hole xmpp stuff is handled client-side?

from jsxc.nextcloud.

jancborchardt avatar jancborchardt commented on August 25, 2024

Online status is already visualized by a colored bubble in the top right corner of the chat icon

Yup, and that should ideally also go into the Contacts menu. :) As was commented at nextcloud/server#207 (comment)

Notification? What do you mean? Is there a nc js api for this? Jsxc already displays html5 notifications.

I mean simply changing the Contacts menu icon to full opacity and maybe adding a red bubble to it when there is a new message.

Ordering: How can I manipulate the order on client side, because the hole xmpp stuff is handled client-side?

@ChristophWurst @georgehrke can you advise here? :)

from jsxc.nextcloud.

sualko avatar sualko commented on August 25, 2024

Yup, and that should ideally also go into the Contacts menu.

I meant it's already there (maybe it's to small 😋):
screenshot from 2017-05-30 17-17-49

maybe adding a red bubble to it when there is a new message.

If there is an api for that, I am happy to use it. Otherwise I could create a red bubble by myself, but I think it should be all little more "official".

from jsxc.nextcloud.

jancborchardt avatar jancborchardt commented on August 25, 2024

@sualko alright! I meant having the bubble on the avatar, as it currently is in the sidebar of the Chat app. :) And another point of enhancement (added it above too):

  • if the chat app is installed, clicking anywhere on the avatar or name should also launch a chat. :)

from jsxc.nextcloud.

sualko avatar sualko commented on August 25, 2024

I meant having the bubble on the avatar

We have to consider, that there could be cases where people have multiple accounts, e.g. work and privat, linked in a contact. One solution would be to aggregate those presences and show only the highest available on the avatar. On hover we could show more details. We have a similar issue if we like to launch a chat by clicking on an avatar if it belongs to an address book entry and not to an nc user. Any ideas how to solve this?

from jsxc.nextcloud.

jancborchardt avatar jancborchardt commented on August 25, 2024

@sualko good point. We could presume that the default is one chat account. If there are multiple ones, clicking on the avatar/name could also open the 3-dot menu with the different chat accounts in there and user handles showing next to them as we do when people have several email addresses.

And yes, the highest »available« status should be used for the avatar. Meaning if you are online on any of your accounts, you will show as online.

from jsxc.nextcloud.

jancborchardt avatar jancborchardt commented on August 25, 2024

Awesome! Check it out @karlitschek @ChristophWurst :)

from jsxc.nextcloud.

karlitschek avatar karlitschek commented on August 25, 2024

wow. this is suuuper cool

from jsxc.nextcloud.

Related Issues (20)

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.