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.
84 lines
2.3 KiB
84 lines
2.3 KiB
|
|
var React = require('react/addons'); |
|
|
|
var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup; |
|
|
|
var MiniProfile = require("../common/MiniProfile.js"); |
|
var ProfileBoard = require("../common/ProfileBoard.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 AppSettingsMixin = require('../common/AppSettingsMixin.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 = Followings = React.createClass({displayName: "Followings", |
|
|
|
mixins: [AppSettingsMixin,SetIntervalMixin,SafeStateChangeMixin], |
|
contextTypes: { |
|
router: React.PropTypes.func |
|
}, |
|
getInitialState: function() { |
|
return { |
|
username: (this.context.router.getCurrentParams().username ? this.context.router.getCurrentParams().username : this.props.activeAccount), |
|
followings: [], |
|
loading: true |
|
}; |
|
}, |
|
updateFollowings: function(outdatedLimit) { |
|
|
|
thisComponent=this; |
|
|
|
if (!outdatedLimit) {outdatedLimit=this.state.appSettings.pollInterval/2;} |
|
|
|
Twister.getUser(this.state.username).doFollowings(function(followings){ |
|
|
|
thisComponent.setStateSafe(function(state){ |
|
|
|
var newfollowings = []; |
|
|
|
for(var i in followings){ |
|
newfollowings.push(followings[i].getUsername()); |
|
} |
|
|
|
state.followings = newfollowings; |
|
state.loading = false; |
|
|
|
return state; |
|
|
|
}); |
|
|
|
|
|
|
|
},{outdatedLimit: outdatedLimit}); |
|
|
|
|
|
}, |
|
componentDidMount: function() { |
|
|
|
this.updateFollowings(this.state.appSettings.pollInterval*2); |
|
|
|
this.setInterval(this.updateFollowings, this.state.appSettings.pollInterval*1000); |
|
|
|
}, |
|
render: function() { |
|
|
|
return ( |
|
React.createElement(ProfileBoard, { |
|
loading: this.state.loading, |
|
data: this.state.followings} |
|
) |
|
); |
|
|
|
} |
|
|
|
});
|