onion/js/stores/piece_list_store.js

import React from 'react';
import alt from '../alt';

import PieceListActions from '../actions/piece_list_actions';


class PieceListStore {
    constructor() {
        /**
         * The store manages the state that is introduced by fetching 
         * the resource with certain parameters.
         *
         * This means that pieceList for example only contains pageSize-many items.
         * Of course this can be altered by page as well.
         *
         * This is also the reason why we store a pieceListCount, which is essentially
         * the number of items the resource actually - without pagination - provides.
         */
        this.pieceList = [];
        this.pieceListCount = 0;
        this.page = 1;
        this.pageSize = 10;
        this.search = "";
        this.orderBy = "artist_name";
        this.orderAsc = true;
        this.bindActions(PieceListActions);
    }

    onShowEditionList(pieceId) {
        this.pieceList
            .forEach((piece) => {
                if(piece.id === pieceId) {
                    if(piece.show) {
                        piece.show = false;
                    } else {
                        piece.show = true;
                    }
                }
            });
    }

    onCloseAllEditionLists() {
        this.pieceList
            .forEach((piece) => {
                piece.show = false;
            });
    }
    
    onUpdatePieceList({ page, pageSize, search, pieceList, orderBy, orderAsc, pieceListCount }) {
        this.page = page;
        this.pageSize = pageSize;
        this.search = search;
        this.orderAsc = orderAsc;
        this.orderBy = orderBy;
        this.pieceListCount = pieceListCount;

        /**
         * Pagination - Known Issue:
         * #########################
         *
         * 
         * The piece list store currently stores the open/close state of a piece list item.
         *
         * Once a new page is requested, this.pieceList will be overwritten, which means that the 
         * open/close state of a specific list item will be thrown away.
         *
         * This means that when opening an editionListTable on a piece, and continuing 
         * clicking next or back in the pagination, the editionListTable will return to its
         * default value, which is "close".
         *
         * We did not implement this, as we're going to add pagination to pieceList at some
         * point anyway. Then, this problem is automatically resolved.
         */
        this.pieceList = pieceList;
    }
};

export default alt.createStore(PieceListStore);