/**
 * 在线客服客户页
 *
 * @author: liqi <qi.li@yoho.cn>
 * @date: 2016/10/21
 */

'use strict';

var $ = require('yoho-jquery'),
    uuid = require('uuid'),
    emojiMap = require('./emoji-map'),
    tab = require('./tab-hidden'),
    socketChat = require('./socket-chat'),
    socketConf = require('./socket-config');

var allRTs,
    endTime,
    originConf,
    encryptedUid,
    socketConfCM,
    assetsPrefix,
    cursorPosition,
    configDomains,
    hasMore = true,
    titleInterval,
    $html = $('html'),
    $window = $(window),
    $document = $(document),
    $msgList = $('.msg-list'),
    docTitle = document.title,
    $msgEdit = $('.msg-edit'),
    $leaveMsg = $('#leaveMsg'),
    $close = $('.header .close'),
    $sendOrder = $('.send-order'),
    $sendImgInput = $('#sendImg'),
    $history = $('.about-his.has-his'),
    $msgArea = $('.msg-edit .msg-area'),
    $makeEvalModal = $('#makeEvaluation'),
    $rightHeadTab = $('.right-head .tab'),
    $encryptedUid = $('input[name=encryptedUid]'),
    $assetsPrefix = $('input[name=assetsPrefix]'),
    $panelMainBody = $('.panel-main .main-body');

var tipTpl = require('hbs/service/tip.hbs'),
    csTpl = require('hbs/service/cs-msg.hbs'),
    cusTpl = require('hbs/service/cus-msg.hbs'),
    robotTpl = require('hbs/service/robot-msg.hbs'),
    disTpl = require('hbs/service/discontent-row.hbs');

var processInfo = {
    scrollLoad: false,
    manual: false,
    promoter: 1, // 评论发起者 1：客户自己 2：客服
    savedEval: false // 是否保存过评论
};

var key,
    urls = {
        makeEval: '/evalute/saveEvalute',
        leaveMsg: '/leavemessage/saveLeavemessage',
        msgHistory: '/conversationMessage/pageList',
        evalReason: '/evalute/queryReasonByConversationId'
    };

require('bootstrap');
require('../common');
require('blueimp-file-upload/js/jquery.iframe-transport');
require('blueimp-file-upload/js/jquery.fileupload');
require('blueimp-file-upload/js/jquery.fileupload-process');
require('blueimp-file-upload/js/jquery.fileupload-validate');

allRTs = socketConf.recType;
encryptedUid = $encryptedUid.val();
assetsPrefix = $assetsPrefix.val();
socketConfCM = socketConf.conversationMessage;
socketConfCM.encryptedUid = encryptedUid;

