plustar-detail.page.js 3.2 KB
/**
 * PLUS+STAR详情页
 * @author: xuqi<qi.xu@yoho.cn>
 * @date: 2015/10/10
 */

var $ = require('yoho-jquery'),
    Hammer = require('yoho-hammer'),
    ellipsis = require('yoho-mlellipsis'),
    lazyLoad = require('yoho-jquery-lazyload');

var $intro = $('#intro'),
    $imt = $('#intro-more-txt'),
    $infosContainer = $('#related-infos-container'),
    uid = $('input[name="uid"]').val();

var info = require('./info');

var tip = require('../plugin/tip');

var brandId = $('#brand-info').data('id');

var jumpToApp = $('#jump-to-app').val();

var mIntro, aIntro, logoImg;

var moreHammer, likeHammer, $goodName, $title;

var saveImage = require('../home/save-image');

require('../plugin/wx-share');
require('../common');
require('./plustar-detail-render')(function() {
    lazyLoad($('img.lazy'));
});

ellipsis.init();

// Init LazyLoad
lazyLoad($('img.lazy'));

logoImg = saveImage.getSourceUrl($('.logo').attr('src'), 'brandLogo');

$('.logo').attr('src', logoImg);

if ($('.good-detail-text .name').length > 0) {
    $('.good-detail-text .name').each(function() {
        $goodName = $(this);
        $title = $goodName.find('a');

        $title[0].mlellipsis(2);
    });
}

// 文字介绍文字截取
$intro[0].mlellipsis(3);

// 获取截取文字和完整文字
setTimeout(function() {
    mIntro = $intro.text();
    aIntro = $intro.attr('title');
});

info.initInfosEvt($infosContainer);

// 文字介绍收起与展开
moreHammer = new Hammer(document.getElementById('more-intro-click-range'));
moreHammer.on('tap', function(e) {
    var $this = $imt.parent();

    $this.toggleClass('spread');

    if ($this.hasClass('spread')) {

        // 显示
        $intro.text(aIntro);
        $imt.text('收起');
    } else {

        // 隐藏
        $intro.text(mIntro);
        $imt.text('more');

        $(window).scrollTop(0, 400); // 滑动到顶部
    }

    e.preventDefault(); // 防止收缩后误点到商品产生跳转
});

if ($('#brand-like').length) {
    // 品牌收藏
    likeHammer = new Hammer(document.getElementById('brand-like'));
    likeHammer.on('tap', function(e) {
        var opt = 'ok',
            $this = $(e.target);

        // jumpToApp = 1表示APP未登录的情况,此时不发送ajax请求而由a链接直接跳转APP
        if (jumpToApp === '1') {
            return false;
        }

        e.preventDefault();

        if ($this.hasClass('like')) {
            opt = 'cancel';
        }

        $.ajax({
            type: 'POST',
            url: '/guang/opt/favoriteBrand',
            data: {
                id: brandId,
                opt: opt,
                uid: uid
            },
            success: function(data) {
                console.log(data);
                if (data.code === 200) {
                    $this.toggleClass('like');
                    tip.show(data.message);
                } else if (data.code === 400 || data.code === 412) {
                    location.href = data.data; // 未登录跳转登录页面
                } else {
                    tip.show(data.message);
                }
            },
            error: function() {
                tip.show('网络断开连接了~');
            }
        });
    });
}


// console.log($('.logo').attr('src'))