select-coupon.js 3.38 KB
var $ = require('jquery'),
    Handlebars = require('yoho.handlebars'),
    ellipsis = require('mlellipsis'),
    loading = require('../plugin/loading'),
    tip = require('../plugin/tip');

var page = 1,
    canGetCoupon = true,
    isGetData;

var conponTmpl = Handlebars.compile($('#tmpl-coupon').html()),
    conponNotAvaliableTmpl = Handlebars.compile($('#tmpl-coupon-not-avaliable').html());

ellipsis.init();

$('#new-coupon').on('submit', function() {
    $.ajax({
        method: 'POST',
        url: '',
        data: $(this).serialize()
    }).then(function(res) {
        if (res.avaliable) {
            $('#coupon-list').html(conponTmpl({
                coupons: res.coupons
            }));
            $('#coupon-list-not').html('');
        } else {
            tip.show(res.msg);
        }
    });
    return false;
});

function getCouponDate() {
    if (!canGetCoupon) {
        return;
    }

    if (isGetData) {
        return;
    }

    loading.showLoadingMask();
    page += 1;
    isGetData = true;

    $.ajax({
        type: 'POST',
        url: '/home/couponData',
        dataType: 'html',
        data: {
            statuss: status,
            page: page
        }
    }).then(function(coupons) {
        var notAvailableCoupons = [];

        // 后端需要返回一个 coupons 列表,如下
        // notAvailable 表示不可用的优惠券
        coupons = [{
            money: '99',
            coupon_name: '满XX-减去吴悠右腿有益于有2222',
            couponValidity: '20150129-20150430',
            coupon_id: '22222'
        }, {
            money: '99',
            coupon_name: '满XX-减去吴悠右腿有益于有2222',
            couponValidity: '20150129-20150430',
            coupon_id: '2222233'
        }, {
            money: '99',
            coupon_name: 'NONO满XX-减去吴悠右腿有益于有2222',
            couponValidity: '20150129-20150430',
            coupon_id: '2222233',
            notAvailable: 1
        }];

        // coupons 是个列表,如果不是列表,可能是服务器错误,这次翻页加载不算
        if (!$.isArray(coupons)) {
            page--;
            return;
        }

        // 每页10张,当不足10张时,说明已经加载完
        if (coupons.length < 10) {
            canGetCoupon = false;
        }

        // 第一页张数为 0 ,显示优惠券为空
        if (!coupons.length && page === 2) {
            $('.select-coupon-page').html($('#tmpl-no-coupon').html());
            return;
        }

        // 把不可用的优惠券分离出来
        $.each(coupons, function(i, coupon) {
            if (coupon.notAvailable) {
                notAvailableCoupons.push(coupon);
            }
        });

        if (notAvailableCoupons.length) {
            $('.not-avaliable-coupon-line').show();
        }
        $('#coupon-list').append(conponTmpl({
            coupons: coupons
        }));
        $('#coupon-list-not').append(conponNotAvaliableTmpl({
            notAvailableCoupons: notAvailableCoupons
        }));
        window.rePosFooter();
    }).fail(function() {
        page -= 1;
        tip.show('加载优惠券失败');
    }).always(function() {
        isGetData = false;
        loading.hideLoadingMask();
    });
}

getCouponDate();

$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() > $('body').height() * 0.9) {
        getCouponDate();
    }
});