$(document).ready(function () {

    //桌面切换
    $('.inSec3Head').on('click', '.inSec3HeadTab', function () {
        if ($(this).hasClass('active')) return;
        var ind = $(this).attr('ind');
        $('.inSec3Row.active').sortable("destroy");
        $(this).addClass('active').siblings('.inSec3HeadTab').removeClass('active');
        $('.inSec3Row').css('display', 'none').removeClass('active').siblings('.inSec3Row[ind="' + ind + '"]').fadeIn().addClass('active');
        sortableInit();
    });
    //桌面设置弹框中的事件
    $('.desktopSetBox').on('click', '.faR', function () {//点击默认桌面-恢复标识，显示恢复提示
        $(this).parents('.deskSetLi').addClass('active')
    }).on('click', '.deskSetClose', function () {//点击提示中关闭标识，不显示恢复提示
        $(this).parents('.deskSetLi').removeClass('active');
    }).on('click', '.deskSetTrue', function () {//点击提示中确定标识，添加桌面或者重置桌面
        var parents = $(this).parents('.deskSetLi');
        if (parents.hasClass('deskSetLiNew')) {
            var inputs = parents.find('input');
            desktopNew(inputs.val());
            inputs.val('新建桌面');
        } else {
            var txt = $(this).parent().attr('txt');
            parents.removeClass('active');
            var desktopId = parents.attr('desktopId');
            var defaultFlag = parents.attr('defaultFlag');
            if (defaultFlag != 1) {
                var ind = parents.attr('ind');
                desktopDel(ind, desktopId);
            } else {
                //ajax默认桌面的恢复操作
                if (desktopId != "" && desktopId != undefined) {
                    $.ajax({
                        url: "/SSOSystem/RestoreDefaultDesktop",
                        headers: { __RequestVerificationToken: $.lrToken },
                        data: { desktopId: desktopId },
                        type: "post",
                        dataType: "json",
                        success: function (res) {
                            if (res.code == 200) {
                                layer.msg('恢复成功！');
                                //操作成功后执行的代码开始
                                location.reload();
                                //操作成功后执行的代码结束
                            }
                            else if (res.code == 400) {
                                layer.msg(res.info);
                            }
                            else if (res.code == 500) {
                                layer.msg('服务端异常，请联系管理员');
                            }
                        }
                    });
                }
            }
        }
    }).on('click', '.deskNameTxt', function () {
        $(this).siblings('.deskNameInput').addClass('active').find('input').focus();
    }).on('blur', '.deskSetList input', function () { //桌面名称表单失去焦点时
        var parents = $(this).parents('.deskSetLi');
        var ind = parents.attr('ind');
        var txt = $(this).val();
        if (txt.length == 0) {
            layer.msg('桌面不能为空！');
            $(this).focus();
            return;
        }
        //ajax桌面的修改名称操作
        var desktopId = parents.attr('desktopId');
        if (desktopId != "" && desktopId != undefined) {
            $.ajax({
                url: "/SSOSystem/ModifyDesktop",
                headers: { __RequestVerificationToken: $.lrToken },
                data: { desktopId: desktopId, desktopName: txt },
                type: "post",
                dataType: "json",
                success: function (res) {
                    if (res.code == 200) {
                        layer.msg('桌面名称修改成功！');
                        //操作成功后执行的代码开始
                        parents.find('.deskNameInput').removeClass('active').siblings('.deskNameTxt').find('b').html(txt);
                        $('.inSec3HeadTab[ind="' + ind + '"] .inSec3HeadTabTxt').html(txt);
                        //操作成功后执行的代码结束
                    }
                    else if (res.code == 400) {
                        layer.msg(res.info);
                    }
                    else if (res.code == 500) {
                        layer.msg('服务端异常，请联系管理员');
                    }
                }
            });
        }
    }).on('input', '.deskNameInput input', function () { //监听桌面名称表单input事件
        var txt = $(this).val();
        var len = txt.length;
        if (len >= 8) {
            len = 8;
            $(this).val(txt.substring(0, 8))
        }
        $(this).siblings('span').html(len + '/8')
    }).on('click', '.deskSetLiNew .deskName', function () {
        $(this).parents('.deskSetLi').addClass('active');
    }).on('click', '.desktopSet > img', function () {//点击桌面设置弹框右上角关闭按钮
        $('.desktopSetBox').removeClass('active');
    }).on('click', '.deskSetBtn', function () {//点击桌面设置弹框的完成按钮
        $('.desktopSetBox').removeClass('active');
    });
    //点击桌面栏-设置按钮，显示桌面设置弹框
    $('.inSec3Setting').on('click', function () {
        deskNum();
        $('.desktopSetBox').addClass('active');
    });
    //监听layer添加桌面弹框中表单的input事件
    $(document).on('input', '.layerInput input', function () {
        var txt = $(this).val();
        var len = txt.length;
        if (len >= 8) {
            len = 8;
            txt = txt.substring(0, 8);
        }
        if (len == 0) {
            txt = '新建桌面';
        }
        $(this).val(txt);
    });
    //点击桌面栏-添加按钮，显示layer添加桌面弹框
    $('.inSec3HeadAdd').on('click', function () {
        var _this = $(this);
        layer.open({
            type: 1,
            title: '命名桌面',
            btnAlign: 'c',
            content: htmlLayer,
            area: ['300px', 'auto'],
            btn: ['保存', '取消'],
            yes: function (index, layero) {
                //按钮【按钮一】的回调
                desktopNew($('.layerInput input').val());
                layer.close(index);
            },
            btn2: function (index, layero) {
                //按钮【按钮二】的回调
                //return false 开启该代码可禁止点击该按钮关闭
            }
        })

    });
    //桌面设置弹框中桌面的排序
    //$('.deskSetList').sortable({
    //	opacity: 0.8,
    //	containment: '.deskSetList',
    //	handle: '.fa-navicon',
    //	// helper: 'clone',
    //	// scroll: false,
    //	cursor: "move",
    //	stop: function(event, ui) {
    //		//当排序停止时触发该事件。
    //		var ind = $('.inSec3HeadTab.active').attr('ind');
    //		$('.inSec3HeadTabBox').html('');
    //		$('.deskSetList .deskSetLi').each(function(i, n){
    //			var num = $(this).attr('ind');
    //			var txt = $(n).find('input').val();
    //			var className = $(n).find('.deskNameTxt span').length? 'newlyBuild' : '';
    //			var active = num == ind? 'active' : '';
    //			var html = '<div class="inSec3HeadTab '+ active + ' ' + className +'" ind="'+ num +'">'+
    //							'<div class="inSec3HeadTabTxt">'+ txt +'</div>'+
    //						'</div>'+
    //						'<div class="inSec3HeadLine"></div>';
    //			$('.inSec3HeadTabBox').append(html)
    //		})
    //	},
    //});

});
$(window).load(function () {
    cardData()
});

