/*** @jsx React.DOM */ var all_players = React.createClass({ getInitialState: function(props) { return { players: window.players, }; }, componentDidMount: function() { this.refreshPlayers(); }, refreshPlayers: function() { AJAX.get( Link.get('refresh'), function(response) { this.setState({ players: response.players, }); // Refresh every 30 seconds setTimeout(this.refreshPlayers, 30000); }.bind(this) ); }, render: function() { return (
{ player.name }; }.bind(this), sort: function(aid, bid) { var a = this.state.players[aid]; var b = this.state.players[bid]; return a.name.localeCompare(b.name); }.bind(this), }, { name: 'SDVX ID', render: function(userid) { var player = this.state.players[userid]; return player.extid; }.bind(this), sort: function(aid, bid) { var a = this.state.players[aid]; var b = this.state.players[bid]; return a.extid.localeCompare(b.extid); }.bind(this), }, { name: 'Total Rounds', render: function(userid) { var player = this.state.players[userid]; return player.plays; }.bind(this), sort: function(aid, bid) { var a = this.state.players[aid]; var b = this.state.players[bid]; return a.plays - b.plays; }.bind(this), reverse: true, }, ]} rows={Object.keys(this.state.players)} paginate={10} /> ); }, }); ReactDOM.render( React.createElement(all_players, null), document.getElementById('content') );