/**
 * Created by wangqianjun on 16/3/30.
 */

var $ = require('jquery');
common = require('../../../common/common');

var ZeroClipboard = require("../../../common/util/ZeroClipboard.min");
ZeroClipboard.config({swfPath: "http://cdn.yoho.cn/yohobuy-portal/assets/images/ZeroClipboard.swf"})

var imgArr = [];

var ENUM = {
    HotEnum: {
        '1': '是',
        '0': '否',
    },

    StatusEnum: {
        1: '可用',
        2: '不可用',
    },

    GenderEnum: {
        1: '男',
        2: '女',
        3: '通用',
    },

}

//下拉框
new common.dropDown({
    el: "#g-status"
});

new common.dropDown({
    el: "#g-gender"
});


new common.dropDown({
    el: "#g-brandType",
    ajax: 'guangPlusSatrChannel',
    params: {
        status: 1
    }

});

new common.dropDown({
    el: "#g-brandId",
    ajax: 'brand',
    params: {
        status: 1
    }

});
// var client ;
var g = new common.grid({
    el: '#basicTable',
    size: 10,
    parms: function () {

        return {
            brandType: common.util.__input('g-brandType'),
            status: common.util.__input('g-status'),
            brandId: common.util.__input('g-brandId'),
            gender: common.util.__input('g-gender'),
        };
    },
    columns: [
        {
            display: 'ID',
            name: "id"
        },

        {
            display: '品牌ID',
            name: "brandId"
        }, {
            display: '品牌名称',
            name: "brandName"
        },
        {
            display: '封面图',
            render: function (item) {
                if (item.coverImg) {
                    return '<a class="list-img" target="_blank">' +
                        '<img src="' + item.coverImg + '"></a>';
                } else {
                    return '';
                }

            }
        },
        {
            display: '频道名称',
            name: "categoryName"
        }, {
            display: '性别',
            render: function (item) {
                return "<p>" + ENUM.GenderEnum[item.gender] + "</p>";
            }
        }, {
            display: '是否可用',
            render: function (item) {
                return "<p>" + ENUM.StatusEnum[item.status] + "</p>";
            }
        },
        {
            display: '更新时间',
            render: function (item) {
                var t = new Date(item.updateTime * 1000);
                var formatted = common.util.__dateFormat(t, "yyyy-MM-dd hh:mm:ss");
                return "<p>" + formatted + "</p>";
            }
        },

        {
            display: '操作',
            //}
            name: "status",
            render: function (items) {
                var HtmArr = [];

                HtmArr.push('<a data-index="' + items.__index + '" href="JavaScript:;" class="btn btn-primary btn-xs info-copy" data-clipboard-text="https://m.yohobuy.com/guang/plustar/brandinfo?id=' + items.id + '" id="copy-' + items.__index + '">复制链接</a>');
                HtmArr.push('<a data-index="' + items.__index + '" href="JavaScript:;" class="btn btn-info btn-xs info-modify">查看 / 编辑</a>');
                HtmArr.push('<a data-index="' + items.__index + '" href="JavaScript:;" class="btn btn-danger btn-xs info-del">删除</a>');

                return HtmArr.join('');
            }
        }],
    complete: function () {
        new ZeroClipboard($(".info-copy"));
    }
});
g.init('/guang/plustar/getList');

//==================== 按钮点击事件 =====================//

$("#filter-btn").click(function () {
    g.reload(1);
});

//添加
$(document).on('click', '#add-btn', function () {
    plusStarOP("新增", '/guang/plustar/addPlustar', {});

});

//编辑
$(document).on('click', '.info-modify', function () {
    var item = g.rows[$(this).data("index")];
    common.util.__ajax(
        {
            url: '/guang/plustar/getDetail',
            data: {
                id: item.id,
            }
        }, function (res) {

            //var item = res.data;
            plusStarOP("编辑", '/guang/plustar/updatePlustar', res.data);
        }, true);

});


$(document).on('click', '.info-copy', function () {
    common.util.__tip("链接已复制好，可贴粘", "success")
});

//删除
$(document).on('click', '.info-del', function () {
    var item = g.rows[$(this).data("index")];

    common.dialog.confirm("温馨提示", "确定要删除该品牌？", function () {
        common.util.__ajax({
            url: '/guang/plustar/delPlustar',
            data: {
                id: item.id,
            }
        }, function (res) {
            if (res.code == 200) {
                g.reload();
            }
        });
    });
});


function plusStarOP(prefix, url, item) {

    var a = new common.edit("#templete-top", {
        "bucket": "plustar"
    });

    a.on("validate", function () {
        if (imgArr.length == 0) {
            return "请上传banner图";
        }
    });
    common.dialog.confirm(prefix + '品牌', common.util.__template2($("#template").html(), item), function () {
        return a.submit(url, function (option) {

            if (imgArr.length) {
                option.data.bannerImg = imgArr.toString();
            }
            imgArr = [];

            option.success = function (res) {
                if (res.code == "200") {
                    a.$tip("提交成功", function () {
                        g.reload();
                    }, 'growl-success');
                } else {
                    a.$tip(res.message);
                }
                return false;
            },
                option.error = function (res) {
                    a.$tip(res.message);
                }
        });
    });
    $(".modal-dialog").css("width","800px");

    a.init();

    if (prefix == "编辑") {
        imgArr = item.bannerImg || [];
        $('#brandId').attr('disabled', true);
    } else {
        imgArr = [];
        $('#brandId').attr('disabled', false);

    }


    uploadImage();
    rendBoList(imgArr);


    new common.dropDown({
        el: "#brandType",
        ajax: 'guangPlusSatrChannel',
        params: {
            status: 1
        }

    });

    new common.dropDown({
        el: "#brandId",
        ajax: 'brand',
        params: {
            status: 1
        }

    });

}

// 图片上传
function uploadImage() {
    common.edit.ajaxfileupload(".picfile", {
        params: {
            __type: "upload",
            bucket: "plustar"
        },
        valid_extensions: ['png', 'jpg', 'jpeg'],
        onComplete: function (response) {

            if (response.status && response.code == 200) {
                console.log("response", response);
                if (response.data) {
                    imgArr.push(response.data);
                    rendBoList(imgArr);
                }
            }
            else {
                common.util.__tip(response.message, 'warning');
            }
        }
    });
}

function rendBoList(pictureBoList) {
    $(".image-list").html('');
    $("#addPic").append(common.util.__template2($("#imgeUpload").html(),
        {
            pictureBoList: pictureBoList
        }
    ));
}

//删除单张图片
$(document).on('click', '.remove1', function () {
    var index = $(this).data("index");
    imgArr.splice(index, 1);
    rendBoList(imgArr);
});