MixIO.log = console.log
stop_project = console.log('stop_project')
var lastPublishTime = [new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0),new Date(0)]
var minPublishInterval = 500
function isJSON(str) {
    if (typeof str == 'string') {
        try {
            var obj=JSON.parse(str);
            if(typeof obj == 'object' && obj ){
                return true;
            }else{
                return false;
            }

        } catch(e) {
            return false;
        }
    }
}
function publish(topic,message,omit){
    if(isRunning||omit)
    {
        var newPublishTime = new Date()
        if(newPublishTime-lastPublishTime[0]>=minPublishInterval)
        {
            if(!isMixly)
                client.publish(globalUserName+'/'+globalProjectName+'/'+topic,message)
            else
                client.publish('MixIO'+'/'+globalUserName.slice(1)+'/'+globalProjectName+'/'+topic,message)
            lastPublishTime.shift()
            lastPublishTime.push(new Date())
        }
        else
        {
            showtext(JSLang[lang].speedLimit)
            MixIO.log(JSLang[lang].speedLimit)
        }
    }
}
isRunning = true;
isMixly = false;
$(function(){
    init_layout();
    get_width();
    function view_project(resJSON,userName,projectPass,projectName,timeStamp){
        $("#prjName").html(projectName)
        $("#shareMessage").html(userName+JSLang[lang].shareAt+timeStamp)
        randomClientID = 'OBGuest_' + Math.random().toString(16).substr(2, 8)
        globalUserName = userName
        globalProjectName = projectName
        client = mqtt.connect((location.protocol == 'https:' ? 'wss://' : 'ws://')+window.location.host+(location.protocol == 'https:' ? ':8084' : ':8083')+'/mqtt',{
            'clientId':randomClientID,
            'username':userName,
            'password':projectPass
        })
        client.subscribe(userName+'/'+projectName+'/#')
        var prev_layout = stringendecoder.decodeHtml(resJSON.layout_info)
        var units_array = $(prev_layout)
        for(var ct = 0;ct<=units_array.length-1;ct = ct+1){
            var un = $(units_array[ct])
            var toolkits = {
                'input_button':add_button,
                'input_slider':add_slider,
                'input_keyboard':add_keyboard,
                'input_controller':add_controller,
                'input_rgb':add_rgb,
                'output_bulb':add_bulb,
                'output_text':add_text,
                'output_chart':add_chart,
                'output_bar':add_bar,
                'output_dashboard':add_dashboard,
                'output_map':add_map,
                'input_weather':add_weather,
                'table':add_table,
                'decorate_text':add_decorate_text,
                'decorate_pic':function(){},
                'magic':add_magic,
                'ble': add_ble,
                'pixel': add_pixel,
                'input_mic': add_mic,
                'tinydb': add_tinydb,
                'timer': add_timer,
                'trigger': add_trigger,
                'camera': add_camera,
                'face': add_face,
                'ocr': add_ocr,
                'qr':add_qr
            }
            console.log(un.attr('user-type'))
            toolkits[un.attr('user-type')](un.attr('user-title'),un.attr('user-topic'),un.attr('user-content'),un.attr('style'),un.attr('title_style'),true);
        }
    }
    var modald = showmodaltext("<div style='text-align:center' class='nnt'><i class='fa fa-spin fa-cog' style='font-size:2rem;color:#4e73df'></i><p style='margin-top:6px;margin-bottom:0;color:#4e73df;font-size:1rem;font-weight:bold'>"+JSLang[lang].loading+"</p></div>")
    if(getPar("sid"))
    {
        $.get('fetchObserve',{'sid':stringendecoder.encodeHtml(getPar("sid"))},function(res){
            if(res!=-1)
            {
                view_project(JSON.parse(JSON.parse(res).projectLayout),JSON.parse(res).userName,JSON.parse(res).projectPass,JSON.parse(res).projectName,JSON.parse(res).timeStamp)
                if(JSON.parse(res).logicStorage)
                    globalCode = MixIO.preCode + stringendecoder.decodeHtml(JSON.parse(JSON.parse(res).logicStorage).code)
                else
                    globalCode = ''
                $("#grid").removeClass("gridbg")
                $("#grid").children(".item").addClass("itemrun")
                $("#grid").children(".item").draggable({
                    disabled:true
                })
                $("#grid").children("[user-type='output_chart']").resizable({
                    disabled:true
                })
                $("#grid").children("[user-type='output_bar']").resizable({
                    disabled:true
                })
                $("#grid").children("[user-type='output_map']").resizable({
                    disabled:true
                })
                $("#grid").children("[user-type='table']").resizable({
                    disabled:true
                })
                $("#grid").children("[user-type='output_chart']").removeClass("moveDiv")
                $("#grid").children("[user-type='output_bar']").removeClass("moveDiv")
                $("#grid").children("[user-type='table']").removeClass("moveDiv")
                $("#grid").children("[user-type='output_map']").removeClass("moveDiv")
                var forceHide = setInterval(function(){
                    $(".facial").attr("hidden", "hidden")
                    $("#grid").children(".item").draggable({
                        disabled:true
                    })
                    // 设置jsgrid为不可编辑
                    $(".jsgrid").each(function(){
                        $(this).jsGrid("option", "editing", false);
                        $(this).jsGrid("option", "inserting", false);
                        $(this).jsGrid("option", "deleting", false);
                        $(this).find(".jsgrid-button").hide();
                        // 如果存在.jsgrid-button且已经隐藏，则取消forceHide事件
                        if($(this).find(".jsgrid-button").is(":hidden")){
                            clearInterval(forceHide);
                        }
                    })
                },500)
                
                modald.close()
                try{
                    var logicFunction = Function(globalCode);
                    logicFunction()
                }
                catch(e){
                    showtext(JSLang[lang].logicError)
                    return false;
                }
            }
            else
            {
                modald.close()
                showmodaltext(JSLang[lang].invalidAUPrj)
            }
        })
    } 
})