resume-pic
This commit is contained in:
136
js/observe.js
136
js/observe.js
@@ -1,37 +1,35 @@
|
|||||||
MixIO.log = console.log
|
MixIO.log = console.log
|
||||||
stop_project = console.log('stop_project')
|
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
|
var minPublishInterval = 500
|
||||||
|
|
||||||
function isJSON(str) {
|
function isJSON(str) {
|
||||||
if (typeof str == 'string') {
|
if (typeof str == 'string') {
|
||||||
try {
|
try {
|
||||||
var obj=JSON.parse(str);
|
var obj = JSON.parse(str);
|
||||||
if(typeof obj == 'object' && obj ){
|
if (typeof obj == 'object' && obj) {
|
||||||
return true;
|
return true;
|
||||||
}else{
|
} else {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
} catch(e) {
|
} catch (e) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
function publish(topic,message,omit){
|
|
||||||
if(isRunning||omit)
|
function publish(topic, message, omit) {
|
||||||
{
|
if (isRunning || omit) {
|
||||||
var newPublishTime = new Date()
|
var newPublishTime = new Date()
|
||||||
if(newPublishTime-lastPublishTime[0]>=minPublishInterval)
|
if (newPublishTime - lastPublishTime[0] >= minPublishInterval) {
|
||||||
{
|
if (!isMixly)
|
||||||
if(!isMixly)
|
client.publish(globalUserName + '/' + globalProjectName + '/' + topic, message)
|
||||||
client.publish(globalUserName+'/'+globalProjectName+'/'+topic,message)
|
|
||||||
else
|
else
|
||||||
client.publish('MixIO'+'/'+globalUserName.slice(1)+'/'+globalProjectName+'/'+topic,message)
|
client.publish('MixIO' + '/' + globalUserName.slice(1) + '/' + globalProjectName + '/' + topic, message)
|
||||||
lastPublishTime.shift()
|
lastPublishTime.shift()
|
||||||
lastPublishTime.push(new Date())
|
lastPublishTime.push(new Date())
|
||||||
}
|
} else {
|
||||||
else
|
|
||||||
{
|
|
||||||
showtext(JSLang[lang].speedLimit)
|
showtext(JSLang[lang].speedLimit)
|
||||||
MixIO.log(JSLang[lang].speedLimit)
|
MixIO.log(JSLang[lang].speedLimit)
|
||||||
}
|
}
|
||||||
@@ -39,42 +37,43 @@ function publish(topic,message,omit){
|
|||||||
}
|
}
|
||||||
isRunning = true;
|
isRunning = true;
|
||||||
isMixly = false;
|
isMixly = false;
|
||||||
$(function(){
|
$(function() {
|
||||||
init_layout();
|
init_layout();
|
||||||
get_width();
|
get_width();
|
||||||
function view_project(resJSON,userName,projectPass,projectName,timeStamp){
|
|
||||||
|
function view_project(resJSON, userName, projectPass, projectName, timeStamp) {
|
||||||
$("#prjName").html(projectName)
|
$("#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)
|
randomClientID = 'OBGuest_' + Math.random().toString(16).substr(2, 8)
|
||||||
globalUserName = userName
|
globalUserName = userName
|
||||||
globalProjectName = projectName
|
globalProjectName = projectName
|
||||||
client = mqtt.connect((location.protocol == 'https:' ? 'wss://' : 'ws://')+window.location.host+(location.protocol == 'https:' ? ':8084' : ':8083')+'/mqtt',{
|
client = mqtt.connect((location.protocol == 'https:' ? 'wss://' : 'ws://') + window.location.host + (location.protocol == 'https:' ? ':8084' : ':8083') + '/mqtt', {
|
||||||
'clientId':randomClientID,
|
'clientId': randomClientID,
|
||||||
'username':userName,
|
'username': userName,
|
||||||
'password':projectPass
|
'password': projectPass
|
||||||
})
|
})
|
||||||
client.subscribe(userName+'/'+projectName+'/#')
|
client.subscribe(userName + '/' + projectName + '/#')
|
||||||
var prev_layout = stringendecoder.decodeHtml(resJSON.layout_info)
|
var prev_layout = stringendecoder.decodeHtml(resJSON.layout_info)
|
||||||
var units_array = $(prev_layout)
|
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 un = $(units_array[ct])
|
||||||
var toolkits = {
|
var toolkits = {
|
||||||
'input_button':add_button,
|
'input_button': add_button,
|
||||||
'input_slider':add_slider,
|
'input_slider': add_slider,
|
||||||
'input_keyboard':add_keyboard,
|
'input_keyboard': add_keyboard,
|
||||||
'input_controller':add_controller,
|
'input_controller': add_controller,
|
||||||
'input_rgb':add_rgb,
|
'input_rgb': add_rgb,
|
||||||
'output_bulb':add_bulb,
|
'output_bulb': add_bulb,
|
||||||
'output_text':add_text,
|
'output_text': add_text,
|
||||||
'output_chart':add_chart,
|
'output_chart': add_chart,
|
||||||
'output_bar':add_bar,
|
'output_bar': add_bar,
|
||||||
'output_dashboard':add_dashboard,
|
'output_dashboard': add_dashboard,
|
||||||
'output_map':add_map,
|
'output_map': add_map,
|
||||||
'input_weather':add_weather,
|
'input_weather': add_weather,
|
||||||
'table':add_table,
|
'table': add_table,
|
||||||
'decorate_text':add_decorate_text,
|
'decorate_text': add_decorate_text,
|
||||||
'decorate_pic':function(){},
|
'decorate_pic': add_decorate_pic,
|
||||||
'magic':add_magic,
|
'magic': add_magic,
|
||||||
'ble': add_ble,
|
'ble': add_ble,
|
||||||
'pixel': add_pixel,
|
'pixel': add_pixel,
|
||||||
'input_mic': add_mic,
|
'input_mic': add_mic,
|
||||||
@@ -84,77 +83,72 @@ $(function(){
|
|||||||
'camera': add_camera,
|
'camera': add_camera,
|
||||||
'face': add_face,
|
'face': add_face,
|
||||||
'ocr': add_ocr,
|
'ocr': add_ocr,
|
||||||
'qr':add_qr
|
'qr': add_qr
|
||||||
}
|
}
|
||||||
console.log(un.attr('user-type'))
|
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>")
|
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"))
|
if (getPar("sid")) {
|
||||||
{
|
$.get('fetchObserve', { 'sid': stringendecoder.encodeHtml(getPar("sid")) }, function(res) {
|
||||||
$.get('fetchObserve',{'sid':stringendecoder.encodeHtml(getPar("sid"))},function(res){
|
if (res != -1) {
|
||||||
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)
|
||||||
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)
|
globalCode = MixIO.preCode + stringendecoder.decodeHtml(JSON.parse(JSON.parse(res).logicStorage).code)
|
||||||
else
|
else
|
||||||
globalCode = ''
|
globalCode = ''
|
||||||
$("#grid").removeClass("gridbg")
|
$("#grid").removeClass("gridbg")
|
||||||
$("#grid").children(".item").addClass("itemrun")
|
$("#grid").children(".item").addClass("itemrun")
|
||||||
$("#grid").children(".item").draggable({
|
$("#grid").children(".item").draggable({
|
||||||
disabled:true
|
disabled: true
|
||||||
})
|
})
|
||||||
$("#grid").children("[user-type='output_chart']").resizable({
|
$("#grid").children("[user-type='output_chart']").resizable({
|
||||||
disabled:true
|
disabled: true
|
||||||
})
|
})
|
||||||
$("#grid").children("[user-type='output_bar']").resizable({
|
$("#grid").children("[user-type='output_bar']").resizable({
|
||||||
disabled:true
|
disabled: true
|
||||||
})
|
})
|
||||||
$("#grid").children("[user-type='output_map']").resizable({
|
$("#grid").children("[user-type='output_map']").resizable({
|
||||||
disabled:true
|
disabled: true
|
||||||
})
|
})
|
||||||
$("#grid").children("[user-type='table']").resizable({
|
$("#grid").children("[user-type='table']").resizable({
|
||||||
disabled:true
|
disabled: true
|
||||||
})
|
})
|
||||||
$("#grid").children("[user-type='output_chart']").removeClass("moveDiv")
|
$("#grid").children("[user-type='output_chart']").removeClass("moveDiv")
|
||||||
$("#grid").children("[user-type='output_bar']").removeClass("moveDiv")
|
$("#grid").children("[user-type='output_bar']").removeClass("moveDiv")
|
||||||
$("#grid").children("[user-type='table']").removeClass("moveDiv")
|
$("#grid").children("[user-type='table']").removeClass("moveDiv")
|
||||||
$("#grid").children("[user-type='output_map']").removeClass("moveDiv")
|
$("#grid").children("[user-type='output_map']").removeClass("moveDiv")
|
||||||
var forceHide = setInterval(function(){
|
var forceHide = setInterval(function() {
|
||||||
$(".facial").attr("hidden", "hidden")
|
$(".facial").attr("hidden", "hidden")
|
||||||
$("#grid").children(".item").draggable({
|
$("#grid").children(".item").draggable({
|
||||||
disabled:true
|
disabled: true
|
||||||
})
|
})
|
||||||
// 设置jsgrid为不可编辑
|
// 设置jsgrid为不可编辑
|
||||||
$(".jsgrid").each(function(){
|
$(".jsgrid").each(function() {
|
||||||
$(this).jsGrid("option", "editing", false);
|
$(this).jsGrid("option", "editing", false);
|
||||||
$(this).jsGrid("option", "inserting", false);
|
$(this).jsGrid("option", "inserting", false);
|
||||||
$(this).jsGrid("option", "deleting", false);
|
$(this).jsGrid("option", "deleting", false);
|
||||||
$(this).find(".jsgrid-button").hide();
|
$(this).find(".jsgrid-button").hide();
|
||||||
// 如果存在.jsgrid-button且已经隐藏,则取消forceHide事件
|
// 如果存在.jsgrid-button且已经隐藏,则取消forceHide事件
|
||||||
if($(this).find(".jsgrid-button").is(":hidden")){
|
if ($(this).find(".jsgrid-button").is(":hidden")) {
|
||||||
clearInterval(forceHide);
|
clearInterval(forceHide);
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},500)
|
}, 500)
|
||||||
|
|
||||||
modald.close()
|
modald.close()
|
||||||
try{
|
try {
|
||||||
var logicFunction = Function(globalCode);
|
var logicFunction = Function(globalCode);
|
||||||
logicFunction()
|
logicFunction()
|
||||||
}
|
} catch (e) {
|
||||||
catch(e){
|
|
||||||
showtext(JSLang[lang].logicError)
|
showtext(JSLang[lang].logicError)
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
}
|
} else {
|
||||||
else
|
|
||||||
{
|
|
||||||
modald.close()
|
modald.close()
|
||||||
showmodaltext(JSLang[lang].invalidAUPrj)
|
showmodaltext(JSLang[lang].invalidAUPrj)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
Reference in New Issue
Block a user