put architecture for transcluding TableItem in place

js/actions/edition_list_actions.js

@@ -9,7 +9,7 @@ class EditionListActions {
         );
     }
 
-    fetchList(pieceId) {
+    fetchEditionList(pieceId) {
         EditionListFetcher
             .fetch(pieceId)
             .then((res) => {

js/components/ascribe_table/table.js

@@ -9,7 +9,7 @@ let Table = React.createClass({
     
     propTypes: {
         columnList: React.PropTypes.arrayOf(React.PropTypes.instanceOf(TableColumnContentModel)),
-        changeOrder: React.PropTypes.func.isRequired
+        changeOrder: React.PropTypes.func // turn isRequired on again after editions order implemented
     },
 
     renderChildren() {

js/components/ascribe_table/table_item_subtable.js

@@ -14,6 +14,25 @@ let TableItemSubtable = React.createClass({
         columnContent: React.PropTypes.object
     },
 
+    getInitialState() {
+        return {
+            'open': false
+        };
+    },
+
+    onChange(state) {
+        this.setState(state);
+    },
+
+    componentDidMount() {
+        this.props.store.listen(this.onChange);
+    },
+
+    loadEditionList() {
+        console.log(this.props);
+        //this.props.actions.actions.fetchEditionList();
+    },
+
     calcColumnClasses(list, i) {
         let bootstrapClasses = ['col-xs-', 'col-sm-', 'col-md-', 'col-lg-'];
         
@@ -49,7 +68,7 @@ let TableItemSubtable = React.createClass({
                 <div className="row">
                     {calcColumnElementContent()}
                     <div className="col-xs-2 col-sm-2 col-md-2 col-lg-2 ascribe-table-item-column">
-                        <TableItemSubtableButton content="Editions">
+                        <TableItemSubtableButton content="Editions" onClick={this.loadEditionList}>
                         </TableItemSubtableButton>
                     </div>
                 </div>

js/components/piece_list.js

@@ -61,7 +61,7 @@ let PieceList = React.createClass({
                     }
                 }}>
                 <Table columnList={columnList} changeOrder={this.tableChangeOrder}>
-                    <TableItemSubtable></TableItemSubtable>
+                    <TableItemSubtable store={EditionListStore} actions={EditionListActions}></TableItemSubtable>
                 </Table>
                 <Pagination currentPage={this.props.query.page} goToPage={this.paginationGoToPage} />
             </AltContainer>