'use strict';

/**
 * Created by Administrator on 2016/7/27.
 */
(function () {
    var $form = $('#container .introducer');
    var $submit = $('input[type="submit"]', $form);
    var $introducerMobile = $('#introducerMobile', $form);
    var $projectDescription = $('#projectDescription', $form);
    var $errorPhone = $('.error-phone', $form);
    var $errorDescription = $('.error-description', $form);
    var $successDialog = $('.modal-box-success');

    var filterMobileInput = function filterMobileInput($mobile) {
        $mobile.val(($mobile.val() + '').replace(/[^\d]/g, ''));
    };

    var validateMobile = function validateMobile() {
        var mobile = $.trim($introducerMobile.val() + '');
        if (/^[\d]{11}$/g.test(mobile)) {
            $errorPhone.empty();
            return mobile;
        } else {
            $errorPhone.html('手机号输入错误!');
            return false;
        }
    };

    var validateDescription = function validateDescription() {
        var description = $.trim($projectDescription.val() + '');
        if (description.length) {
            $errorDescription.empty();
            return description;
        } else {
            $errorDescription.html('请输入项目描述内容!');
            return false;
        }
    };

    $introducerMobile.on('keyup', function (e) {
        filterMobileInput($introducerMobile);
    }).on('change blur', function (e) {
        validateMobile();
    }).on('focus', function (e) {
        $errorPhone.empty();
    });

    $projectDescription.on('change blur', function (e) {
        validateDescription();
    }).on('focus', function (e) {
        $errorDescription.empty();
    });

    $successDialog.on('click', '.modal-dialog-close', function (e) {
        $successDialog.fadeOut(300);
    });

    $form.on('submit', function (e) {
        e.preventDefault();
        var mobile = validateMobile();
        var description = validateDescription();
        if (mobile && description) {
            request('/api/1.0/proj/add.json', {
                mobile: mobile,
                description: description
            }, 'POST').then(function () {
                $successDialog.fadeIn(300);
            }).catch(function () {
                alert('提交失败, 请稍后再试!');
            });
            $introducerMobile.val('');
            $projectDescription.val('');
        }
    });
})();

(function () {
    var $modalBox = $('.modal-box');

    var projectsList = [{
        'projectName': '中电投天津',
        'projectType': '保障房建设',
        'projectTime': '2年',
        'projectInfo': '用于补充公司现金流，承载天津市保障房建设。'
    }, {
        'projectName': '中电投西安',
        'projectType': '基础建设项目',
        'projectTime': '2年',
        'projectInfo': '用于认购光大信托计划,用于向“绿源公司”发放信托贷款，用于建设西安绿源农产品批发市场项目。'
    }, {
        'projectName': '金元百利海安',
        'projectType': '企业流贷',
        'projectTime': '3年',
        'projectInfo': '用于受让南通新沿海对海安经济技术开发区管委会的应收账款债 权,资金最终用于补充南通新沿海的流动资金。'
    }, {
        'projectName': '中电投金堂',
        'projectType': '基础建设项目',
        'projectTime': '2年',
        'projectInfo': '用于认购光大信托先融锐金1号集合资金信托计划,补充公司流动资金,用于基础建设项目'
    }, {
        'projectName': '国信巴中',
        'projectType': '基础建设项目',
        'projectTime': '2年',
        'projectInfo': '用于通江县壁州大道二期(高速连接道)建设项目用款。'
    }, {
        'projectName': '枢纽铜仁',
        'projectType': '保障房建设项目',
        'projectTime': '18个月',
        'projectInfo': '用于贵州省铜仁市碧江区城市棚户区改造安置房项目'
    }, {
        'projectName': '枢纽余庆',
        'projectType': '基础建设项目',
        'projectTime': '1年',
        'projectInfo': '用于贵州遵义市余庆县敖溪镇至关兴镇道路工程建设'
    }, {
        'projectName': '中电投黔南州',
        'projectType': '基础建设项目',
        'projectTime': '2年',
        'projectInfo': '用于认购光大信托先融黔南1号集合资金信托计划,补充公司流 动资金,用于基础建设项目 '
    }];

    var template = function template(_ref) {
        var projectName = _ref.projectName;
        var projectTime = _ref.projectTime;
        var projectType = _ref.projectType;
        var projectInfo = _ref.projectInfo;

        return '<h4>' + projectName + '</h4><h3>' + projectTime + '</h3><h6>' + projectType + '</h6><p>' + projectInfo + '</p>\n        <img src="https://res.fudou6.com/c/4/20160801/zupNy5waWNfaGQ=_257x423.jpg">\n        <a href="javascript:void(\'close\');" class="modal-dialog-close">×</a>';
    };

    var $modalDialog = $('.modal-dialog', $modalBox);

    $('.hot-project-address').on('click', 'a', function (e) {
        e.preventDefault();
        var target = e.target;
        var html = '';
        var index = $(target).data(index).index;
        var project = projectsList[index];
        if (project) {
            html = template(project);
            $modalDialog.html(html);
            $modalBox.fadeIn(300);
        }
    });

    $modalBox.on('click', '.modal-dialog-close', function (e) {
        e.preventDefault();
        $modalBox.fadeOut(300);
    });
})();

// (function () {
//
//
//
//
//
//     var $modalBoxProject = $('.modal-box-project');
//     var $modalBoxSuccess = $('.modal-box-success');
//
//
//
//
//     /**
//      * 地图项目地址弹框
//      */
//     $('.hot-project-address a').click(function (e) {
//         e.preventDefault();
//         $modalBox.fadeIn(300);
//     });
//     $('#modalBoxHidden').click(function (e) {
//         e.preventDefault();
//         $modalBox.fadeOut(300);
//     });
//
//     /**
//      * 项目提交弹框
//      */
//     $submit.on('click',function(e){
//         e.preventDefault();
//         $modalBoxSuccess.fadeIn(300);
//     });
//     $('.modal-box-success a').on('click',function(e){
//         e.preventDefault();
//         $modalBoxSuccess.fadeOut(300);
//     });
//
//
// })();

//# sourceMappingURL=project.js.map