react-native-datatable-component/functions/showCurrentProgress.js

A React Native datatable component for dynamically perform actions like display, sorting, select, custom design, delete & touch events.

const showCurrentProgress = (numOfPages = 2, fullLengthOfData) => { //default is 3
    if (+numOfPages < 1) {
        throw new Error('No Of Pages Should be equal or greater Than 1')
    }

    if (fullLengthOfData == 0) {
        return null;
    }
    
    let noOfDataPerDisplay = fullLengthOfData / numOfPages;

    if (Math.floor(noOfDataPerDisplay) < 1) {//it's mean data length is smaller than no Of Pages;
        numOfPages = 1;
        noOfDataPerDisplay = fullLengthOfData; //fullLengthOfData / 1
    }

    const endDisplayData = []; //[{id: number, endData: number}]
    const startDisplayData = []; //[{id: number, startData: number}]
    const floorData = Math.floor(noOfDataPerDisplay);
    const ceilData = Math.ceil(noOfDataPerDisplay)
    if (floorData !== ceilData || floorData === ceilData) { //It's mean data is not equally distributed Among numOfPages
        let number = 0;
        for (let i = 0; i < numOfPages; i++) {
            let isCeilWasAdded = false;
            if ((numOfPages - 1) != i) { //It's mean it's not the last Loop
                number += floorData;
                endDisplayData.push({ id: i, endData: number });
            } else { //here it's the last loop
                endDisplayData.push({ id: i, endData: number + floorData + (fullLengthOfData % numOfPages) });
                number += ceilData;
                isCeilWasAdded = true;
            }
            if (!isCeilWasAdded) { //all loops
                startDisplayData.push({ id: i, startData: (number - floorData) + 1 })
            } else if (isCeilWasAdded) { //last loop
                startDisplayData.push({ id: i, startData: (number - ceilData) + 1 })
            }
        }

    } 
    // else {
    //     for (let i = 0; i < numOfPages; i++) {//Here It's mean data is equally distributed Among numOfPages
    //         endDisplayData.push({ id: i, endData: ceilData });//Here ceilData = floorData
    //     }
    // }
    return {
        end: endDisplayData,
        start: startDisplayData
    }
}

export default showCurrentProgress;