good.js 5.6 KB
/**
 * 购物车商品
 * @author: xuqi<qi.xu@yoho.cn>
 * @date: 2015/10/20
 */

var $ = require('jquery'),
    ellipsis = require('mlellipsis'),
    chosePanel = require('../cart/chose-panel'),
    lazyLoad = require('yoho.lazyload');

var dialog = require('../me/dialog'),
    tip = require('../plugin/tip'),
    orderInfo = require('./order-info').orderInfo;

var $selectAllBtn = $('.balance .checkbox'),
    requesting = false;

ellipsis.init();

lazyLoad({
    try_again_css: 'good-failure'
});

$('.shopping-cart-good .name').each(function() {
    this.mlellipsis(2);
});

function GoodInfo(properties) {
    this.goods_type = properties.goods_type;
    this.buy_number = properties.buy_number;
    this.product_sku = properties.product_sku;
    this.selected = properties.selected;
}

//TIP:事件委托在.cart-goods,商品列表的容器统一需要有.cart-goods
$('.cart-goods').on('touchstart', '.checkbox', function() {
    var $this = $(this),
        $good = $this.closest('.shopping-cart-good'),
        id = $good.data('id');

    var goodsList = [],
        goodInfo = {};

    if (!$this.hasClass('icon-cb-checked') && $this.siblings('.info').find('.low-stocks').length > 0) {
        tip.show('库存不足,无法购买');
        return false;
    }

    goodInfo.goods_type = $('#cartType').val();
    goodInfo.selected = $this.hasClass('icon-cb-checked') ? 'N' : 'Y';
    goodInfo.product_sku = id;
    goodInfo.buy_number = $good.find('.count').eq(0).text().trim().replace('×', '');
    goodsList.push(new GoodInfo(goodInfo));

    $.ajax({
        type: 'post',
        url: 'select',
        data: {
            skuList: JSON.stringify(goodsList)
        }
    }).then(function(data) {
        if (data.code === 200) {
            if ($this.hasClass('icon-cb-checked')) {
                $this.removeClass('icon-cb-checked').addClass('icon-checkbox');
            } else {
                $this.removeClass('icon-checkbox').addClass('icon-cb-checked');
            }
            window.location.href = '/cart/index/index?cartType=' + $('#cartType').val();
        } else if (data.code === 400) {
            tip.show('网络异常');
        }
    }, function() {
        tip.show('网络异常');
    });
}).on('touchstart', '.icon-del', function(e) {
    var $this = $(this);

    e.stopPropagation();

    dialog.showDialog({
        dialogText: '您确定要从购物车中删除吗?',
        hasFooter: {
            leftBtnText: '取消',
            rightBtnText: '确定'
        }
    }, function() {
        var id = $this.closest('.shopping-cart-good').data('id'),
            count = $this.data('count');

        $.ajax({
            method: 'post',
            url: '/cart/index/del',
            data: {
                sku: id,
                count: count
            }
        }).then(function(data) {
            if (data.code === 200) {
                dialog.showDialog({
                    dialogText: '删除成功',
                    autoHide: true,
                    fast: true
                });
                orderInfo('couponCode', null);
                orderInfo('couponName', null);
                history.go(0);
            } else {
                tip.show(data.message);
            }
        }, function() {
            tip.show('网络异常');
        });
    });
});

function requestUpdateAllGoodsCheckStatus(theGoods, successHandeler) {
    if (requesting) {
        return;
    }
    requesting = true;
    $.ajax({
        url: 'select',
        type: 'post',
        data: {
            skuList: JSON.stringify(theGoods)
        },
        success: function(res) {
            if (res.code === 200) {
                successHandeler();
            } else {
                tip.show(res.message);
            }
        },
        error: function() {
            tip.show('网络异常');
        },
        complete: function() {
            requesting = false;
        }
    });
}

function didUpdateAllGoodsCheckStatus() {
    var $checkedBoxs = $('.shopping-cart-good .icon-cb-checked'),
        $uncheckedBoxs = $('.shopping-cart-good .icon-checkbox');

    var shouldSelectAll;

    if ($selectAllBtn.hasClass('icon-cb-checked')) {
        $selectAllBtn.removeClass('icon-cb-checked').addClass('icon-checkbox');
        shouldSelectAll = true;
    } else {
        $selectAllBtn.removeClass('icon-checkbox').addClass('icon-cb-checked');
        shouldSelectAll = false;
    }

    if (!shouldSelectAll) {
        $uncheckedBoxs.each(function(idx, uncheckedBox) {
            $(uncheckedBox).removeClass('icon-checkbox').addClass('icon-cb-checked');
        });
    } else {
        $checkedBoxs.each(function(idx, checkedBox) {
            $(checkedBox).removeClass('icon-cb-checked').addClass('icon-checkbox');
        });
    }
    window.history.go(0);
}

function bottomCheckBoxHandeler(isSelected, type, handlerAfterTouch) {
    var goodInfo = {},
        $goods = $('.cart-content:not(.hide) .shopping-cart-good'),
        $good = null,
        goodsList = [];

    goodInfo.goods_type = type;
    goodInfo.selected = isSelected ? 'N' : 'Y';

    $goods.each(function(idx, good) {
        $good = $(good);

        goodInfo.product_sku = $(good).data('id');
        goodInfo.buy_number = $good.find('.count').eq(0).text().trim().replace('×', '');

        goodsList.push(new GoodInfo(goodInfo));
    });

    requestUpdateAllGoodsCheckStatus(goodsList, handlerAfterTouch);
}

//全选按钮点击事件
$selectAllBtn.on('touchend', function() {
    bottomCheckBoxHandeler($(this).hasClass('icon-cb-checked'), $('#cartType').val(), didUpdateAllGoodsCheckStatus);
});

$('.down').on('touchend', function() {
    chosePanel.show();
});