2014-12-21 09:05:40 +01:00
|
|
|
/** @jsx React.DOM */
|
2014-12-22 10:58:42 +01:00
|
|
|
|
2014-12-21 09:05:40 +01:00
|
|
|
var React = require('react');
|
2014-12-22 10:58:42 +01:00
|
|
|
var LocalStore = require('../stores/LocalStore');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var getStateFromStore = function () {
|
|
|
|
|
return {
|
|
|
|
|
columns: LocalStore.getColumns(),
|
|
|
|
|
data: LocalStore.getDataForColumns()
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
2014-12-21 09:05:40 +01:00
|
|
|
|
|
|
|
|
var SpreadSheet = React.createClass({
|
|
|
|
|
|
2014-12-22 10:58:42 +01:00
|
|
|
getInitialState: function() {
|
|
|
|
|
return getStateFromStore();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
render: function () {
|
|
|
|
|
|
|
|
|
|
var columns = this.state.columns.map(function (column) {
|
|
|
|
|
return(<th>{column}</th>);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<table className="spreadsheet">
|
|
|
|
|
<tr>
|
|
|
|
|
{columns}
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
);
|
|
|
|
|
}
|
2014-12-21 09:05:40 +01:00
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
module.exports = SpreadSheet;
|