var layer = null;
var inSec3TabArr = [2, 3, 4];
//inSec3TabArr.splice($.inArray(ind,inSec3TabArr),1);
//最多新建3个桌面 2个默认桌面
var desktopNum = 5;
//没有卡片
var noCard = '<div class="inSec3Col3" id="noHtml">' +
    '<div class="inSec3Box">' +
    '<div class="inSecT"></div>' +
    '<div class="inSec3Con">' +
    '<div class="noCard">' +
    '<div class="noCardImg"><img src="../../Content/images/DragSSO/right2.png" alt=""></div>' +
    '<div class="noCardTxt">从左侧选择需要的应用卡片</div>' +
    '</div>' +
    '</div>' +
    '</div>' +
    '</div>';
//没有数据
var noHtml = '<div class="noLogin">' +
    '<div class="noLoginImg"><img src="../../Content/images/DragSSO/noLogin.png" alt=""></div>' +
    '<div class="noLoginTxt">暂时没有数据</div>' +
    '</div>';
//

//添加桌面
var htmlLayer = '<div class="layerInput"><input type="text" value="新建桌面"></div>';
// 拖拽 排序 初始化
function sortableInit() {
    $('.inSec3Row.active').sortable({
        opacity: 0.8,
        containment: '.inSec3Row.active',
        handle: '.inSecT',
        helper: 'clone',
        scroll: false,
        cursor: "move",
        stop: function (event, ui) {
            //当排序停止时触发该事件。
            serializes()
        },
    });
    cardData()
}

//当排序停止时触发该事件。
function serializes() {
    var gg = $(".inSec3Row.active").sortable("serialize", {
        key: "sort"
    });
    //console.log(gg);//sort=1&sort=2&sort=3&sort=4&sort=5&sort=6&sort=7&sort=8&sort=9&sort=10&sort=11&sort=12&sort=13
    var result = gg.replace(/sort=/g, "").replace(/&/g, ",");
    //console.log(result);
    //ajax提交用户排序
    var desktopId = $('.inSec3HeadTabBox').find('.inSec3HeadTab.active').attr('desktopId');
    var modelCode = $('#ModelCode').val();
    var userId = $('#UserId').val();
    if (userId != "" && userId != undefined && desktopId != "" && desktopId != undefined && modelCode != "") {
        $.ajax({
            url: "/SSOSystem/SaveCardSort",
            headers: { __RequestVerificationToken: $.lrToken },
            data: { userId: userId, modelCode: modelCode, desktopId: desktopId, cardSort: result },
            type: "post",
            dataType: "json",
            success: function (res) {
                if (res.code == 200) {
                    layer.msg('操作成功！');
                }
                else if (res.code == 400) {
                    layer.msg(res.info);
                }
                else if (res.code == 500) {
                    layer.msg('服务端异常，请联系管理员');
                }
            }
        });
    }


}
//初始化可用卡片
function cardData() {
    $('.inSec1Drag .fa').removeClass('fa-minus').addClass('fa-plus');
    $('.inSec3Row.active > div').each(function (i, n) {
        var id = $(n).attr('id');
        if (id == 'noHtml') return
        id = id.split('_')[1];
        $('#' + id).find('.fa').removeClass('fa-plus').addClass('fa-minus');
    })
}