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

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

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 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: '频道名称',
            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">复制链接</a>');
                HtmArr.push('<a data-index="' + items.__index + '" href="JavaScript:;" class="btn btn-primary 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('');
            }
        }]
});
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);
    });

});

//删除
$(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){
                res=res.data;
                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);
                }
        });

    });

    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);
});