pools.html

<div class="cardpad card">
    <div class="card-header">
        <div class="row">
            <div class="col-sm-3">
                <span data-toggle="popover" data-trigger="hover" data-placement="top"
                      data-content="Current mined block height">
                        <i class="fa fa-bars"></i> Height: <span id="blockchainHeight" data-height="0"></span>
                    </span>
            </div>
            <div class="col-sm-3">
                <span data-toggle="popover" data-trigger="hover" data-placement="top"
                      data-content="Based on the current mined block">
                        <i class="fas fa-tachometer-alt"></i> Instant Hash Rate: <span id="networkHashrate"></span>
                    </span>
            </div>
            <div class="col-sm-3">
                <span data-toggle="popover" data-trigger="hover" data-placement="top"
                      data-content="Difficulty of the current mined block">
                        <i class="fas fa-microchip"></i> Next Difficulty: <span id="nextDifficulty"></span>
                    </span>
            </div>
            <div class="col-sm-3">
                <span data-toggle="popover" data-trigger="hover" data-placement="top"
                      data-content="On the last 31 blocks">
                        <i class="fas fa-percent"></i> Average Hash Rate: <span id="averageHashrate"></span>
                    </span>
            </div>
        </div>
    </div>
</div>
<div class="cardpad card">
    <div class="card-header text-center">
        <h2>Bittorium known pools list</h2>
        <i id="pools_updated" class="fas fa-sync fa-spin"></i>
    </div>
    <div id="pool_div" class="card-body table-responsive">
        <!--Running pools-->
        <table id="running_table" class="table table-hover table-sm">
            <thead>
            <tr class="thead-dark">
                <th colspan="9">Running pools</th>
            </tr>
            <tr>
                <th>Address</th>
                <th><i class="fa fa-bars"></i> Height</th>
                <th><i class="fas fa-tachometer-alt"></i> Hashrate</th>
                <th><i class="fas fa-users"></i> Miners</th>
                <th><i class="far fa-clock"></i> Last mining block</th>
                <th><i class="fas fa-cubes"></i> Pending blocks</th>
                <th><i class="fa fa-th-large"></i> Total blocks</th>
                <th><i class="fas fa-donate"></i> Donation</th>
                <th><i class="fa fa-dollar-sign"></i> Total fee</th>
            </tr>
            </thead>
            <tfoot>
            <!--<tr><td colspan="8"></td></tr>-->
            <tr class="table-dark">
                <td>Stats</td>
                <td><span id=totalHeight></span></td>
                <td><span id=totalHashrate></span> <span id=averageWindow></span></td>
                <td><span id=totalMiners></span></td>
                <td><span id=totalLastFound></span></td>
                <td><span id=totalPending></span></td>
                <td><span id=totalBlocks></span></td>
                <td><span id=totalDonations></span></td>
                <td><span id=totalFees></span></td>
            </tr>
            </tfoot>
            <tbody id="running_rows">
            </tbody>
        </table>

    <!--out of order pools-->

        <table id="out_table" class="table table-hover table-sm d-none">
        <thead>
        <tr class="thead-light">
            <th colspan="9">Out of order pools (not synced or stucked)</th>
        </tr>
        <tr>
            <th>Address</th>
            <th><i class="fa fa-bars"></i> Height</th>
            <th><i class="fas fa-tachometer-alt"></i> Hashrate</th>
            <th><i class="fas fa-users"></i> Miners</th>
            <th><i class="far fa-clock"></i> Last mining block</th>
            <th><i class="fas fa-cubes"></i> Pending blocks</th>
            <th><i class="fa fa-th-large"></i> Total blocks</th>
            <th><i class="fas fa-donate"></i> Donation</th>
            <th><i class="fa fa-dollar-sign"></i> Total fee</th>
        </tr>
        </thead>
        <tbody id="out_rows">
        </tbody>
    </table>

    <!--dead pools-->

        <table id="dead_table" class="table table-hover table-sm d-none">
        <thead>
        <tr class="thead-light">
            <th colspan="8">Unreachable or dead pools</th>
        </tr>
        <tr>
            <th colspan="8">Address</th>
        </tr>
        </thead>
        <tbody id="dead_rows">
        </tbody>
    </table>
    </div>
