src/modules/alternateRows.js

import Dom from '../dom';

export class AlternateRows{

    /**
     * Alternating rows color
     * @param {Object} tf TableFilter instance
     */
    constructor(tf) {
        var f = tf.config();
        //defines css class for even rows
        this.evenCss = f.even_row_css_class || 'even';
        //defines css class for odd rows
        this.oddCss = f.odd_row_css_class || 'odd';

        this.tf = tf;
    }

    /**
     * Sets alternating rows color
     */
    init() {
        var tf = this.tf;
        if(!tf.hasGrid() && !tf.isFirstLoad){
            return;
        }
        var validRowsIndex = tf.validRowsIndex;
        var noValidRowsIndex = validRowsIndex===null;
        //1st index
        var beginIndex = noValidRowsIndex ? tf.refRow : 0;
        // nb indexes
        var indexLen = noValidRowsIndex ?
                tf.nbFilterableRows+beginIndex :
                validRowsIndex.length;
        var idx = 0;

        //alternates bg color
        for(var j=beginIndex; j<indexLen; j++){
            var rowIdx = noValidRowsIndex ? j : validRowsIndex[j];
            this.setRowBg(rowIdx, idx);
            idx++;
        }
    }

    /**
     * Sets row background color
     * @param {Number} rowIdx Row index
     * @param {Number} idx    Valid rows collection index needed to calculate bg
     * color
     */
    setRowBg(rowIdx, idx) {
        if(!this.tf.alternateBgs || isNaN(rowIdx)){
            return;
        }
        var rows = this.tf.tbl.rows;
        var i = isNaN(idx) ? rowIdx : idx;
        this.removeRowBg(rowIdx);

        Dom.addClass(
            rows[rowIdx],
            (i%2) ? this.evenCss : this.oddCss
        );
    }

    /**
     * Removes row background color
     * @param  {Number} idx Row index
     */
    removeRowBg(idx) {
        if(isNaN(idx)){
            return;
        }
        var rows = this.tf.tbl.rows;
        Dom.removeClass(rows[idx], this.oddCss);
        Dom.removeClass(rows[idx], this.evenCss);
    }

    /**
     * Removes all alternating backgrounds
     */
    remove() {
        if(!this.tf.hasGrid()){
            return;
        }
        for(var i=this.tf.refRow; i<this.tf.nbRows; i++){
            this.removeRowBg(i);
        }
    }

    enable() {
        this.tf.alternateBgs = true;
    }

    disable() {
        this.tf.alternateBgs = false;
    }

}