"use strict"; var UserLogin = React.createClass({ authorizeId(id) { socket.emit("users:authorize", { id: parseInt(id, 10) }); setTimeout(function () { socket.emit("gather:refresh"); }, 1000); }, handleSubmit(e) { e.preventDefault(); var id = React.findDOMNode(this.refs.authorize_id).value.trim(); if (!id) return; React.findDOMNode(this.refs.authorize_id).value = ''; this.authorizeId(id); }, render() { return (

Just a temporary measure until genuine authentication is implemented

); } }) var UserMenu = React.createClass({ getDefaultProps() { return { users: [] }; }, componentDidMount() { var self = this; socket.on('users:update', data => self.setProps({users: data.users})); }, render() { var users = this.props.users.map(user => { return (
  • {user.username}
  • ); }); return ( ); } }); var AdminPanel = React.createClass({ handleGatherReset() { socket.emit("gather:reset"); }, render() { return ( ) } }); var CurrentUser = React.createClass({ componentDidMount() { var self = this; socket.on("users:update", data => self.setProps({user: data.currentUser})); socket.emit("users:refresh"); }, render() { if (this.props.user) { return (
  • {this.props.user.username}  User Avatar
  • ); } else { return false; } } });