You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
2.6 KiB
98 lines
2.6 KiB
10 years ago
|
var React = require('react');
|
||
|
|
var Postboard = require("../common/Postboard.js");
|
||
|
|
var SetIntervalMixin = require("../common/SetIntervalMixin.js");
|
||
|
|
var StreamMixin = require("../common/StreamMixin.js");
|
||
|
|
var SafeStateChangeMixin = require('../common/SafeStateChangeMixin.js');
|
||
|
|
var EventListenerMixin = require('../common/EventListenerMixin.js');
|
||
|
|
|
||
|
|
var ReactBootstrap = require('react-bootstrap')
|
||
|
|
, NavItem = ReactBootstrap.NavItem
|
||
|
|
, Nav = ReactBootstrap.Nav
|
||
|
|
, ListGroup = ReactBootstrap.ListGroup
|
||
|
|
, ListGroupItem = ReactBootstrap.ListGroupItem
|
||
|
|
, Panel = ReactBootstrap.Panel
|
||
|
|
, Glyphicon = ReactBootstrap.Glyphicon
|
||
|
|
, Button = ReactBootstrap.Button
|
||
|
|
|
||
|
|
module.exports = Timeline = React.createClass({
|
||
|
|
|
||
|
|
mixins:[
|
||
|
|
StreamMixin,
|
||
|
|
SetIntervalMixin,
|
||
|
|
SafeStateChangeMixin,
|
||
|
|
EventListenerMixin('newpostbyuser')
|
||
|
|
],
|
||
|
|
contextTypes: {
|
||
|
|
router: React.PropTypes.func
|
||
|
|
},
|
||
|
|
getInitialState: function() {
|
||
|
|
return {
|
||
|
|
username: this.context.router.getCurrentParams().username,
|
||
|
|
postid: parseInt(this.context.router.getCurrentParams().postid),
|
||
|
|
data: [],
|
||
|
|
postIdentifiers: {},
|
||
|
|
loading: true
|
||
|
|
};
|
||
|
|
},
|
||
|
|
updatePosts: function(outdatedLimit) {
|
||
|
|
|
||
|
|
//console.log(this.state.username+":post"+this.state.postid)
|
||
|
|
|
||
|
|
if (!outdatedLimit) {outdatedLimit=this.props.pollInterval/2;}
|
||
|
|
|
||
|
|
var thisComponent = this;
|
||
|
|
var thisUsername = this.state.username;
|
||
|
|
|
||
|
|
var goUpConversation = function (post) {
|
||
|
|
|
||
|
|
thisComponent.addPost(post);
|
||
|
|
|
||
|
|
thisComponent.setStateSafe({loading: false});
|
||
|
|
|
||
|
|
if (post.isReply()) {
|
||
|
|
|
||
|
|
post.doPostRepliedTo(goUpConversation);
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
post.doReplies(doRepliesRecursive);
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var doRepliesRecursive = function (replies) {
|
||
|
|
|
||
|
|
for (var i in replies) {
|
||
|
|
replies[i].doReplies(doRepliesRecursive);
|
||
|
|
thisComponent.addPost(replies[i]);
|
||
|
|
console.log(replies[i].getContent())
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
Twister.getUser(this.state.username).doPost(this.state.postid,goUpConversation,{outdatedLimit: outdatedLimit, logfunc: function(log){console.log(log)}});
|
||
|
|
|
||
|
|
},
|
||
|
|
componentDidMount: function() {
|
||
|
|
|
||
|
|
this.updatePosts(2*this.props.pollInterval);
|
||
|
|
this.setInterval(this.updatePosts, this.props.pollInterval*1000);
|
||
|
|
|
||
|
|
},
|
||
|
|
onnewpostbyuser: function (event) {
|
||
|
|
|
||
|
|
//alert("got event")
|
||
|
|
|
||
|
|
this.updatePosts(-1);
|
||
|
|
|
||
|
|
},
|
||
|
|
render: function() {
|
||
|
|
return (
|
||
|
|
<Postboard header={
|
||
|
|
<ListGroupItem>
|
||
|
|
Conversation
|
||
|
|
</ListGroupItem>
|
||
|
|
} data={this.state.data} loading={this.state.loading}/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
});
|