// 页面初始化
function pageInit() {

    // 原始配置信息用于重新连线
    originConf = JSON.parse(JSON.stringify(socketConf));

    /**
     * 设置光标位置
     * @param el
     * @param pos
     */
    function setCurPos(el, pos) {
        var range;

        if (el.setSelectionRange) {
            // chrome and firefox support
            el.setSelectionRange(pos, pos);
            el.focus();
        } else if (el.createTextRange) {
            // IE support
            range = el.createTextRange();
            range.collapse(true);
            range.moveEnd('character', pos);
            range.moveStart('character', pos);
            range.select();
        }
    }

    /**
     * 添加新的消息
     */
    function msgAppend(dom) {
        $msgList.append(dom);
        $panelMainBody.scrollTop($panelMainBody[0].scrollHeight);
    }

    /**
     * 表情设置
     * @param e
     */
    function setEmoji(e) {
        var i,
            pos,
            start,
            end,
            newVal,
            textDom,
            emojiText,
            tag = $(e.target),
            area = $('.msg-area'),
            val = area.val(),
            len = emojiMap.length,
            emojiId = tag.data('id'),
            comp = $('.emoji-component');

        for (i = 0; i < len; i++) {
            if (emojiMap[i].file === emojiId.toString()) {
                emojiText = emojiMap[i].text;
            }
        }

        if (cursorPosition) {
            start = val.substring(0, cursorPosition);
            end = val.substring(cursorPosition);
            newVal = [start, emojiText, end].join('');
        } else {
            newVal = [val, emojiText].join('');
        }

        comp.hide();
        area.val(newVal);
        cursorPosition += emojiText.length;

        textDom = area[0];
        pos = cursorPosition ? cursorPosition : newVal.length;
        setCurPos(textDom, pos);
    }

    /**
     * 系统通知
     * @param tip 具体消息
     */
    function systemTip(tip) {
        var dom;

        dom = tipTpl({
            content: tip
        });

        // 添加消息
        msgAppend(dom);
    }

    /**
     * 断线重连提醒
     */
    function offlineTip(message) {
        var tip;

        if (!message) {
            tip = '您已断线，请重新<a class="red-tip reconnect">连线客服</a>';
            return systemTip(tip);
        }

        message.content = message.content +
            '<a class="red-tip reconnect">连线客服</a>';

        // 系统通知
        systemTip(message.content);
    }

    /**
     * 发送消息前的共通处理
     */
    function beforeSendMsg() {
        var $countdown = $('.countdown');

        $countdown.parents('.list-item').remove();
        if (titleInterval) {
            clearInterval(titleInterval);
            document.title = docTitle;
        }
    }

    /**
     * 处理发送消息
     * @param e
     * @param msgType
     * @param msgContent
     */
    function sendMessage(e, msgType, msgContent) {
        var $area = $('.msg-area'),
            msg = $area.val().trim();

        // 发送前共通处理
        beforeSendMsg();

        if (!msgContent) {
            if (!msg) {
                return;
            }
            socketConfCM.type = allRTs.CU_SEND;
            socketConfCM.uuid = uuid.v4();
            socketConfCM.chatMessage.content = msg;
            socketConfCM.chatMessage.type = msgType || 1;
            socketChat.send(socketConfCM);
            $area.val('');
        } else {
            socketConfCM.type = allRTs.CU_SEND;
            socketConfCM.uuid = uuid.v4();
            socketConfCM.chatMessage.type = msgType || 1;
            socketConfCM.chatMessage.content = msgContent;
            socketChat.send(socketConfCM);
        }
    }

    /**
     * enter提交
     * enter+ctrl换行
     */
    function msgEnterAction(e) {
        var code = e.keyCode,
            tag = $(e.target),
            val = tag.val(),
            pos = tag.getCursorPosition(),
            start = val.substring(0, pos),
            end = val.substring(pos),
            newVal = [start, '\n', end].join(''),
            ctrlLike = e.ctrlKey || e.metaKey;

        if (code !== 13) {
            return;
        }

        if (!ctrlLike) {
            e.preventDefault();
            sendMessage(e);
        } else {
            tag.val(newVal);
            setCurPos(tag[0], pos + 1);
        }
    }

    /**
     * 常见问题
     */
    function toggleAnswer(e) {
        var cTag = $(e.currentTarget),
            parent = cTag.parent(),
            next = cTag.next();

        next.length && next.toggle();
        next.length && parent.toggleClass('has-a');
    }

    /**
     * 人工客服
     */
    function manualService() {
        socketConfCM.type = allRTs.MANUAL_SERVICE;
        socketChat.send(socketConfCM);
    }

    /**
     * 正在进行人工会话
     */
    function csChatting(message) {
        // 系统通知
        systemTip(message.newContent);
    }

    /**
     * 留言
     */
    function leaveMsg() {
        var $lm = $('#leaveMsg'),
            $ta = $lm.find('textarea');

        $lm.find('.leave-msg-tip').addClass('hide');
        $ta.val('');
        $lm.modal({
            show: true
        });
    }

    /**
     * 成功进入在线客服
     * @param message 消息对象
     */
    function enterSuccess(message) {
        var $ms = $('.icon.manual-service');

        // 系统通知
        systemTip(message.content);

        // 显示人工客服
        $ms.show();
    }

    /**
     * 人工链接
     * @param msgType 内部消息类型
     * @param message 内部消息对象
     * @private
     */
    function linkSuccess(msgType, message) {

        var OUT_SERVICE = 0,
            LINE_UP = 1,
            MANUAL_SERVICE = 2,
            ADMIN_MANUAL_SERVICE = 3;

        var dom,
            tipText,
            $iconEval = $('.icon.evaluate'),
            $iconMs = $('.icon.manual-service');

        switch (msgType) {

            case OUT_SERVICE: // 0是没上班
                tipText = message.content +
                    '您也可以选择<a class="leave-msg">留言</a>';
                dom = tipTpl({
                    content: tipText
                });
                break;

            case LINE_UP:  // 1是需要排队
                tipText = message.content +
                    '您也可以选择<a class="leave-msg">留言</a>';
                dom = tipTpl({
                    content: tipText
                });

                // 隐藏人工
                $iconMs.hide();
                break;

            case MANUAL_SERVICE: // 2是接入人工成功
                tipText = message.content;
                dom = tipTpl({
                    content: tipText
                });

                // 接入人工客服需要评价
                processInfo.manual = true;

                // 显示评价&隐藏人工
                $iconEval.show();
                $iconMs.hide();
                break;

            case ADMIN_MANUAL_SERVICE: // 3是管理员分配客服成功
                tipText = message.content;
                dom = tipTpl({
                    content: tipText
                });

                // 接入人工客服需要评价
                processInfo.manual = true;

                // 显示评价&隐藏人工
                $iconEval.show();
                $iconMs.hide();
                break;

            default:
                break;
        }

        // 添加消息
        msgAppend(dom);
    }

    /**
     * 返回表情路径处理
     * @param text 文本
     * @private
     */
    function emojiPrefix(text) {
        if (typeof text === 'string') {
            return text.replace(/src="(\d{3}).gif"/g, 'src="' + assetsPrefix + '/img/service/emoji/$1.gif"');
        }

        return text;
    }

    /**
     * 处理客户消息
     * @private
     */
    function handleCusMsg(rec, msgType, message) {
        var dom;

        message.newContent = emojiPrefix(message.newContent);

        // 用户头像处理
        if (!rec.userHead) {
            rec.userHead = assetsPrefix + socketConf.defaultUserHead;
        }


        // 图片添加标签
        if (msgType === 2) {
            message.newContent = '<img class="img-msg" src="' + message.content + '">';
            dom = cusTpl({
                userHead: rec.userHead,
                userName: rec.userName,
                sendTimeShort: rec.sendTimeShort,
                newContent: message.newContent
            });

            var image = new Image();
            image.src = message.content;
            image.onload = function() {
                msgAppend(dom);
            };
        } else {
            dom = cusTpl({
                userHead: rec.userHead,
                userName: rec.userName,
                sendTimeShort: rec.sendTimeShort,
                newContent: message.newContent
            });
            msgAppend(dom);
        }
    }

    /**
     * 链接终端倒计时
     * @private
     */
    function breakCountdown(message) {
        var dom,
            tip;

        tip = message.content +
            '<span class="countdown"></span>';

        dom = tipTpl({
            content: tip
        });

        // 消息添加
        msgAppend(dom);
    }

    /**
     * 处理客服消息
     * @private
     */
    function handleCsMsg(rec, msgType, message) {
        var dom;

        message.newContent = emojiPrefix(message.newContent);
        if (msgType === 2) {
            message.newContent = '<img class="img-msg" src="' + message.content + '">';

            dom = cusTpl({
                userHead: rec.userHead,
                userName: rec.userName,
                sendTimeShort: rec.sendTimeShort,
                newContent: message.newContent
            });

            var image = new Image();
            image.src = message.content;
            image.onload = function() {
                msgAppend(dom);
            };
        } else {
            dom = csTpl({
                csHead: rec.csHead,
                csName: rec.csName,
                sendTimeShort: rec.sendTimeShort,
                newContent: message.newContent
            });

            msgAppend(dom);
        }
    }

    /**
     * 显示评价弹框
     */
    function showEvalModal(isclose) {
        var $evalModal = $('#makeEvaluation');

        // 没有接入人工
        if (!processInfo.manual) {
            return;
        }

        // 评价原因
        function discontentHtml(len, data) {
            var i,
                dom = '';

            for (i = 0; i < len; i = i + 2) {
                dom += disTpl({
                    id1: data[i].id,
                    id1Content: data[i].content,
                    id2: data[i + 1] && data[i + 1].id,
                    id2Content: data[i + 1] && data[i + 1].content
                });
            }

            $evalModal.find('.discontent').empty().append(dom);
        }

        // 拉取评价原因
        $.ajax({
            type: 'GET',
            url: urls.evalReason,
            data: {
                conversationId: socketConfCM.conversationId
            },
            success: function success(res) {
                var data = res.data,
                    len = data.length;

                if (res && res.code === 200) {
                    // 评价原因
                    len && discontentHtml(len, data);

                    if (isclose) {
                        // 评价完成后，是否关闭窗口
                        window.close();
                    }
                }
                $evalModal.modal('show');
            }
        });
    }

    /**
     * 处理收到消息
     */
    function getMessage(rec) {
        var dom,
            recType = rec.type,
            message = rec.chatMessage,
            msgType = message ? message.type : -1,
            isHidden = tab.tabIsHidden(),
            allTypes = socketConf.recType;

        console.log('客户收到消息！', rec);

        // 删除上个定时器
        if (titleInterval) {
            clearInterval(titleInterval);
        }

        if (isHidden) {
            titleInterval = setInterval(function() {
                document.title = '您有新消息！';
                setTimeout(function() {
                    document.title = docTitle;
                }, 300);
            }, 600);
        }

        switch (recType) {
            case allTypes.ENTER:
                enterSuccess(message);
                break;

            case allTypes.LINK_SUCCESS:
                linkSuccess(msgType, message);
                break;

            case allTypes.CU_SEND:
                handleCusMsg(rec, msgType, message);
                break;

            case allTypes.BREAK_TIME:
                breakCountdown(message);
                break;

            case allTypes.ROBOT_SEND:
                rec.csName = rec.csName || '客服机器人';
                dom = robotTpl({
                    assetsPrefix: assetsPrefix,
                    csName: rec.csName,
                    sendTimeShort: rec.sendTimeShort,
                    newContent: message.newContent
                });
                break;

            case allTypes.CS_SEND:
                handleCsMsg(rec, msgType, message);
                break;

            case allTypes.EVAL_INVITE:
                // 客服发起
                if (!processInfo.savedEval) {
                    processInfo.promoter = 2;
                    showEvalModal();
                }
                break;

            case allTypes.CS_CHATTING:
                csChatting(message);
                break;

            case allTypes.OP_LEAVE:
                offlineTip(message);
                break;

            case allTypes.OFFLINE:
                offlineTip(message);
                break;

            default:
                break;

        }

        // 添加新消息到消息列表
        dom && msgAppend(dom);
    }

    /**
     * 连接socket
     */
    function connectSocket() {
        var $reconnect,
            $iconEval = $('.icon.evaluate'),
            $iconMs = $('.icon.manual-service'),
            $connectFail = $('.connect-fail'),

            // 获取上次会话id
            lastSessionId = window.cookie('sessionId');

        originConf.conversationMessage.sessionId = lastSessionId || 0;
        socketChat.init($.extend(originConf, {
            onMessage: function onMessage(e) {
                var jsonString = e.data,
                    received = JSON.parse(jsonString);


                socketConfCM.conversationId = received.newConversationId !== 0 ?
                    received.newConversationId :
                    received.conversationId;

                // 保存会话id
                window.setCookie('conversationId', socketConfCM.conversationId, {expires: 60 * 15});
                window.setCookie('sessionId', received.sessionId, {expires: 60 * 15});

                getMessage(received);
            },

            onOpen: function() {
                $iconMs.hide();
                $iconEval.hide();
            },

            onClose: function() {
                $iconEval.hide();
                $reconnect = $msgList.find('.list-item')
                        .last().find('.reconnect');

                if(!$reconnect.length) {
                    offlineTip();
                }
            },

            connectFailCb: function() {
                $connectFail.fadeIn();
            },

            socketClosedCb: function() {
                offlineTip();
            }
        }));
    }

    /**
     * 消息解析
     * @param msgList
     */
    function msgResolve(msgList) {
        var i,
            len,
            item,
            dom = '',
            heightBefore,
            heightAfter;

        msgList = msgList.reverse();
        len = msgList.length;

        if (endTime === msgList[0].sendTime) {
            hasMore = false;
        }

        endTime = msgList[0].sendTime;

        if (hasMore) {
            for (i = 0; i < len; i++) {
                item = msgList[i];
                item.chatMessage.newContent = emojiPrefix(item.chatMessage.newContent);
                if (item.chatMessage.type === 2) {
                    item.chatMessage.newContent =
                        ['<img class="img-msg" src="', item.chatMessage.newContent, '">'].join('');
                }

                switch (item.type) {
                    case allRTs.CU_SEND:
                        if (!item.userHead) {
                            item.userHead = assetsPrefix + socketConf.defaultUserHead;
                        }
                        dom = cusTpl({
                            userHead: item.userHead,
                            userName: item.userName,
                            sendTimeShort: item.sendTimeShort,
                            newContent: item.chatMessage.newContent
                        });
                        break;

                    case allRTs.ROBOT_SEND:
                        item.csName = item.csName || '客服机器人';
                        dom = robotTpl({
                            assetsPrefix: assetsPrefix,
                            csName: item.csName,
                            sendTimeShort: item.sendTimeShort,
                            newContent: item.chatMessage.newContent
                        });
                        break;

                    case allRTs.CS_SEND:
                        dom = csTpl({
                            csHead: item.csHead,
                            csName: item.csName,
                            sendTimeShort: item.sendTimeShort,
                            newContent: item.chatMessage.newContent
                        });
                        break;

                    default:
                        break;
                }

            }

            heightBefore = $msgList.height();
            $msgList.prepend(dom);
            heightAfter = $msgList.height();
            $panelMainBody.scrollTop(heightAfter - heightBefore);
        }
    }

    /**
     * 获取历史聊天记录
     */
    function fetchHistoryMsg() {
        var msgList = [];
        var data = {
            encryptedUid: encryptedUid
        };

        if (endTime) {
            data.endTime = endTime;
        }
        $.ajax({
            type: 'GET',
            url: urls.msgHistory,
            data: data,
            success: function(res) {
                if (res && res.code === 200) {
                    if (hasMore) {
                        msgList = res.data && res.data.records || [];
                        msgResolve(msgList);
                    }
                    $history.hide();
                    processInfo.scrollLoad = true;
                }
            }
        });
    }

    // 用户信息获取并初始化socket连接
    (function() {
        var param = {
            return_type: 'jsonp',
            method: 'open.passport.get'
        };

        $.getJSON('//www.yohobuy.com/common/passport/?callback=?', param, function(jsonData) {
            if (jsonData && jsonData.data && jsonData.data.result !== -1) {

                socketConfCM.userHead = jsonData.data.headIco || '';
                socketConfCM.userName = decodeURIComponent(window.getUser()[0]);

                // 原始配置信息用于重新连线
                originConf = JSON.parse(JSON.stringify(socketConf));

                // 连接
                connectSocket();
            }
        });
    }());

    // tab页title重置
    tab.tabVisible(function() {
        document.title = docTitle;
        clearInterval(titleInterval);
    });

    // 校验留言输入内容
    $leaveMsg.find('textarea').bind('change', function() {
        var $lm = $('#leaveMsg'),
            val = $(this).val();

        if (val === '') {
            $lm.find('.leave-msg-tip').removeClass('hide');
        } else {
            $lm.find('.leave-msg-tip').addClass('hide');
        }
    });

    // 提交留言
    $leaveMsg.find('.submit').click(function() {
        var lMsg = $('#leaveMsg'),
            val = lMsg.find('textarea').val().trim();

        if (val === '') {
            lMsg.find('.leave-msg-tip').removeClass('hide');
            return false;
        }

        $.ajax({
            type: 'POST',
            url: urls.leaveMsg,
            data: {
                content: val,
                encryptedUid: encryptedUid,
                conversationId: socketConfCM.newConversationId || socketConfCM.conversationId
            },
            success: function(res) {
                if (res && res.code === 200) {
                    lMsg.modal('hide');
                }
            },
            error: function() {
                lMsg.modal('hide');
            }
        });
    });

    // 提交评价
    $makeEvalModal.find('.submit').click(function() {

        var $btnEval = $('.icon.evaluate'),
            mEval = $('#makeEvaluation'),
            reason = mEval.find('textarea').val().trim(),
            star = mEval.find('.star.positive').length,
            reasonTypes = mEval.find('.dis-row .type.chosen');

        var data = {
            conversationId: socketConfCM.conversationId,
            encryptedUid: encryptedUid,
            promoter: processInfo.promoter,
            stars: star
        };

        var reasonIds,
            idArray = [];

        if (star < 4) {
            $.each(reasonTypes, function(index, item) {
                idArray.push($(item).data('id'));
            });

            reasonIds = idArray.join(':');
            data.reasonIds = reasonIds;
            data.reasonMsg = reason;
        }

        $.ajax({
            type: 'POST',
            url: urls.makeEval,
            data: data,
            success: function(res) {
                // 提交评价过后，不管是否成功都应该关闭弹框
                processInfo.promoter = 1;
                mEval.modal('hide');
                $btnEval.hide();
                processInfo.savedEval = true;

                if (res && res.code === 200) {
                    // 评价后通知客服
                    socketConfCM.type = allRTs.EVAL_NOTICE;
                    socketConfCM.uuid = uuid.v4();
                    socketChat.send(socketConfCM);
                }
            },
            error: function() {
                mEval.modal('hide');
            }
        });
    });

    // 根节点高度设置
    $html.css({
        height: '100%'
    });

    // 获取鼠标位置
    $.fn.getCursorPosition = function() {
        var sel,
            pos = 0,
            selLength,
            el = $(this).get(0);

        if ('selectionStart' in el) {
            pos = el.selectionStart;
        } else if ('selection' in document) {
            sel = document.selection.createRange();
            selLength = document.selection.createRange().text.length;

            el.focus();
            sel.moveStart('character', -el.value.length);
            pos = sel.text.length - selLength;
        }
        return pos;
    };

    // enter提交 ctrl+enter换行
    $msgArea.on('keydown', msgEnterAction);

    // 常见问题
    $('.qa-list .q').on('click', toggleAnswer);

    // 发送订单信息
    $sendOrder.on('click', function(e) {
        var tag = $(this),
            no = tag.data('no'),
            nm = tag.data('nm'),
            time = tag.data('time'),
            status = tag.data('status');

        var msgContent = ['单号：', no, '金额：', '￥' + nm, '下单时间：', time, '状态：', status];

        sendMessage(e, 10, msgContent);
    });

    // 发送图片
    $sendImgInput.fileupload({
        dataType: 'json',
        acceptFileTypes: /(\.|\/)(bmp|gif|jpe?g|png)$/i,
        maxFileSize: 5000000, // 5M
        url: configDomains.imServer + '/fileManage/uploadFile',
        progressall: function(e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);

            $('.progress-bar').css('width', progress + '%');
        },
        done: function(e, res) {
            res = res.result;
            if (res && res.code === 200) {
                // 共通处理
                beforeSendMsg();

                // 上传成功后发送图片消息
                socketConfCM.type = allRTs.CU_SEND;
                socketConfCM.chatMessage.content = res.data.filePath;
                socketConfCM.chatMessage.type = 2;
                socketConfCM.uuid = uuid.v4();
                socketChat.send(socketConfCM);
            }
            setTimeout(function() {
                $('.progress-bar').fadeOut();
            }, 500);
        },
        error: function() {
            $('.progress-bar').css('width', 0);
            $('.upload-tip').text('上传失败，请稍后重试').fadeIn();
            setTimeout(function() {
                $('.upload-tip').fadeOut().text('');
            }, 2000);
        }
    }).on('fileuploadprocessalways', function(e, data) {
        var $tip = $('.upload-tip'),
            currentFile = data.files[data.index];

        if (data.files.error && currentFile.error) {
            switch (currentFile.error) {
                case 'File type not allowed':
                    $tip.text('您上传的图片格式不正确').fadeIn();
                    break;

                case 'File is too large':
                    $tip.text('请上传5M以内的图片').fadeIn();
                    break;
                default:
                    break;
            }
            setTimeout(function() {
                $tip.fadeOut().text('');
            }, 2000);
        }
    });

    // 订单信息、常见问题
    $rightHeadTab.on('click', function() {
        var $el = $(this),
            $siblings = $el.siblings(),
            $panRight = $('.panel-right'),
            order = $el.hasClass('order'),
            active = $el.hasClass('active'),
            $qaUse = $panRight.find('.qa-use'),
            $orderUse = $panRight.find('.order-use');

        if (active) {
            return;
        }

        $el.addClass('active');
        $siblings.removeClass('active');

        if (order) {
            $qaUse.hide();
            $orderUse.show();
        } else {
            $qaUse.show();
            $orderUse.hide();
        }
    });

    // 星评
    $document.on('click', '.make-eval .star', function() {
        var el,
            i,
            len,
            tag = $(this),
            index = tag.index(),
            $detailReason = $('.detail-reason'),
            textEl = $('.make-eval .star-text'),
            startList = $('.make-eval .stars .star');

        var starText = {
            0: '非常不满意',
            1: '不满意',
            2: '一般',
            3: '满意',
            4: '非常满意'
        };

        for (i = 0, len = startList.length; i < len; i++) {
            el = $(startList[i]);
            el.index() <= index && el.addClass('positive');
            el.index() > index && el.removeClass('positive');
        }

        index < 3 && $detailReason.show();
        index >= 3 && $detailReason.hide();
        textEl.text(starText[index]);
    });

    // 选择不满意类型
    $document.on('click', '.dis-row .type', function(e) {
        $(e.target).toggleClass('chosen');
    });

    // 留言
    $msgList.on('click', '.leave-msg', leaveMsg);

    // 消息编辑框功能区
    $msgEdit.find('.util .icon').on('click', function(e) {
        var cTa = $(this),
            index = cTa.index(),
            comp = $('.emoji-component');

        var utilMap = {
            0: function() {
                var isNone,
                    compHeight,
                    topPo = cTa.offset().top,
                    leftPo = cTa.offset().left,
                    cTaHeight = cTa.height();

                isNone = comp.css('display') === 'none';
                comp.css({display: 'inline-block'});
                compHeight = comp.height();
                isNone && comp.css({
                    top: topPo - cTaHeight - compHeight - 5,
                    left: leftPo
                });

                !isNone && comp.hide();
            },

            2: function() {
                showEvalModal();
            },

            3: function() {
                manualService();
            }
        };

        if (index === 1) {
            return;
        }
        utilMap[index](e);
    });

    // 设置表情
    $document.on('click', '.emoji-component .emoji', setEmoji);

    // 表情组件隐藏
    $document.on('click', function(e) {
        var $t = $(e.target),
            comp = $('.emoji-component');

        if (!$t.hasClass('emoji') && !$t.hasClass('emoji-component')) {
            comp.hide();
        }
    });

    // 重新连线
    $document.on('click', '.reconnect', function() {
        $('.connect-fail').hide();

        // 共通处理
        beforeSendMsg();
        connectSocket();
    });

    // 发送
    $msgEdit.find('.send').on('click', sendMessage);

    // 关闭聊天窗口
    $close.click(function() {
        if (processInfo.manual && !processInfo.savedEval) {
            // 没有保存过评论
            showEvalModal(true);
        } else {
            window.close();
        }
    });

    // 失去焦点更新鼠标位置
    $msgArea.on('blur', function() {
        cursorPosition = $(this).getCursorPosition();
    });

    // 消息图片放大显示
    $msgList.on('click', '.msg-bubble .img-msg', function(e) {
        var $et = $(e.target),
            $zoom = $('.img-zoom-in'),
            $img = $zoom.find('img'),
            maxH = $window.height() - 100;

        $img.css('max-height', maxH);
        $img.attr('src', $et.attr('src'));
        $zoom.fadeIn();
    });

    $document.on('click', '.img-zoom-in', function() {
        $(this).fadeOut();
    });

    // 显示历史记录
    $history.click(fetchHistoryMsg);

    // 滚动加载更多
    $panelMainBody.scroll(function() {
        var loading = $panelMainBody.scrollTop() === 0;

        processInfo.scrollLoad && loading && hasMore && fetchHistoryMsg();
    });
}

// 拉取域名信息
(function() {
    $.ajax({
        type: 'GET',
        url: '/service/domains',
        success: function(domains) {
            configDomains = domains;

            // url前缀添加
            for (key in urls) {
                if (urls.hasOwnProperty(key)) {
                    urls[key] = configDomains.imCs + urls[key];
                }
            }

            // 检查支持性
            (function() {
                if (!window.WebSocket) {
                    $('.un-support').show();
                    return false;
                } else {
                    socketConf.servers.push(configDomains.imSocket);
                    pageInit();
                }
            }());
        }
    });
}());

// 点击刷新提示
window.onbeforeunload = function() {
    return '';
};