Sort of display read avatars but without live updating

This commit is contained in:
David Baker 2015-11-02 18:55:28 +00:00
parent 159f0c9594
commit 11c38014e5

View File

@ -20,6 +20,7 @@ var React = require('react');
var classNames = require("classnames"); var classNames = require("classnames");
var sdk = require('matrix-react-sdk') var sdk = require('matrix-react-sdk')
var MatrixClientPeg = require('matrix-react-sdk/lib/MatrixClientPeg')
var EventTileController = require('matrix-react-sdk/lib/controllers/molecules/EventTile') var EventTileController = require('matrix-react-sdk/lib/controllers/molecules/EventTile')
var ContextualMenu = require('../../../../ContextualMenu'); var ContextualMenu = require('../../../../ContextualMenu');
@ -72,6 +73,25 @@ module.exports = React.createClass({
this.setState({menu: true}); this.setState({menu: true});
}, },
getReadAvatars: function() {
var avatars = [];
var room = MatrixClientPeg.get().getRoom(this.props.mxEvent.getRoomId());
var userIds = room.getUsersReadUpTo(this.props.mxEvent);
var MemberAvatar = sdk.getComponent('atoms.MemberAvatar');
for (var i = 0; i < userIds.length; ++i) {
var member = room.getMember(userIds[i]);
avatars.push(
<MemberAvatar member={member} width={14} height={14} resizeMethod="crop" />
);
}
return <span>{ avatars }</span>;
},
render: function() { render: function() {
var MessageTimestamp = sdk.getComponent('atoms.MessageTimestamp'); var MessageTimestamp = sdk.getComponent('atoms.MessageTimestamp');
var SenderProfile = sdk.getComponent('molecules.SenderProfile'); var SenderProfile = sdk.getComponent('molecules.SenderProfile');
@ -112,6 +132,8 @@ module.exports = React.createClass({
else if (msgtype === 'm.video') aux = "sent a video"; else if (msgtype === 'm.video') aux = "sent a video";
else if (msgtype === 'm.file') aux = "uploaded a file"; else if (msgtype === 'm.file') aux = "uploaded a file";
var readAvatars = this.getReadAvatars();
var avatar, sender; var avatar, sender;
if (!this.props.continuation) { if (!this.props.continuation) {
if (this.props.mxEvent.sender) { if (this.props.mxEvent.sender) {
@ -132,6 +154,7 @@ module.exports = React.createClass({
<div className="mx_EventTile_line"> <div className="mx_EventTile_line">
{ timestamp } { timestamp }
{ editButton } { editButton }
{ readAvatars }
<EventTileType mxEvent={this.props.mxEvent} searchTerm={this.props.searchTerm} /> <EventTileType mxEvent={this.props.mxEvent} searchTerm={this.props.searchTerm} />
</div> </div>
</div> </div>