/**
 * Created by JiangMin on 2016/3/17.
 * 模特管理
 */
var $ = require('jquery');
var common = require('../../../common/common');
var STATUS = {
    '1': "启用",
    '2': "禁用"
};
/**
 * 列表显示数据
 * @type {common.grid}
 */
var g = new common.grid({
    el: '#content-list',
    hash: false,
    //查询参数
    parms: function () {
        return {
            modelName: common.util.__input('content-filter1'),
            englishName: common.util.__input('content-filter2'),
            status: common.util.__input('status-filter'),
            modelType: 1
        };
    },

    //列表显示
    columns: [
        {display: "姓名", name: "modelName"},
        {display: "英文名", name: "englishName"},
        {
            display: "头像", name: "avatar", render: function (item) {
            if(item.avatar){
                return '<img src="' + item.avatar + '?imageView/2/w/100/h/100" width="100" height="60"/>'
            }
            return ""

        }
        },//图片显示
        {display: "国籍", name: "nationality"},
        {display: "身高", name: "height"},
        {display: "体重", name: "weight"},
        {
            display: "胸围", render: function (item) {
            var a = item.vitalStatistics.split(/[,|/]/g);
            return a[0];
        }
        },
        {
            display: "腰围", render: function (item) {
            var a = item.vitalStatistics.split(/[,|/]/g);
            return a[1];
        }
        },
        {
            display: "臀围", render: function (item) {
            var a = item.vitalStatistics.split(/[,|/]/g);
            return a[2];
        }
        },
        {display: "鞋码", name: "shoeSize"},
        {display: "衣服尺码", name: "dressSize"},
        {
            display: "模特卡", name: "modelCard ", render: function (item) {
            if(item.modelCard){
                return '<img src="' + item.modelCard + '?imageView/2/w/100/h/100" width="100" height="60"/>'
            }
            return ""

        }
        },
        {
            display: "状态", name: "status", render: function (item) {
            if (item.status == 1) {
                return "启用"
            }
            else {
                return "禁用"
            }

        }
        },

        {
            display: "操作", name: "", render: function (item) {
            var arr = [];
            arr.push('<a class="btn btn-info update" data-index="' + item.__index + '">修改</a>');
            arr.push('<a class="btn btn-danger delete" data-index="' + item.__index + '">删除</a>');
            return arr.join('');
        }
        }
    ]
});
g.init("/shotManage/model/getAllModels");
/*验证*/
var e = new common.edit2(".modal-body");
var Bll = {
    module: null,
    __render: function (selecter, templater, data) {
        $(selecter).html(common.util.__template2($("#" + templater).html(), data));
    },
    edit: function () {
        //验证英文名
        if ($("#englishName").val()) {
            e.on("validate", function () {
                var englishName = $.trim($("#englishName").val());
                var a = (/^([A-Za-z]+\s?)*[A-Za-z]$/).test(englishName);
                if (!a) {
                    return "英文名有误"
                }
                return true;
            });
        }

        //验证身高
        if ($("#height").val()) {
            e.on("validate", function () {
                var height = $.trim($("#height").val());
                if (height > 250 || height < 100) {
                    return "身高值范围为100~250"
                }
                return true;
            });
        }

        //验证体重
        if ($("#weight").val()) {
            e.on("validate", function () {
                var weight = $.trim($("#weight").val());
                if (weight > 200 || weight < 10) {
                    return "体重值范围为10~200"
                }
                return true;
            });
        }

        //验证胸围
        if ($("#Bust").val()) {
            e.on("validate", function () {
                var Bust = $.trim($("#Bust").val());
                if (Bust > 200) {
                    return "胸围值应小于200"
                }
                return true;
            });
        }

        //验证腰围
        if ($("#waist").val()) {
            e.on("validate", function () {
                var waist = $.trim($("#waist").val());
                if (waist > 200) {
                    return "腰围值应小于200"
                }
                return true;
            });
        }

        //验证臀围
        if ($("#hips").val()) {
            e.on("validate", function () {
                var hips = $.trim($("#hips").val());
                if (hips > 200) {
                    return "臀围值应小于200"
                }
                return true;
            });
        }
    },
    toast: function (url, item, hint) {
        Bll.edit();
        Bll.module = item;
        var a = common.dialog({
            title: hint,
            content: common.util.__template2($("#template").html(), Bll.module),
            width: "40%",
            button: [{
                value: "确认",
                css: "btn btn-primary",
                callback: function () {
                    Bll.module.vitalStatistics = [Bll.module.Bust, Bll.module.waist, Bll.module.hips].join("|");
                    common.util.__ajax({
                        url: url,
                        data: Bll.module
                    }, function () {
                        g.reload(1);//重新加载界面
                        a.close();//关闭模态框
                    }, true)
                }
            }, {
                value: "取消",
                css: "btn"
            }]
        });
        Bll.__editRender();
    },
    renderDialog: function (templater) {
        Bll.__render(".modal-body", templater, Bll.module);
        Bll.__editRender();
    },
    __editRender: function () {
        e.init();
        e.on("file_onComplete", function (obj) {
            var names = obj.field;
            Bll.module = common.util.__buildobj(names, '.', Bll.module, function (o, name) {
                o[name] = obj.data;
            });
            Bll.renderDialog("template");
        });

    }
};

/**
 * 监听输入框变化
 */
$(document).on("change", ".observe", function () {
    var $this = $(this);
    var name = $this.data("field");
    Bll.module = common.util.__buildobj(name, '.', Bll.module, function (obj, name1) {
        obj[name1] = $this.val();
    });
});
//添加模特--点击事件
$('#add-content').on('click', function () {
    var item = {
        "__state": "add",
        'englishName': "",//英文名
        'height': "",//身高
        'dressSize': "",//穿衣尺码
        'modelName': "",//名称
        'modelType': 1,//模特类型：1 拍摄模特 2 试穿模特
        'nationality': "",//国籍
        'status': 1,//模特状态：0 禁用 1 启用
        'shoeSize': "",//鞋尺码
        'vitalStatistics': "",//三围
        "Bust": "",//胸围
        "waist": "",//腰围
        "hips": "",//臀围
        'weight': "",//体重
        'avatar': "",//头像
        'modelCard': ""//模特卡
    };
    Bll.toast('/shotManage/model/addModel', item, "添加模特");
});

//删除图片
$(document).on('click', '.remove1', function () {
    var title = $(this).data("link");
    Bll.module[title] = "";
    Bll.renderDialog("template");
});
//修改模特--点击事件
$(document).on('click', '.update', function () {
    var item = g.rows[$(this).data("index")];
    item.__state = "update";
    var a = item.vitalStatistics.split(/[,|/]/g);
    item.Bust = a[0];
    item.waist = a[1];
    item.hips = a[2];
    Bll.toast('/shotManage/model/updateModel', item, "修改模特");
});
//删除--点击事件
$(document).on('click', '.delete', function () {
    var item = g.rows[$(this).data("index")];
    common.dialog.confirm("警告",
        "确认删除？",
        function () {
            common.util.__ajax({
                url: '/shotManage/model/delModel',
                data: {
                    id: item.id
                }
            }, function () {
                g.reload(1);
            }, true);
        });
});
//查询按钮--点击事件
$(document).on('click', '#filter-btn', function () {
    g.reload(1);
});