mirror of
https://github.com/ENSL/ensl_gathers.git
synced 2025-01-24 18:20:59 +00:00
26 lines
1,020 B
JavaScript
26 lines
1,020 B
JavaScript
|
var GathererCounter = React.createClass({displayName: "GathererCounter",
|
||
|
getInitialState: function () {
|
||
|
return {
|
||
|
count: 0
|
||
|
};
|
||
|
},
|
||
|
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'));
|