diff options
author | samogot <samogot@gmail.com> | 2016-07-30 03:54:42 +0900 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2016-07-29 14:54:42 -0400 |
commit | 748fdef1fbded624a786533e8f065b91a047b91c (patch) | |
tree | b329aeeed4d5cf5a1e357ddfd3bdc38c3f7ad11a /webapp/components/popover_list_members.jsx | |
parent | c084c4ae4d12ad92941b54cbbda623320e93be22 (diff) | |
download | chat-748fdef1fbded624a786533e8f065b91a047b91c.tar.gz chat-748fdef1fbded624a786533e8f065b91a047b91c.tar.bz2 chat-748fdef1fbded624a786533e8f065b91a047b91c.zip |
Online status in all modals (#3617)
* add wrapper to modal avatar image which show small round indicator of online/away status of member in all modals
* add offline indicator
* the color of the status indicators follow the theme
Diffstat (limited to 'webapp/components/popover_list_members.jsx')
-rw-r--r-- | webapp/components/popover_list_members.jsx | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/webapp/components/popover_list_members.jsx b/webapp/components/popover_list_members.jsx index 306fa7a2e..0b318d487 100644 --- a/webapp/components/popover_list_members.jsx +++ b/webapp/components/popover_list_members.jsx @@ -88,18 +88,24 @@ export default class PopoverListMembers extends React.Component { } if (name) { + if (!m.status) { + var status = UserStore.getStatus(m.id); + m.status = status ? 'status-' + status : ''; + } popoverHtml.push( <div className='more-modal__row' key={'popover-member-' + i} > - <img - className='more-modal__image' - width='26px' - height='26px' - src={`${Client.getUsersRoute()}/${m.id}/image?time=${m.update_at}`} - /> + <span className={`more-modal__image-wrapper ${m.status}`}> + <img + className='more-modal__image' + width='26px' + height='26px' + src={`${Client.getUsersRoute()}/${m.id}/image?time=${m.update_at}`} + /> + </span> <div className='more-modal__details'> <div className='more-modal__name' |