diff --git a/js/observe.js b/js/observe.js
index 80693a8..ef5c160 100644
--- a/js/observe.js
+++ b/js/observe.js
@@ -1,37 +1,35 @@
 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 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 ){
+            var obj = JSON.parse(str);
+            if (typeof obj == 'object' && obj) {
                 return true;
-            }else{
+            } else {
                 return false;
             }
 
-        } catch(e) {
+        } catch (e) {
             return false;
         }
     }
 }
-function publish(topic,message,omit){
-    if(isRunning||omit)
-    {
+
+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)
+        if (newPublishTime - lastPublishTime[0] >= minPublishInterval) {
+            if (!isMixly)
+                client.publish(globalUserName + '/' + globalProjectName + '/' + topic, message)
             else
-                client.publish('MixIO'+'/'+globalUserName.slice(1)+'/'+globalProjectName+'/'+topic,message)
+                client.publish('MixIO' + '/' + globalUserName.slice(1) + '/' + globalProjectName + '/' + topic, message)
             lastPublishTime.shift()
             lastPublishTime.push(new Date())
-        }
-        else
-        {
+        } else {
             showtext(JSLang[lang].speedLimit)
             MixIO.log(JSLang[lang].speedLimit)
         }
@@ -39,42 +37,43 @@ function publish(topic,message,omit){
 }
 isRunning = true;
 isMixly = false;
-$(function(){
+$(function() {
     init_layout();
     get_width();
-    function view_project(resJSON,userName,projectPass,projectName,timeStamp){
+
+    function view_project(resJSON, userName, projectPass, projectName, timeStamp) {
         $("#prjName").html(projectName)
-        $("#shareMessage").html(userName+JSLang[lang].shareAt+timeStamp)
+        $("#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 = 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+'/#')
+        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){
+        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,
+                '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': add_decorate_pic,
+                'magic': add_magic,
                 'ble': add_ble,
                 'pixel': add_pixel,
                 'input_mic': add_mic,
@@ -84,77 +83,72 @@ $(function(){
                 'camera': add_camera,
                 'face': add_face,
                 'ocr': add_ocr,
-                'qr':add_qr
+                '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);
+            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)
+    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
+                    disabled: true
                 })
                 $("#grid").children("[user-type='output_chart']").resizable({
-                    disabled:true
+                    disabled: true
                 })
                 $("#grid").children("[user-type='output_bar']").resizable({
-                    disabled:true
+                    disabled: true
                 })
                 $("#grid").children("[user-type='output_map']").resizable({
-                    disabled:true
+                    disabled: true
                 })
                 $("#grid").children("[user-type='table']").resizable({
-                    disabled:true
+                    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(){
+                var forceHide = setInterval(function() {
                     $(".facial").attr("hidden", "hidden")
                     $("#grid").children(".item").draggable({
-                        disabled:true
-                    })
-                    // 设置jsgrid为不可编辑
-                    $(".jsgrid").each(function(){
+                            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")){
+                        if ($(this).find(".jsgrid-button").is(":hidden")) {
                             clearInterval(forceHide);
                         }
                     })
-                },500)
-                
+                }, 500)
+
                 modald.close()
-                try{
+                try {
                     var logicFunction = Function(globalCode);
                     logicFunction()
-                }
-                catch(e){
+                } catch (e) {
                     showtext(JSLang[lang].logicError)
                     return false;
                 }
-            }
-            else
-            {
+            } else {
                 modald.close()
                 showmodaltext(JSLang[lang].invalidAUPrj)
             }
         })
-    } 
+    }
 })
\ No newline at end of file