require('home/coin/yoho-coin-detail.page.css');

let $ = require('yoho-jquery'),
    loading = require('../plugin/loading'),
    currencyDetailHbs = require('home/ajax-currency-detail.hbs');

let page = 1,
    flag = true;

require('../common');

function ajaxCurrencyDetail(curPage) {
    loading.showLoadingMask();
    flag = false;
    $.ajax({
        type: 'post',
        url: '/home/ajaxCurrencyDetail',
        dataType: 'json',
        data: {
            page: curPage
        },
        success: function(data) {
            if (data.length <= 0) {
                flag = false;
                return false;
            }

            loading.hideLoadingMask();
            $('.coin-detail').append(currencyDetailHbs({coinlist: data}));
            flag = true;
        }
    });
}

function scrollHandler() {
    if ($(window).scrollTop() + $(window).height() > $('body').height() - 100 && flag) {
        page++;
        ajaxCurrencyDetail(page);
        return;
    }
}

$(window).scroll(function() {
    window.requestAnimationFrame(scrollHandler);
});