//新建桌面
function desktopNew(name) {
    var ind = getRandomNum();
    //ajax自建桌面新增操作，操作成功后执行下面代码，需要返回Id值并绑定到htmlT的desktopId中；
    var modelCode = $('#ModelCode').val();
    var userId = $('#UserId').val();
    if (userId != "" && userId != undefined && modelCode != "" && modelCode != undefined && name != "" && name != undefined && ind != "" && ind != undefined) {
        $.ajax({
            url: "/SSOSystem/AddDesktop",
            headers: { __RequestVerificationToken: $.lrToken },
            data: { userId: userId, modelCode: modelCode, desktopName: name, desktopCode: ind },
            type: "post",
            dataType: "json",
            success: function (res) {
                if (res.code == 200) {
                    layer.msg('添加桌面成功！');
                    if (res.data != null) {
                        //操作成功后执行代码开始
                        var htmlC = '<div class="inSec3Row clearfix" ind="' + ind + '">' + noCard + '</div>';
                        var htmlT = '<div class="inSec3HeadTab newlyBuild" ind="' + ind + '" desktopId="' + res.data.Id+'">' +
                            '<div class="inSec3HeadTabTxt">' + name + '</div>' +
                            '</div>' +
                            '<div class="inSec3HeadLine"></div>';
                        var deskSetLi = '<div class="deskSetLi" ind="' + ind + '" defaultFlag="0" desktopId="' + res.data.Id + '">' +
                            '<i class="fa fa-navicon"></i>' +
                            '<div class="deskName">' +
                            '<div class="deskNameTxt"><b>' + name + '</b><span></span></div>' +
                            '<div class="deskNameInput">' +
                            '<input type="text" value="' + name + '">' +
                            '<span>4/8</span>' +
                            '</div>' +
                            '</div>' +
                            '<i class="fa fa-trash-o fa-lg faR"></i>' +
                            '<div class="deskSetLiTips" txt="删除该桌面成功">' +
                            '<span>确认删除该桌面?</span>' +
                            '<div class="deskSetTrue">' +
                            '<img src="../../Content/images/DragSSO/duigou.png" alt="">' +
                            '</div>' +
                            '<div class="deskSetClose">' +
                            '<img src="../../Content/images/DragSSO/close2.png" alt="">' +
                            '</div>' +
                            '</div>' +
                            '</div>';
                        $('.deskSetLiNew').removeClass('active').find('.deskNameInput').removeClass('active');
                        $('.inSec3Row.active').sortable("destroy");
                        $('.inSec3RowBox').append(htmlC).find('.inSec3Row').css('display', 'none').removeClass('active').last().addClass('active').fadeIn();
                        $('.inSec3HeadTabBox').append(htmlT).find('.inSec3HeadTab').removeClass('active').last().addClass('active');
                        $('.deskSetList').append(deskSetLi);
                        sortableInit();
                        deskNum();
                        //最多新建3个桌面
                        if (($('.inSec3HeadTab').length + 1) > desktopNum) {
                            $('.inSec3HeadAdd').css('display', 'none').next().css('display', 'none');
                            $('.deskSetLiNew').css('display', 'none');
                        }
                        //操作成功后执行代码结束
                    }
                }
                else if (res.code == 400) {
                    layer.msg(res.info);
                }
                else if (res.code == 500) {
                    layer.msg('服务端异常，请联系管理员');
                }
            }
        });
    }

}
//删除桌面
function desktopDel(ind, desktopId) {
    //ajax自建桌面的删除操作
    if (desktopId != "" && desktopId != undefined) {
        $.ajax({
            url: "/SSOSystem/DeleteDesktop",
            headers: { __RequestVerificationToken: $.lrToken },
            data: { desktopId: desktopId },
            type: "post",
            dataType: "json",
            success: function (res) {
                if (res.code == 200) {
                    layer.msg('删除该桌面成功！');
                    //操作成功后执行代码开始
                    $('.deskSetLi[ind="' + ind + '"]').remove();
                    $('.inSec3HeadTab[ind="' + ind + '"]').next().remove().end().remove();
                    var inSec3Row = $('.inSec3Row[ind="' + ind + '"]');
                    if (inSec3Row.hasClass('active')) {
                        $('.inSec3Row.active').sortable("destroy");
                        inSec3Row.remove();
                        $('.inSec3Row').eq(0).addClass('active').fadeIn();
                        $('.inSec3HeadTab').eq(0).addClass('active');
                        sortableInit()
                    } else {
                        inSec3Row.remove();
                    }
                    deskNum();
                    $('.inSec3HeadAdd').css('display', 'inline-block').next().css('display', 'inline-block');
                    $('.deskSetLiNew').css('display', 'block');
                    //操作成功后执行代码结束
                }
                else if (res.code == 400) {
                    layer.msg(res.info);
                }
                else if (res.code == 500) {
                    layer.msg('服务端异常，请联系管理员');
                }
            }
        });
    }

}
//初始化桌面设置
function deskNum() {
    $('.deskSetInfo span').eq(0).html($('.newlyBuild').length);
}
//获取随机数
function getRandomNum() {
    var now = new Date();
    var result = now.getFullYear() + "" + now.getMonth() + "" + now.getDate() + "" + now.getHours() + "" + now.getMinutes() + "" + now.getSeconds() + "" + now.getMilliseconds();
    return result;
}
//console.log(getRandomNum());