92 lines
2.7 KiB
JavaScript
92 lines
2.7 KiB
JavaScript
import React, { Component, PropTypes } from 'react';
|
|
import { defineMessages, injectIntl } from 'react-intl';
|
|
import { createContainer } from 'meteor/react-meteor-data';
|
|
|
|
const PUBLIC_CHAT_KEY = 'public';
|
|
|
|
import Chat from './component';
|
|
import ChatService from './service';
|
|
|
|
const intlMessages = defineMessages({
|
|
titlePublic: {
|
|
id: 'app.chat.titlePublic',
|
|
defaultMessage: 'Public Chat',
|
|
description: 'Public chat title',
|
|
},
|
|
titlePrivate: {
|
|
id: 'app.chat.titlePrivate',
|
|
defaultMessage: 'Private Chat with {name}',
|
|
description: 'Private chat title',
|
|
},
|
|
partnerDisconnected: {
|
|
id: 'app.chat.partnerDisconnected',
|
|
defaultMessage: '{name} has left the meeting',
|
|
description: 'System chat message when the private chat partnet disconnect from the meeting',
|
|
},
|
|
});
|
|
|
|
class ChatContainer extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<Chat {...this.props}>
|
|
{this.props.children}
|
|
</Chat>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default injectIntl(createContainer(({ params, intl }) => {
|
|
const chatID = params.chatID || PUBLIC_CHAT_KEY;
|
|
|
|
let messages = [];
|
|
let isChatLocked = ChatService.isChatLocked(chatID);
|
|
|
|
if (chatID === PUBLIC_CHAT_KEY) {
|
|
messages = ChatService.getPublicMessages();
|
|
title = intl.formatMessage(intlMessages.titlePublic);
|
|
} else {
|
|
messages = ChatService.getPrivateMessages(chatID);
|
|
let user = ChatService.getUser(chatID);
|
|
|
|
if (user) {
|
|
title = intl.formatMessage(intlMessages.titlePrivate, { name: user.name });
|
|
} else {
|
|
// let partnerName = messages.find(m => m.user && m.user.id === chatID).map(m => m.user.name);
|
|
let partnerName = '{{NAME}}s'; // placeholder until the server sends the name
|
|
messages.push({
|
|
content: [intl.formatMessage(intlMessages.partnerDisconnected, { name: partnerName })],
|
|
time: Date.now(),
|
|
sender: null,
|
|
});
|
|
isChatLocked = true;
|
|
}
|
|
}
|
|
|
|
const scrollPosition = ChatService.getScrollPosition(chatID);
|
|
const hasUnreadMessages = ChatService.hasUnreadMessages(chatID);
|
|
|
|
return {
|
|
chatID,
|
|
title,
|
|
messages,
|
|
hasUnreadMessages,
|
|
isChatLocked,
|
|
scrollPosition,
|
|
actions: {
|
|
handleSendMessage: message => {
|
|
let sentMessage = ChatService.sendMessage(chatID, message);
|
|
ChatService.updateScrollPosition(chatID, undefined); //undefined so its scrolls to bottom
|
|
// ChatService.updateUnreadMessage(chatID, sentMessage.from_time);
|
|
},
|
|
|
|
handleScrollUpdate: position => ChatService.updateScrollPosition(chatID, position),
|
|
|
|
handleReadMessage: timestamp => ChatService.updateUnreadMessage(chatID, timestamp),
|
|
},
|
|
};
|
|
}, ChatContainer));
|