mirror of
https://github.com/ENSL/ensl_gathers.git
synced 2025-01-24 18:20:59 +00:00
27 lines
1 KiB
JavaScript
27 lines
1 KiB
JavaScript
|
var GathererCounter = React.createClass({displayName: "GathererCounter",
|
||
|
|
onComponentDidMount: function () {
|
||
|
|
socket.on('gatherCount', this.updateCount)
|
||
|
|
},
|
||
|
|
updateCount: function () {
|
||
|
|
|
||
|
|
},
|
||
|
|
render: function () {
|
||
|
|
return (React.createElement("div", {className: "panel panel-primary"},
|
||
|
|
React.createElement("div", {className: "panel-heading"},
|
||
|
|
React.createElement("div", {className: "row"},
|
||
|
|
React.createElement("div", {className: "col-xs-3"},
|
||
|
|
React.createElement("i", {className: "fa fa-users fa-5x"})
|
||
|
|
),
|
||
|
|
React.createElement("div", {className: "col-xs-9 text-right"},
|
||
|
|
React.createElement("div", {className: "huge", id: "gather-counter"},
|
||
|
|
this.props.count
|
||
|
|
),
|
||
|
|
React.createElement("div", null, "Gatherers Online")
|
||
|
|
)
|
||
|
|
)
|
||
|
|
)
|
||
|
|
));
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
React.render(React.createElement(GathererCounter, {count: 0}), document.getElementById('gatherCounter'));
|