/**
 * Created by JiangMin on 2016/3/22.
 * 产品图片管理
 */
var $ = require('jquery');
var common = require('../common/common');
//日期插件
$('.hasDatepicker').fdatepicker({
    format: 'yyyy-mm-dd'
});

/**
 * 列表显示数据
 * @type {common.grid}
 */
var g = new common.grid({
    el: '#content-list',
    hash: false,
    parms: function () {
        return {
            //查询参数
            productSkn: common.util.__input('content-filter1'),
            productSkc: common.util.__input('content-filter2'),
            productSku: common.util.__input('content-filter3'),
            startTime: ((new Date($('#starttime').val())).getTime()) / 1000,
            endTime: ((new Date($('#endtime').val())).getTime()) / 1000
        };
    },
    //列表显示
    columns: [
        {display: "SKN", name: "productSkn"},
        {
            display: "最后上传时间", name: "lastAddTime",
            render: function (item) {
                var t = new Date(item.lastAddTime * 1000);
                var formatted = common.util.__dateFormat(t, "yyyy-MM-dd hh:mm:ss");
                return "<p>" + formatted + "</p>";
            }
        },
        {
            display: "图片", name: "pictureBoList", render: function (item) {
            var a = item.pictureBoList || [];
            if (a.length > 0) {
                var b;
                for (var i = 0; i < a.length; i++) {
                    b = b + '<img src="' + item.pictureBoList[i].fileName + '?imageView/2/w/100/h/100" width="100" height="60"/>'
                }
                return b.substr(9);
            }
            else {
                return ""
            }
        }
        },
        {
            display: "操作", name: "", render: function (item) {
            var arr = [];
            arr.push('<a class="btn btn-info update" data-index="' + item.__index + '">编辑</a>');
            return arr.join('');
        }
        }
    ]
});
g.init("/shotManage/proPhoto/index2");


var Bll = {
    pictureBoList: [],
    selectedBoId: [],
    //重新渲染图片列表
    rendBoList: function (pictureBoList) {
        $(".image-list").html('');
        $("#addPic").prepend(common.util.__template2($("#template2").html(),
            {
                pictureBoList: pictureBoList
            }
        ));
    },
    //获取图片原始名称
    getFileName: function (file) {
        var pos = file.lastIndexOf("\\");
        return file.substring(pos + 1);
    },
    //获取编辑时新增的图片
    getNewPics:function(pictureBoList){
        var newPic=[];
        if(pictureBoList.length>0){
            for (var i = 0; i < pictureBoList.length; i++) {
                if (!pictureBoList[i].id) {
                    newPic.push(pictureBoList[i])
                }
            }
        }
        return newPic
    },

    toast: function (url, item, datacall) {
        Bll.pictureBoList = item.pictureBoList||[];
        Bll.selectedBoId = [];
        var a = new common.dialog({
            title: "图片",
            width: '80%',
            content: common.util.__template2($("#template1").html(), item),
            button: [
                {
                    value: "提交", callback: function () {
                    var data={};
                    if(item.__state=='add'){
                        data = datacall && datacall(Bll.pictureBoList, Bll.selectedBoId);
                    }else{
                        data = datacall && datacall(Bll.getNewPics(Bll.pictureBoList), Bll.selectedBoId);
                    }
                    console.log("最终提交数据data",data);
                    common.util.__ajax({
                        url: url,
                        data: data
                    }, function (res) {
                        if (res.code == '200') {
                            g.reload();
                            a.close();
                        }
                    });
                    return false;
                }, css: "btn-primary"
                },
                {
                    "value": "取消",
                    css: "btn-info"
                }
            ]
        });
        Bll.rendBoList(Bll.pictureBoList);
        common.edit.ajaxfileupload(".picfile", {
            params: {
                __type: "upload",
                bucket: "goodsimg"
            },
            valid_extensions: ['png', 'jpg', 'jpeg'],
            onComplete: function (response) {
                //if (response.status && response.code == 200) {
                //    var file = $("#picfile").val();
                //    var fileName = Bll.getFileName(file);
                //    var data = {
                //        "fileName": response.data,
                //        "originalName": fileName
                //    };
                //    Bll.pictureBoList.push(data);
                //    Bll.rendBoList(Bll.pictureBoList);
                //}
                if (response.status && response.code == 200) {
                    console.log("response", response);
                    for(var i=0;i<response.data.length;i++){
                        Bll.pictureBoList.push({
                            "fileName": response.data[i],
                            "originalName": response.names[i]
                        })
                    }
                    Bll.rendBoList(Bll.pictureBoList);
                }
                else {
                    common.util.__tip(response.message, 'warning');
                }
            }
        });

    }
};
//上传图片--点击事件
$('#upload-btn').on('click', function () {
    var item = {
        __state: "add"
    };
    Bll.toast('/shotManage/proPhoto/add', item, function (pictureBoList, selectedBoId) {
        return {
            productPhotoAddStrList: JSON.stringify(pictureBoList)
        }
    });
});

//编辑
$(document).on('click', '.update', function () {
    var item = g.rows[$(this).data("index")];
    item.__state = "update";
    Bll.toast('/shotManage/proPhoto/add', item, function (pictureBoList, selectedBoId) {
        return {
            productSkn: item.productSkn,
            ids: JSON.stringify(selectedBoId),
            productPhotoAddStrList: JSON.stringify(pictureBoList)
        }
    });
});

//删除单张图片
$(document).on('click', '.remove1', function () {
    var index = $(this).data("index");
    if(Bll.pictureBoList[index].id){
        Bll.selectedBoId.push(Bll.pictureBoList[index].id);
    }
    Bll.pictureBoList.splice(index, 1);
    Bll.rendBoList(Bll.pictureBoList);
});

//查询按钮--点击事件
$(document).on('click', '#filter-btn', function () {
    g.reload(1);
});