</div>

<script>
    // todo : sortable columns on array
    currentPage = {
        destroy: function(){
            if (xhrGetCurrentPoolStat) {
                xhrGetCurrentPoolStat.abort();
            }
            if(typeof poolUpdate !== 'undefined') {
                clearTimeout(poolUpdate);
            }
            if(typeof poolPulse !== 'undefined') {
                clearTimeout(poolPulse);
            }
        },
        init: function (){
            if(typeof txPulse !== 'undefined') {
                clearTimeout(txPulse);
            }
            if(typeof tx_wheel !== 'undefined') {
                clearTimeout(tx_wheel);
            }
            if ((typeof lastMinedBlockHeader !== 'undefined') && parseInt(lastMinedBlockHeader.block_header.height, 10) !== parseInt($('#blockchainHeight').attr('data-height'), 10)) {
                getCurrentMinedBlock();
                getBlocks(lastMinedBlockHeader.block_header.height);
            }
        },
        update: function(){
            if ((typeof lastMinedBlockHeader !== 'undefined') && parseInt(lastMinedBlockHeader.block_header.height, 10) !== parseInt($('#blockchainHeight').attr('data-height'), 10)) {
                getCurrentMinedBlock();
                getBlocks(lastMinedBlockHeader.block_header.height);
            }
        }
    };
    var poolUpdate;
    var poolPulse;
    var poolData = [];
    var xhrGetCurrentPoolStat;
    function fetchPoolData(){
        console.log("pool update tick");
        $('#pools_updated').fadeIn('fast');
        poolPulse = setTimeout(function() {
            $('#pools_updated').fadeOut(10000);
        },10000); // <-- time in milliseconds

        fetchedData=[];
        for (let i = 0, len = poolList.length; i < len; i++) {
            if (!poolData[i]){
                poolData[i] = {"id": poolList[i].id, "url": poolList[i].url, "status": false, "error": "Not reachable"};
            }

            if(poolList[i].status) {
                if (poolList[i].visible) {
                    xhrGetCurrentPoolStat = $.ajax({
                        url: poolList[i].api + '/stats',
                        method: "GET",
                        dataType: 'json',
                        cache: 'false',
                        timeout: 5000,
                        poolId: poolList[i].id,
                        poolUrl: poolList[i].url,
                        poolStatus: poolList[i].status,
                        poolFlag: poolList[i].flag,
                        poolLoc: poolList[i].loc
                    })
                        .done(function (data, status) {
                            if (data.hasOwnProperty('network')) {
                                d = {"id": this.poolId, "url": this.poolUrl, "status": this.poolStatus, "flag":this.poolFlag,"loc":this.poolLoc, data};
                                poolData[i] = d;
                            } else {
                                d = {"id": this.poolId, "url": this.poolUrl, "status": false, "error": status};
                                poolData[i] = d;
                            }

                        })
                        .fail(function (xhrGetCurrentPoolStat, status) {
                            d = {"id": this.poolId, "url": this.poolUrl, "status": false, "error": status};
                            poolData[i] = d;
                        })
                        .always(function () {
                            renderPoolData(poolData);
                        });
                } // end if enabled
            } else {
                d = {"id": poolList[i].id, "url": poolList[i].url, "status": false, "error": "disabled"};
                poolData[i] = d;
                renderPoolData(poolData);
            }
        }
        poolUpdate = setTimeout(function() {
            fetchPoolData();
        }, 35000); // <-- time in milliseconds
    }

    function renderPoolData(poolData){
        let totalMiners = 0;
        let totalHashrate = 0;
        let totalHeight = 0;
        let nbPoolOk = 0;
        let totalLastFound = 0;
        let totalPending = 0;
        let totalBlocks = 0;
        let totalDonations = 0;
        let totalFee = 0 ;
        for(let i= 0; i < poolList.length; i++){
            if (!poolData[i]){
                poolData[i] = {"id": poolList[i].id, "url": poolList[i].url, "status": false, "error": "Not reachable"};
            }

            st = poolData[i].status; // false if an error occurs, get error in "error" ans if disabled in config
            if (st){
                height = poolData[i].data.network.height;
                hashrate = getReadableHashRateString(poolData[i].data.pool.hashrate);
                poolCoeff=poolData[i].data.pool.hashrate/$('#networkHashrate').attr('data-globalHR');
                miners = poolData[i].data.pool.miners;
                blocTimeAgo = poolData[i].data.pool.lastBlockFound ? jQuery.timeago(new Date(parseInt(poolData[i].data.pool.lastBlockFound))) : 'Never';
                pending = calculatePending(poolData[i].data);
                blocks = poolData[i].data.pool.totalBlocks;
                donation = calculateDonations(poolData[i].data);
                fee = calculateTotalFee(poolData[i].data);
                flag = poolData[i].flag != undefined ? '<img class="flag" src="images/flags/'+poolData[i].flag.toLowerCase()+'.svg">' : '';
                loc = poolData[i].loc != undefined ? 'data-toggle="popover" data-trigger="hover" data-placement="top" data-content="'+poolData[i].loc+'" ' : '';
                // test if pool is synced
                if(Math.abs(parseInt($('#blockchainHeight').attr('data-height'), 10) - height) > 3){
                    hashrate = 'N/A'; // not synced
                    miners = 'N/A';
                    pending = 'N/A';
                    if (row = document.getElementById("host-"+poolData[i].id) && row.parentElement.parentElement.id !== "out_rows"){
                      row.parentElement.remove();
                    }
                    if (document.getElementById("host-"+poolData[i].id)){
                        updateText('height-'+poolData[i].id, height);
                        updateText('hashrate-'+poolData[i].id, hashrate);
                        updateText('miners-'+poolData[i].id, miners);
                        updateText('lastBlockFound-'+poolData[i].id, blocTimeAgo);
                        updateText('pending-'+poolData[i].id, pending);
                        updateText('blocks-'+poolData[i].id, blocks);
                        updateText('donation-'+poolData[i].id, donation + '%');
                        updateText('totalFee-'+poolData[i].id, fee + '%');
                    } else {
                        $('#out_rows').append('<tr>' +
                            '<td id=host-' + poolData[i].id + '>' +
                            '<i id="flag-' + poolData[i].id + '" class="fas fa-exclamation-circle"></i>'+
                            '<a '+loc+'target=blank href='+ poolData[i].url + '>'+ flag + ' ' + poolData[i].url + '</a></td>' +
                            '<td id=height-' + poolData[i].id + '>' + height + '</td>' +
                            '<td id=hashrate-' + poolData[i].id + '>' + hashrate + '</td>' +
                            '<td id=miners-' + poolData[i].id + '>' + miners + '</td>' +
                            '<td id=lastBlockFound-' + poolData[i].id + '>' + blocTimeAgo + '</td>' +
                            '<td id=pending-' + poolData[i].id + '>' + pending + '</td>' +
                            '<td id=blocks-' + poolData[i].id + '>' + blocks + '</td>' +
                            '<td id=donation-' + poolData[i].id + '>' + donation + '%</td>' +
                            '<td id=totalFee-' + poolData[i].id + '>' + fee + '%</td>' +
                            '</tr>');
                    }
                    $('#out_table').removeClass('d-none');

                } else { //synced
                    nbPoolOk += 1;
                    totalHeight += height;
                    totalHashrate += poolData[i].data.pool.hashrate;
                    totalMiners += miners;
                    totalLastFound = poolData[i].data.pool.lastBlockFound > totalLastFound ? poolData[i].data.pool.lastBlockFound : totalLastFound;
                    totalPending += pending;
                    totalBlocks += blocks;
                    totalDonations += donation * poolCoeff;
                    totalFee += fee * poolCoeff;
                }

                row = document.getElementById("host-"+poolData[i].id);
                if (row && row.parentElement.parentElement.id !== "running_rows"){
                    row.parentElement.remove();
                }

                if (document.getElementById("host-"+poolData[i].id)){
                    updateText('height-'+poolData[i].id, height);
                    updateText('hashrate-'+poolData[i].id, hashrate);
                    updateText('miners-'+poolData[i].id, miners);
                    updateText('lastBlockFound-'+poolData[i].id, blocTimeAgo);
                    updateText('pending-'+poolData[i].id, pending);
                    updateText('blocks-'+poolData[i].id, blocks);
                    updateText('donation-'+poolData[i].id, donation + '%');
                    updateText('totalFee-'+poolData[i].id, fee + '%');
                } else {
                    $('#running_rows').append('<tr>' +
                        '<td id=host-' + poolData[i].id + '>' +
                        '<a '+loc+'target=blank href='+ poolData[i].url + '>'+ flag + ' ' + poolData[i].url + '</a></td>' +
                        '<td id=height-' + poolData[i].id + '>' + height + '</td>' +
                        '<td id=hashrate-' + poolData[i].id + '>' + hashrate + '</td>' +
                        '<td id=miners-' + poolData[i].id + '>' + miners + '</td>' +
                        '<td id=lastBlockFound-' + poolData[i].id + '>' + blocTimeAgo + '</td>' +
                        '<td id=pending-' + poolData[i].id + '>' + pending + '</td>' +
                        '<td id=blocks-' + poolData[i].id + '>' + blocks + '</td>' +
                        '<td id=donation-' + poolData[i].id + '>' + donation + '%</td>' +
                        '<td id=totalFee-' + poolData[i].id + '>' + fee + '%</td>' +
                        '</tr>');
                    $('[data-toggle="popover"]').popover({});
                    $('#running_table').removeClass('d-none');
                } // end if
            } else { // unreachable
                row = document.getElementById("host-"+poolData[i].id);
                if (row && row.parentElement.parentElement.id !== "dead_rows"){
                    row.parentElement.remove();
                }

                if (! document.getElementById("host-"+poolData[i].id)) {
                    $('#dead_rows').append('<tr colspan="8">' +
                        '<td id=host-' + poolData[i].id + '><i id="flag-' + poolData[i].id + '" class="fas fa-exclamation-circle invisible"></i> <a target=blank href=' + poolData[i].url + '>' + poolData[i].url + '</a></td>' +
                        '</tr>');
                    $("#flag-"+poolData[i].id).removeClass("invisible");
                    $('#dead_table').removeClass('d-none');
                }
            }

        } // end for
        if ($('#running_rows').find('tr').length === 0){
            $('#running_table').addClass('d-none');
        }
        if ($('#out_rows').find('tr').length === 0){
            $('#out_table').addClass('d-none');
        }
        if ($('#dead_rows').find('tr').length === 0){
            $('#dead_table').addClass('d-none');
        }
        updateText('totalHeight', parseInt($('#blockchainHeight').attr('data-height')));
        updateText('totalMiners', totalMiners);
        updateText('totalHashrate', getReadableHashRateString(totalHashrate));
        updateText('totalLastFound', totalLastFound ? jQuery.timeago(new Date(parseInt(totalLastFound))) : 'Never');
        updateText('totalPending',totalPending);
        updateText('totalBlocks',totalBlocks);
        updateText('totalDonations', totalDonations.toFixed(2)+'%');
        updateText('totalFees', totalFee.toFixed(2)+'%');
    }

    function calculateTotalFee(data) {
        let totalFee = data.config.fee;
        if(data.config.hasOwnProperty("coreDonation")){
            totalFee += data.config.donation;
            totalFee += data.config.coreDonation;
        } else {
            for ( property in data.config.donation) {
                if (data.config.donation.hasOwnProperty(property)) {
                    totalFee += data.config.donation[property];
                }
            }
        }
        return totalFee;
    }

    function calculateDonations(data) {
        let totalDonations = 0;
        if(data.config.hasOwnProperty("coreDonation")){
            totalDonations += data.config.donation;
            totalDonations += data.config.coreDonation;
        } else {
            for ( property in data.config.donation) {
                if (data.config.donation.hasOwnProperty(property)) {
                    totalDonations += data.config.donation[property];
                }
            }
        }
        return totalDonations;
    }

    function calculatePending(data) {
        totalPending = 0;
        for(let i= 0; i < data.pool.blocks.length; i++) {
            if((i+1) % 2 == 0){
                if(data.pool.blocks[i] > ($('#blockchainHeight').attr('data-height') - data.config.depth)){
                    totalPending++;
                }
            }
        }
        return totalPending;
    }

    var xhrGetCurrentHeight;
    // get last block template (current mining block)
    function getCurrentMinedBlock() {
        if (xhrGetCurrentHeight) xhrGetCurrentHeight.abort();
        xhrGetCurrentHeight = $.ajax({
            url: api + '/getinfo',
            method: "GET",
            dataType: 'json',
            cache: 'false'
        })
            .done(function (data) {
                if (data.hasOwnProperty('difficulty')) {
                    updateText('networkHashrate', getReadableHashRateString(data.difficulty / coinDifficultyTarget));
                    $('#networkHashrate').attr('data-globalHR', (data.difficulty / coinDifficultyTarget).toString());
                    updateText('nextDifficulty', data.difficulty.toString());
                    $('#blockchainHeight').attr('data-height', data.network_height);
                    updateText('blockchainHeight', data.network_height);
                } else {
                    showalert('alert-danger','Core error : ',data.error.message);
                    $('#loading').hide();
                }
            })
            .fail(function (xhrGetCurrentHeight, textStatus) {
                if (textStatus != "abort") {
                    showalert('alert-danger','Can\'t connect to api : ',textStatus);
                    $('#loading').hide();
                }
            });
    }

    var xhrGetLastBlocks;
    function getBlocks(heightAsked) {
        if (xhrGetLastBlocks) xhrGetLastBlocks.abort();
        xhrGetLastBlocks = $.ajax({
            url: api + '/json_rpc',
            method: "POST",
            data: JSON.stringify({
                jsonrpc: "2.0",
                id: "4",
                method: "f_blocks_list_json",
                params: {
                    height:heightAsked
                }
            }),
            dataType: 'json',
            cache: 'false'
        })
            .done(function (data) {
                if (data.hasOwnProperty('result')) {
                    lastBlocksList = data.result.blocks;
                    averageBlocks(lastBlocksList);
                    $('#loading').hide();
                } else {
                    showalert('alert-danger','Core error : ',data.error.message);
                    $('#loading').hide();
                }
                fetchPoolData();

            })
            .fail(function (xhrGetLastBlocks, textStatus) {
                if (textStatus != "abort") {
                    showalert('alert-danger','Can\'t connect to api : ',textStatus);
                    $('#loading').hide();
                }
            });
    }

    // Handle Blocks list
    function averageBlocks(blocksResults){
        sumDiff = 0;
        for ( i = 0; i < blocksResults.length; i ++){
            block = blocksResults[i];
            sumDiff += blocksResults[i].difficulty;
        }
        averageHashRate = sumDiff / blocksResults.length;
        updateText('averageHashrate', getReadableHashRateString(averageHashRate / coinDifficultyTarget));
    }
    // enable popover
    $(document).ready(function () {
        $('[data-toggle="popover"]').popover({})
    });
</script>