mirror of https://github.com/ENSL/ensl_gathers.git
ES2015 for users
This commit is contained in:
parent
667a167e79
commit
6ecdba9232
|
@ -1,17 +1,17 @@
|
|||
"use strict";
|
||||
|
||||
var Chatroom = React.createClass({
|
||||
getDefaultProps: function () {
|
||||
getDefaultProps() {
|
||||
return {
|
||||
history: []
|
||||
};
|
||||
},
|
||||
componentDidMount: function () {
|
||||
var self = this;
|
||||
var TIMER_INTERVAL = 5000; // Every minute
|
||||
|
||||
socket.on("message:new", function (data) {
|
||||
var history = self.props.history;
|
||||
componentDidMount() {
|
||||
let self = this;
|
||||
|
||||
socket.on("message:new", data => {
|
||||
let history = self.props.history;
|
||||
history.push(data);
|
||||
self.setProps({
|
||||
history: history
|
||||
|
@ -20,7 +20,7 @@ var Chatroom = React.createClass({
|
|||
});
|
||||
|
||||
// Message History Retrieved
|
||||
socket.on("message:refresh", function (data) {
|
||||
socket.on("message:refresh", data => {
|
||||
self.setProps({
|
||||
history: data.chatHistory
|
||||
});
|
||||
|
@ -28,30 +28,22 @@ var Chatroom = React.createClass({
|
|||
});
|
||||
|
||||
socket.emit("message:refresh", {});
|
||||
|
||||
self.timer = setInterval(function () {
|
||||
self.forceUpdate();
|
||||
}, TIMER_INTERVAL);
|
||||
},
|
||||
|
||||
componentDidUnmount: function () {
|
||||
clearInterval(this.timer);
|
||||
},
|
||||
sendMessage: function (message) {
|
||||
sendMessage(message) {
|
||||
socket.emit("newMessage", {message: message});
|
||||
},
|
||||
scrollToBottom: function () {
|
||||
}
|
||||
|
||||
scrollToBottom() {
|
||||
var node = React.findDOMNode(this.refs.messageContainer);
|
||||
node.scrollTop = node.scrollHeight;
|
||||
},
|
||||
render: function () {
|
||||
var messages = this.props.history.map(function (message) {
|
||||
return (
|
||||
<ChatMessage
|
||||
message={message}
|
||||
key={message.id} />
|
||||
);
|
||||
|
||||
render() {
|
||||
var messages = this.props.history.map(message => {
|
||||
return (<ChatMessage message={message} key={message.id} />);
|
||||
});
|
||||
}
|
||||
return (
|
||||
<div className="panel panel-default">
|
||||
<div className="panel-heading">Gather Chat</div>
|
||||
|
|
|
@ -12,7 +12,7 @@ var UserLogin = React.createClass({
|
|||
|
||||
handleSubmit(e) {
|
||||
e.preventDefault();
|
||||
var id = React.findDOMNode(this.refs.authorize_id).value.trim();
|
||||
let id = React.findDOMNode(this.refs.authorize_id).value.trim();
|
||||
if (!id) return;
|
||||
React.findDOMNode(this.refs.authorize_id).value = '';
|
||||
this.authorizeId(id);
|
||||
|
@ -52,12 +52,12 @@ var UserMenu = React.createClass({
|
|||
},
|
||||
|
||||
componentDidMount() {
|
||||
var self = this;
|
||||
let self = this;
|
||||
socket.on('users:update', data => self.setProps({users: data.users}));
|
||||
},
|
||||
|
||||
render() {
|
||||
var users = this.props.users.map(user => {
|
||||
let users = this.props.users.map(user => {
|
||||
return (
|
||||
<li key={user.id}><a href="#">{user.username}</a></li>
|
||||
);
|
||||
|
@ -102,7 +102,7 @@ var AdminPanel = React.createClass({
|
|||
|
||||
var CurrentUser = React.createClass({
|
||||
componentDidMount() {
|
||||
var self = this;
|
||||
let self = this;
|
||||
socket.on("users:update", data => self.setProps({user: data.currentUser}));
|
||||
socket.emit("users:refresh");
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue