/**
 * 页面公共逻辑
 * @author: xuqi<qi.xu@yoho.cn>
 * @date: 2015/10/21
 */
let $ = require('yoho-jquery');
let yohoCookie = require('yoho-cookie');

let $footer = $('#yoho-footer'),
    $yohoPage = $('.yoho-page'),
    $header = $('.yoho-header');

let cleanHtml = require('../../utils/cleanHtml');

// 为您优选-40位随机数指纹请求id
let RECID = (new Date().getTime() + '_H5_YOHOBUY_' + Math.floor(Math.random() * 1000000 + 1000000) +
    '_' + Math.floor(Math.random() * 1000000 + 1000000));

let _ChannelVary = {
    boys: 1,
    girls: 2,
    kids: 3,
    lifestyle: 4
};

require('./common/share');

function cookie(name) {

    // var re = new RegExp(name + '=([^;$]*)', 'i'),
    //     matchPattern = '$1';

    // if (name === '_UID') {
    //     return decodeURIComponent(re.test(document.cookie) ? RegExp[matchPattern] : '');
    // }

    // try {
    //     return re.test(decodeURIComponent(document.cookie)) ? RegExp[matchPattern] : '';
    // } catch (e) {
    //     return decodeURIComponent(re.test(document.cookie) ? RegExp[matchPattern] : '');
    // }

    return yohoCookie.get(name);
}

function setCookie(name, value, options) {
    let expires = '',
        path,
        domain,
        secure,
        date;

    if (typeof value !== 'undefined') {
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }

        if (options.expires &&
            (typeof options.expires === 'number' || options.expires.toUTCString)) {
            if (typeof options.expires === 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString();
        }
        path = options.path ? '; path=' + options.path : '';
        domain = options.domain ? '; domain=' + options.domain : '';
        secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    }
}

function isCookiesEnabled() {
    let cookieEnabled = (navigator.cookieEnabled) ? true : false;

    if (typeof navigator.cookieEnabled === 'undefined' && !cookieEnabled) {
        document.cookie = 'testcookie';
        cookieEnabled = (document.cookie.indexOf('testcookie') !== -1) ? true : false;
    }

    return (cookieEnabled);
}

function getUser() {
    let c = cookie('_UID'),
        user;

    if (typeof c === 'undefined') {
        return 0;
    }

    user = c.split('::');

    if (typeof user === 'undefined' || user.length < 4) {
        return 0;
    }

    return user;
}

function getUid() {
    let user = getUser();

    if (user === 0) {
        return 0;
    }

    return user[1];
}

function getShoppingKey() {
    let c = cookie('_g');

    if (typeof c === 'undefined') {
        return '';
    }

    return JSON.parse(c).k;
}

// 根据页面内容重新设置通用底部的显示
function rePosFooter() {
    let winH;

    if ($footer.length === 0) {
        return;
    }

    $footer.addClass('bottom');

    if ($footer.css('position') === 'static') {
        $footer.css('position', '');
    }

    winH = Math.min($(window).height(), window.screen.availHeight);

    if ($('body').height() >= winH - parseInt($footer.css('height'), 0)) {
        $footer.removeClass('bottom');
    }
    $footer.show();
}

/**
 *
 * add extra margin-bottom for footer to show yoho copyright when there is fixed bottom element on page
 * @param {String} The jquery selecor of the fixed bottom element
 * @return undefined
 */
function reMarginFooter(fixedElement) {
    let fixedElH = $(fixedElement).outerHeight();

    if (fixedElement) {
        $footer.css('margin-bottom', fixedElH + 'px');
    }
}

function queryString() {
    let vars = [],
        hash,
        i;
    let hashes = window.location.search.slice(1).split('&');

    for (i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

/**
 * 对象字段排序
 */
function mapSort(obj) {
    if (!obj) {
        return {};
    }
    let data = {};

    Object.keys(obj).sort().forEach(k => {
        data[k] = obj[k];
    });

    return data;
}

// 给jQuery 扩展 queryString函数
$.extend({
    queryString: queryString
});

// 页面通用底部位置及status设置
(function() {
    let $op = $footer.children('.op-row'),
        $backToTop = $('.back-to-top'),
        $floatTop = $('.float-top');

    let user = getUser();

    setTimeout(function() {
        rePosFooter(); // 计算底部位置
    }, 500);

    if (user === 0) {

        // 未登录
        $op.prepend(
            '<a href="/signin.html?refer=' + location.href + '" rel="nofollow">登录</a>' +
            '<span class="sep-line">|</span>' +
            '<a href="/reg.html" rel="nofollow">注册</a>'
        );
    } else {

        // 已登录
        $op.prepend(
            '<span>Hi,</span>' +
            '<a class="user-name" href="/home?tmp=' + Math.random() + '">' + cleanHtml.htmlEncode(user[0]) + '</a>' +
            '<span class="sep-line">|</span>' +
            '<a href="/passport/signout/index">退出</a>'
        );
    }

    if ($backToTop.length > 0) {
        $backToTop.on('touchend touchcancel', function(e) {
            $(window).scrollTop(0);
            e.preventDefault();
            return false;
        });
    }
    if ($floatTop.length > 0) {
        $floatTop.on('click', function(e) {
            $(window).scrollTop(0);
            e.preventDefault();
            return false;
        });
    }

    $footer.removeClass('hide');

    // 单击下载按钮 - 接受微信商城或者第三方来源的数据埋点信息
    let unionType = queryString().union_type || '';

    if (unionType && cookie('unionTypeYas') !== unionType) {
        setCookie('unionTypeYas', unionType, {
            path: '/'
        });
    }

    /*
    关于yas种cookies的逻辑澄清：

    1. yas的关于渠道号的cookies的key 是 mkt_code
    2. mkt_code 失效时间为7天
    3. 如果url后面加union_type,mkt_code 在微信下是覆盖的,其他端不覆盖
    4. 如果mkt_code=100000000000349,则直接覆盖成对应的渠道号
    5. yas的cookies 种在 .yohobuy.com 根域下

    周奇琪

    mkt_code 控制移动到 YAS 2017.07.13
    */

    // let isWechat = /micromessenger/i.test(navigator.userAgent || '');
    // let mktc = queryString().mkt_code || queryString().union_type || '';

    // function saveMktCode() {
    //     if (mktc) {
    //         setCookie('mkt_code', mktc, {
    //             path: '/',
    //             domain: 'yohobuy.com',
    //             expires: 7 // 7天
    //         });
    //     }
    // }

    // if (isWechat) {
    //     saveMktCode();
    // } else {
    //     if (!cookie('mkt_code') || mktc === '100000000000349') {
    //         saveMktCode();
    //     }
    // }

    // 尝试打开 APP
    // require('./common/open-app');

    /* 【加入ocpcApi代码】： 判断当前页面地址若百度sem推广链接，即将推广链接存到cookies，支付成功后将推广链接上报百度 ocpcapi
     * @ description: 收集百度sem推广链接
     * @ author: huzhiming
     * @ date: 2019-11-18 16:55:17
     * @ version: v1.0.0
     * 详情见文档：[http://ocpc.baidu.com/developer/d/guide/?iurl=api%2Fapi-doc%2Fapi-interface%2F]
    */
    if (location.href.includes('bd_vid=')) {
        setCookie('bd_vid_path', location.href, { path: '/', domain: '.yohobuy.com', expires: 90 });
    }

    // 尝试打开 MINIAPP
    require('./common/open-miniapp');
}());

$header.on('touchstart', 'a', function() {
    $header.find('a').removeClass('highlight');
    $(this).addClass('highlight');
}).on('touchend touchcancel', 'a', function() {
    $(this).removeClass('highlight');
});

$yohoPage.on('touchstart', '.tap-hightlight', function() {
    $(this).siblings('.tap-hightlight').removeClass('highlight');
    $(this).addClass('highlight');
}).on('touchend touchcancel', '.tap-hightlight', function() {
    $(this).removeClass('highlight');
});

$('.new-nav-home').on('touchstart', function(e) {
    $('.homebuttom').toggleClass('hide');
    e.preventDefault();
    e.stopPropagation();
});

// 点击关闭头部菜单
$('.main-wrap').on('click', '*', (e) => {
    let $this = $(e.currentTarget);

    if (!$this.hasClass('new-nav-home')) {
        $('.homebuttom').addClass('hide');
    } else {
        return false;
    }
});

// 商品列表找相似按钮
$('body').on('touchstart', '.similar-btn', function() {
    let $thisP = $(this).parents('.good-info');

    $thisP.find('.similar-c').toggle();
    $thisP.siblings('.good-info').find('.similar-c').hide();
    return false;
});

// 更新union_type
+(() => {
    $('a[href*="activity.yoho.cn"]').each(function() {
        const $el = $(this);
        const href = $el.attr('href');

        if (href.indexOf('union_type') < 0 && cookie('unionTypeYas')) {
            const sps = href.split('?');

            $el.attr('href', `${sps[0]}?union_type=${cookie('unionTypeYas')}&${sps[1]}`);
        }
    });
})();

(function() {
    let lastTime = 0,
        prefixes = 'webkit moz ms o'.split(' '),
        requestAnimationFrame = window.requestAnimationFrame,
        cancelAnimationFrame = window.cancelAnimationFrame,
        prefix,
        i;

    // 通过遍历各浏览器前缀，来得到requestAnimationFrame和cancelAnimationFrame在当前浏览器的实现形式
    for (i = 0; i < prefixes.length; i++) {
        if (requestAnimationFrame && cancelAnimationFrame) {
            break;
        }
        prefix = prefixes[i];
        requestAnimationFrame = requestAnimationFrame || window[prefix + 'RequestAnimationFrame'];
        cancelAnimationFrame = cancelAnimationFrame || window[prefix + 'CancelAnimationFrame'] ||
            window[prefix + 'CancelRequestAnimationFrame'];
    }

    // 如果当前浏览器不支持requestAnimationFrame和cancelAnimationFrame，则会退到setTimeout
    if (!requestAnimationFrame || !cancelAnimationFrame) {
        requestAnimationFrame = function(callback) {
            let currTime = new Date().getTime();

            // 为了使setTimteout的尽可能的接近每秒60帧的效果
            let timeToCall = Math.max(0, 16 - (currTime - lastTime));
            let id = window.setTimeout(function() {
                callback(currTime + timeToCall);
            }, timeToCall);

            lastTime = currTime + timeToCall;
            return id;
        };

        cancelAnimationFrame = function(id) {
            window.clearTimeout(id);
        };
    }

    window.requestAnimationFrame = requestAnimationFrame;
    window.cancelAnimationFrame = cancelAnimationFrame;
}());


// 临时修改  footer
function phoneHidden(phone) {
    return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
}

if ($footer.find('.user-name').text().length === 11) {
    $footer.find('.user-name').html(phoneHidden($footer.find('.user-name').text()));
}

// 浮层下载APP
function downLoadApp(unionType) {
    let appUrl = 'http://union.yoho.cn/union/downapp.html';
    let clickedAt = new Date();

    setTimeout(function() {
        let mkt = unionType || queryString().union_type || cookie('unionTypeYas') || false;

        if ((new Date()) - clickedAt < 2000) {
            if (mkt) {
                appUrl += '?union_type=' + mkt;
            }

            if (window._yas && window._yas.sendCustomInfo) {
                window._yas.sendCustomInfo({
                    op: 'YB_DOWNLOAD_C',
                    param: JSON.stringify({
                        C_ID: _ChannelVary[cookie('_Channel')] || 1,
                        TO_URL: appUrl
                    })
                }, true);
            }

            window.location = appUrl;
        }
    }, 500);
}

// 为您优选埋点 http://redmine.yoho.cn/issues/10117
function givePoint(parameter) {
    if (!window._yas || !window._yas.sendCustomInfo) {
        return false;
    }

    if (!parameter.REC_POSE || !parameter.PRD_ID) {
        return true;
    }

    // 男:1，女:2，潮童:3，创意生活:4
    let CID = _ChannelVary[cookie('_Channel')] || 1;
    let isAppOp = parameter.isAppOp;

    parameter = $.extend({
        REC_ID: RECID,
        PRD_NUM: 0,
        C_ID: CID,
        ACTION_ID: 0,
        PAGE_NUM: 1
    }, parameter);
    delete parameter.isAppOp;

    window._yas.sendCustomInfo({
        op: 'YB_CHOOSE_FOR_YOU_Y',
        appop: isAppOp ? 'YB_CHOOSE_FOR_YOU' : '', // app内打开wap的埋点场合
        param: JSON.stringify(parameter)
    }, true);
}

/**
 * 页面头颜色修正
 */
(function() {
    let channel = cookie('_Channel');
    let header = $('#yoho-header, .homebuttom');
    let footer = $('.footer-tab .tab-item.current');

    if (!header.hasClass('set-channel')) {
        if (!/^\/home/.test(location.pathname)) {
            switch (channel) {
                case 'boys':
                    if (!header.hasClass('boys')) {
                        header.addClass('boys');
                    }
                    break;
                case 'girls':
                    if (!header.hasClass('girls')) {
                        header.addClass('girls');
                    }
                    break;
                case 'lifestyle':
                    if (!header.hasClass('life-style')) {
                        header.addClass('life-style');
                    }
                    break;
                case 'kids':
                    if (!header.hasClass('kids')) {
                        header.addClass('kids');
                    }
                    break;
                default:
                    if (!header.hasClass('boys')) {
                        header.addClass('boys');
                    }
                    break;
            }
        } else {
            header.removeClass('kids');
            header.removeClass('girls');
            header.removeClass('life-style');
            header.addClass('boys');
        }
    }

    switch (channel) {
        case 'boys':
            if (footer) {
                footer.addClass('boys');
            }
            break;
        case 'girls':
            if (footer) {
                footer.addClass('girls');
            }
            break;
        case 'lifestyle':
            if (footer) {
                footer.addClass('life-style');
            }
            break;
        case 'kids':
            if (footer) {
                footer.addClass('kids');
            }
            break;
        default:
            if (footer) {
                footer.addClass('boys');
            }
            break;
    }
}());


// 暴露公共接口
window.cookie = cookie;

window.setCookie = setCookie;

window.isCookiesEnabled = isCookiesEnabled;

window.getUser = getUser;

window.getUid = getUid;

window.getShoppingKey = getShoppingKey;

window.rePosFooter = rePosFooter;

window.reMarginFooter = reMarginFooter;

window.queryString = queryString();

window.givePoint = givePoint;

window._ChannelVary = _ChannelVary;

window.downLoadApp = downLoadApp;

window.mapSort = mapSort;

require('js/common/weixin-report');