Filter open edition tables correctly

js/actions/edition_list_actions.js

@@ -13,7 +13,8 @@ class EditionListActions {
             'selectEdition',
             'clearAllEditionSelections',
             'closeAllEditionLists',
-            'toggleEditionList'
+            'toggleEditionList',
+            'applyFilterBy'
         );
     }
 

js/components/acl_proxy.js

@@ -36,9 +36,9 @@ let AclProxy = React.createClass({
                         </span>
                     );
                 } else {
-                    if(typeof this.props.aclObject[this.props.aclName] === 'undefined') {
+                    /* if(typeof this.props.aclObject[this.props.aclName] === 'undefined') {
                         console.warn('The aclName you\'re filtering for was not present (or undefined) in the aclObject.');
-                    }
+                    } */
                     return null;
                 }
             }

js/components/ascribe_detail/edition.js

@@ -89,7 +89,7 @@ let Edition = React.createClass({
         PieceListActions.fetchPieceList(this.state.page, this.state.pageSize, this.state.search,
                                         this.state.orderBy, this.state.orderAsc, this.state.filterBy);
 
-        EditionListActions.refreshEditionList(this.props.edition.parent);
+        EditionListActions.refreshEditionList({pieceId: this.props.edition.parent});
         EditionListActions.closeAllEditionLists();
         EditionListActions.clearAllEditionSelections();
 

js/components/ascribe_piece_list_bulk_modal/piece_list_bulk_modal.js

@@ -81,7 +81,7 @@ let PieceListBulkModal = React.createClass({
 
         this.fetchSelectedPieceEditionList()
             .forEach((pieceId) => {
-                EditionListActions.refreshEditionList(pieceId);
+                EditionListActions.refreshEditionList({pieceId, filterBy: {}});
             });
         EditionListActions.clearAllEditionSelections();
     },

js/components/piece_list.js

@@ -6,6 +6,9 @@ import Router from 'react-router';
 import PieceListStore from '../stores/piece_list_store';
 import PieceListActions from '../actions/piece_list_actions';
 
+import EditionListStore from '../stores/edition_list_store';
+import EditionListActions from '../actions/edition_list_actions';
+
 import AccordionList from './ascribe_accordion_list/accordion_list';
 import AccordionListItem from './ascribe_accordion_list/accordion_list_item';
 import AccordionListItemTableEditions from './ascribe_accordion_list/accordion_list_item_table_editions';
@@ -17,6 +20,7 @@ import PieceListToolbar from './ascribe_piece_list_toolbar/piece_list_toolbar';
 
 import AppConstants from '../constants/application_constants';
 
+import { mergeOptions } from '../utils/general_utils';
 
 let PieceList = React.createClass({
     propTypes: {
@@ -27,16 +31,22 @@ let PieceList = React.createClass({
     mixins: [Router.Navigation, Router.State],
 
     getInitialState() {
-        return PieceListStore.getState();
+        return mergeOptions(
+            PieceListStore.getState(),
+            EditionListStore.getState()
+        );
     },
 
     componentDidMount() {
         let page = this.getQuery().page || 1;
+        
         PieceListStore.listen(this.onChange);
+        EditionListStore.listen(this.onChange);
+
         if (this.state.pieceList.length === 0){
             PieceListActions.fetchPieceList(page, this.state.pageSize, this.state.search,
                                             this.state.orderBy, this.state.orderAsc, this.state.filterBy)
-            .then(PieceListActions.fetchPieceRequestActions());
+                            .then(PieceListActions.fetchPieceRequestActions());
         }
     },
 
@@ -49,6 +59,7 @@ let PieceList = React.createClass({
 
     componentWillUnmount() {
         PieceListStore.unlisten(this.onChange);
+        EditionListStore.unlisten(this.onChange);
     },
 
     onChange(state) {
@@ -56,13 +67,14 @@ let PieceList = React.createClass({
     },
 
     paginationGoToPage(page) {
-        // if the users clicks a pager of the pagination,
+        return () => {
-        // the site should go to the top
+            // if the users clicks a pager of the pagination,
-        document.body.scrollTop = document.documentElement.scrollTop = 0;
+            // the site should go to the top
-
+            document.body.scrollTop = document.documentElement.scrollTop = 0;
-        return () => PieceListActions.fetchPieceList(page, this.state.pageSize, this.state.search,
+            PieceListActions.fetchPieceList(page, this.state.pageSize, this.state.search,
                                                     this.state.orderBy, this.state.orderAsc,
                                                     this.state.filterBy);
+        };
     },
 
     getPagination() {
@@ -86,8 +98,24 @@ let PieceList = React.createClass({
     },
 
     applyFilterBy(filterBy) {
+        // first we need to apply the filter on the piece list
         PieceListActions.fetchPieceList(1, this.state.pageSize, this.state.search,
-                                        this.state.orderBy, this.state.orderAsc, filterBy);
+                                        this.state.orderBy, this.state.orderAsc, filterBy)
+                        .then(() => {
+                            // but also, we need to filter all the open edition lists
+                            this.state.pieceList
+                                .forEach((piece) => {
+                                    // but only if they're actually open
+                                    if(this.state.isEditionListOpenForPieceId[piece.id].show) {
+                                        EditionListActions.refreshEditionList({
+                                            pieceId: piece.id,
+                                            filterBy
+                                        });
+                                    }
+
+                                });
+                        });
+
         // we have to redirect the user always to page one as it could be that there is no page two
         // for filtered pieces
         this.transitionTo(this.getPathname(), {page: 1});
@@ -100,7 +128,6 @@ let PieceList = React.createClass({
 
     render() {
         let loadingElement = (<img src={AppConstants.baseUrl + 'static/img/ascribe_animated_medium.gif'} />);
-        
         return (
             <div>
                 <PieceListToolbar

js/stores/edition_list_store.js

@@ -61,8 +61,7 @@ class EditionListStore {
      * We often just have to refresh the edition list for a certain pieceId,
      * this method provides exactly that functionality without any side effects
      */
-    onRefreshEditionList(pieceId) {
+    onRefreshEditionList({pieceId, filterBy}) {
-
         // It may happen that the user enters the site logged in already
         // through /editions
         // If he then tries to delete a piece/edition and this method is called,
@@ -72,9 +71,18 @@ class EditionListStore {
             return;
         }
 
-        const prevEditionListLength = this.editionList[pieceId].length;
+        let prevEditionListLength = this.editionList[pieceId].length;
-        const prevEditionListPage = this.editionList[pieceId].page;
+        let prevEditionListPage = this.editionList[pieceId].page;
-        const prevEditionListPageSize = this.editionList[pieceId].pageSize;
+        let prevEditionListPageSize = this.editionList[pieceId].pageSize;
+
+        // we can also refresh the edition list using filterBy,
+        // if we decide not to do that then the old filter will just be applied.
+        if(filterBy && Object.keys(filterBy).length <= 0) {
+            filterBy = this.editionList[pieceId].filterBy;
+            prevEditionListLength = 10;
+            prevEditionListPage = 1;
+            prevEditionListPageSize = 10;
+        }
 
         // to clear an array, david walsh recommends to just set it's length to zero
         // http://davidwalsh.name/empty-array
@@ -84,7 +92,7 @@ class EditionListStore {
         EditionsListActions.fetchEditionList(pieceId, 1, prevEditionListLength,
                                              this.editionList[pieceId].orderBy,
                                              this.editionList[pieceId].orderAsc,
-                                             this.editionList[pieceId].filterBy)
+                                             filterBy)
             .then(() => {
                 // reset back to the normal pageSize and page
                 this.editionList[pieceId].page = prevEditionListPage;