cleanup iforte index

This commit is contained in:
2023-03-03 01:01:31 +01:00
parent 8462977fc3
commit 7c0fd5e440
2 changed files with 172 additions and 162 deletions

View File

@@ -1,4 +1,10 @@
$(document).ready(function() { $(document).ready(function() {
// Sets the proper fixture name in the header and title
var fixturename = "Robin iForte - Simulated";
$('#pth').html(fixturename)
$(document).prop('title', fixturename)
$('body').prepend(generateNavBar()); $('body').prepend(generateNavBar());
var am = 0; var am = 0;
var mip = 0; var mip = 0;
@@ -37,62 +43,11 @@ $(document).ready(function() {
}); });
}); });
}); });
//periodicly get status
var bsy = false; // handle RDM ident
var ebli = 0;
var eblio = 255;
var idntb = $('#idnt img'); var idntb = $('#idnt img');
function sta() {
do_ajax('/serr',{},function (json) {
// console.log(json);
dmxsnf = '';
if (json ) {
if (json['err'] == 1) ebli = 0x80;
else ebli = 0;
if (json['dmxsnf'] == 1) dmxsnf = ' [sniffing DMX]';
if (json['idnt'] == 1) idntb.addClass('a');
else idntb.removeClass('a');
if (json['dls'] && json['dls'] == 1) {
$('.snz').show();
}
} else if (json == undefined) {
ebli = 0x40;
} else ebli = 0;
bsy = false;
});
}
setInterval(function() {
if (!bsy) {
bsy = true;
sta();
}
},3000);
sta();
setInterval(function() {
if (ebli == eblio) return;
var opre = pre;
if (ebli & 0x80) {
ebli ^= 0x01;
if (ebli & 0x01) pre = '(!) ';
$('#pth').removeClass('stou');
$('#pth').addClass('serr');
} else if (ebli & 0x40) {
ebli ^= 0x01;
if (ebli & 0x01) pre = '(?) ';
$('#pth').removeClass('serr');
$('#pth').addClass('stou');
} else {
ebli = 0;
$('#pth').removeClass('serr stou');
pre = '';
}
//$('#pt_v').html(pre + $('#pth').data('title') + dmxsnf);
if (opre != pre) ptit('');
eblio = ebli;
},1000);
$('#idnt').click(function() { $('#idnt').click(function() {
idntb.toggleClass('a'); idntb.toggleClass('a');
do_ajax('/rdmi',{s:idntb.hasClass('a') ? 1:0},function(json) {});
}); });
}); });
@@ -120,29 +75,17 @@ function mhdr_status(c) {
else $('#cfg-modal .modal-header').addClass(c); else $('#cfg-modal .modal-header').addClass(c);
} }
function loader(a) { function loader(showheader) {
if (showheader) $('#cfg-modal .modal-header img').addClass('loader');
if (a) $('#cfg-modal .modal-header img').addClass('loader');
else $('#cfg-modal .modal-header img').removeClass('loader'); else $('#cfg-modal .modal-header img').removeClass('loader');
} }
function do_ajax(p_url,p_data,f,i = -1,a = true) { function do_ajax(p_url,p_data,f,i = -1,a = true) {
console.log("url : " + p_url);
$.ajax({ console.log("data : " + p_data);
url: p_url, console.log("callback function : " + f);
type: 'POST', console.log("callback params : " + i);
data: p_data, console.log("async : " + a);
dataType: 'json',
async: a,
success: function (json) {
f(json,i);
},
error: function () {
// console.log('do_ajax error');
f();
},
timeout:2000
});
} }
function copy_form_values(dir) { function copy_form_values(dir) {
@@ -347,13 +290,6 @@ function generateNavBar() {
o += '</div>'; o += '</div>';
o += '</nav>'; o += '</nav>';
o += '<div class="fixed-top text-center device-label" id="pth"></div>';
o += '<div class="container-fluid in">';
o += '<h1></h1>';
o += '<div class="row" id="boxes"></div>';
o += '</div>';
o += '<div id="cfg-modal" class="modal fade" tabindex="-1" role="dialog">'; o += '<div id="cfg-modal" class="modal fade" tabindex="-1" role="dialog">';
o += '<div class="modal-dialog" role="document">'; o += '<div class="modal-dialog" role="document">';
o += '<div class="modal-content">'; o += '<div class="modal-content">';

View File

@@ -12,7 +12,9 @@
</head> </head>
<body> <body>
<!-- NAV WILL BE ADDED HERE BY JS gens() FUNCTION IN BASE --> <!-- NAV WILL BE ADDED HERE BY JS gens() FUNCTION IN BASE -->
<div class="fixed-top text-center device-label" id="pth">iForte</div>
<div class="fixed-top text-center device-label" id="pth"></div>
<div class="container-fluid in"> <div class="container-fluid in">
<h1>Device status</h1> <h1>Device status</h1>
<div class="row" id="boxes"> <div class="row" id="boxes">
@@ -245,44 +247,114 @@
} }
$('.sb').unbind(); $('.sb').unbind();
$('#m-f').empty(); $('#m-f').empty();
$('#m-f').append(' < button type = "button" $('#m-f').append(' <button type="button" class="btn btn-primary sb">Save</button>');
class = "btn btn-primary sb" > Save < /button>');if(a_m==0) $('#m-f').show();else $('#m-f').hide();var h='';if(a_m==0){h+=c_txt('dmxa','DMX address','Please put DMX address from 1 to 512');h+=c_opt('dmxp','DMX preset',[1],'Mode ',0,1,'');h+=c_opt('dmxi','DMX input',['wired','wireless','wireless XLR out'],'',0,1,'Can not set wireless input now!');h+=c_txt('rdmn','RDM label','Please insert label,max 32 characters')} else if(a_m==1){h+=c_btn('Power on time reset',0,' rh')} else if(a_m==2){h+=c_btn('LEDs temperature reset',0,' rt');h+=c_btn('PSU temperature reset',3,' rt');h+=c_btn('Driver temperature reset',1,' rt');h+=c_btn('Base temperature reset',2,' rt')} else if(a_m==3){h+=c_btn('Unlink Wireless module',0,' lwu')}$('#m-b').html(h);copy_form_values(1);$('#cfg-modal').modal();$('.sb').bind('click',function(){loader(1);var par=['dmxa','dmxp','dmxi','rdmn'];do_ajax('/set_dmx if(a_m==0) $('#m-f').show();
',pv(par),function (json){if(json){if(json[' else $('#m-f').hide();
status ']==0){mhdr_status(' var h='';if(a_m==0){
suc ');copy_form_values(0);if(a_m==0){console.log(json[' h+=c_txt('dmxa','DMX address','Please put DMX address from 1 to 512');
dmxf ']);fill_values(json,[' h+=c_opt('dmxp','DMX preset',[1],'Mode ',0,1,'');
dmxf '])}ptit(json[' h+=c_opt('dmxi','DMX input',['wired','wireless','wireless XLR out'],'',0,1,'Can not set wireless input now!');
pt ']);close_modal()}show_errors(json[' h+=c_txt('rdmn','RDM label','Please insert label,max 32 characters')
status '],par);loader(0)}})});$('.rh ').bind(' } else if(a_m==1){
click ',function(){loader(1);do_ajax(' / reset_hours ',{index:$(this).attr(' h+=c_btn('Power on time reset',0,' rh')
value ')},function (json){if(json){mhdr_status(' } else if(a_m==2){
suc ');fill_values(json,[' h+=c_btn('LEDs temperature reset',0,' rt');
hr0 ',' h+=c_btn('PSU temperature reset',3,' rt');
hr1 ',' h+=c_btn('Driver temperature reset',1,' rt');
hr2 ',' h+=c_btn('Base temperature reset',2,' rt')
hr3 '])}loader(0)})});$('.rt ').bind(' } else if(a_m==3){
click ',function(){loader(1);do_ajax(' / reset_temps ',{index:$(this).attr(' h+=c_btn('Unlink Wireless module',0,' lwu')
value ')},function (json){if(json){mhdr_status(' }
suc ');fill_values(json,['
tmr0 ',' $('#m-b').html(h);
tmr1 ',' copy_form_values(1);
tmr2 '])}loader(0)})});$('.lwu ').bind(' $('#cfg-modal').modal();
click ',function(){loader(1);do_ajax(' / lwm ',{unlink:1},function (json){if(json){fill_values(json,[' $('.sb').bind('click',function(){
lwc ',' loader(1);
lws ']);mhdr_status(' var par=['dmxa','dmxp','dmxi','rdmn'];
suc ');close_modal()}loader(0)})})}$(document).ready(function(){$(' do_ajax('/set_dmx',pv(par),function (json){
h1 ').html(' if(json){
Device status ');var boxes=' if(json['status']==0){
';boxes+=box(m_t[0],0,[[' mhdr_status('suc');
',[' copy_form_values(0);
DMX address; dmxa ',' if(a_m==0){
DMX preset; dmxp; < li > < div id = "dmxp_v" > - < /div> < small id = "dmxf_v" > < /small> < /li>','DMX input;dmxi',' < li class = "mt-2" > IP address < /li>;;; < li class = "mt-2" > < div id = "ip_v" > - < /div> < /li>','MAC address;mac',' < li class = "mt-2" > RDM UID < /li>;;; < li class = "mt-2" > < div id = "rdmu_v" > - < /div> < /li>','RDM label;rdmn',]],]);var lot_ta='';lot_ta=' < ul class = "group" > < li > LED on time total < /li> < li > LED on time adaptive < /li> < /ul>',lot_ta+=' < ul class = "group vals" > < li > < div id = "h1_v" > - < /div>h < /li> < li > < div id = "hr1_v" > - < /div>h < /li> < /ul>',boxes+=box('Device times',1,[['',[' < li > Power on time < /li>;;; < li > < div id = "h0_v" > - < /div>h / < div id = "hr0_v" > - < /div>h < /li>',]],],' < p > < small > total / resettable < /small> < /p>'+lot_ta);boxes+=box('Device temperatures',2,[['',[' < li > LEDs < /li>;;; < li > < div id = "t0_v" > - < /div>&DG < div class = "tu" > < /div> / < div id = "tm0_v" > - < /div>&DG < div class = "tu" > < /div> / < div id = "tmr0_v" > - < /div>&DG < div class = "tu" > < /div> < /li>',' < li > PSU < /li>;;; < li > < div id = "t3_v" > - < /div>&DG < div class = "tu" > < /div> / < div id = "tm3_v" > - < /div>&DG < div class = "tu" > < /div> / < div id = "tmr3_v" > - < /div>&DG < div class = "tu" > < /div> < /li>',' < li > Driver < /li>;;; < li > < div id = "t1_v" > - < /div>&DG < div class = "tu" > < /div> / < div id = "tm1_v" > - < /div>&DG < div class = "tu" > < /div> / < div id = "tmr1_v" > - < /div>&DG < div class = "tu" > < /div> < /li>',' < li > Base < /li>;;; < li > < div id = "t2_v" > - < /div>&DG < div class = "tu" > < /div> / < div id = "tm2_v" > - < /div>&DG < div class = "tu" > < /div> / < div id = "tmr2_v" > - < /div>&DG < div class = "tu" > < /div> < /li>',]],],' < p > < small > current / maximum / resettable < /small> < /p>');boxes+=box('Wireless state',3,[['',['State;lwc','Signal strength;lws',]],]);boxes+=box('Software versions',-1,[['',['Display System','Module M','Module L1','Module L2','Module O','Module F-A','Module F-B','Module G1','Module G2','Module P','Module C1','Module C2','Module DL',]],],'','sw_vers');boxes+=box('Device state',-1,[['',['Device status;devs',]],],c_btn('',0,' esm dn')+' < div > Current RAINS status < /div> < div > < small class = "fl" > WET < /small> < small class = "fr" > DRY < /small> < /div> < div id = "rai" console.log(json['dmxf']);
class = "rains" > < div > < /div> < /div> < div > MAX WET / resettable < /div> < div > < small class = "fl" > WET < /small> < small class = "fr" > DRY < /small> < /div> < div id = "rair" fill_values(json,['dmxf'])
class = "rains" > < div > < /div> < /div>'+c_btn('MAX WET reset',0,' mwr')+' < p > < small id = "wrt" > < /small> < /p>');boxes+=' < div class = "col-12 box-c" > ';boxes+=' < h2 id = "sta_err" > Status messages < /h2>';boxes+=' < div class = "box" > ';boxes+=' < ul class = "group" } ptit(json['pt']);
id = "err_v" > ';boxes+=' < /ul>';boxes+=' < /div>';boxes+=' < /div>';$('#boxes').html(boxes);var emb=$('button.esm');emb.addClass('btn-success');function ems_btn(v){if(v==0){emb.removeClass('sa btn-warning').html('Enter standby mode').show()} else {emb.addClass('sa btn-warning').html('Escape standby mode').show()}}emb.click(function(){var run=true;var s_v=(emb.hasClass('sa') ? 0:1);if((s_v==1)&&!confirm('Are you sure you want to enter standby mode?')) run=false;if(run){do_ajax('/sbm close_modal()
',{s:s_v},function (json){ems_btn(json[' }
sm ']);fill_values(json,[' show_errors(json['status'],par);
devs '])})}});var bussy=0;function do_5s(){bussy|=(1< < 0); loader(0)
}
})
});
$('.rh ').bind('click ',function(){
loader(1);
do_ajax('/reset_hours',{
index: $(this).attr('value')
},function (json){
if(json){
mhdr_status('suc');
fill_values(json,['hr0','hr1','hr2','hr3'])
}
loader(0)
})
});
$('.rt').bind('click',function(){
loader(1);
do_ajax('/reset_temps',{
index: $(this).attr('value')
},function (json){
if(json){
mhdr_status('suc');
fill_values(json,['tmr0','tmr1','tmr2'])
}
loader(0)
})
});
$('.lwu').bind('click',function(){
loader(1);
do_ajax('/lwm',{
unlink:1
},function (json){
if(json){
fill_values(json,['lwc','lws']);
mhdr_status('suc');
close_modal()
}
loader(0)
})
})
}
$(document).ready(function(){
var emb=$('button.esm');
emb.addClass('btn-success');
function ems_btn(v){
if(v==0){
emb.removeClass('sa btn-warning').html('Enter standby mode').show()
} else {
emb.addClass('sa btn-warning').html('Escape standby mode').show()
}
}
emb.click(function(){
var run=true;
var s_v=(emb.hasClass('sa') ? 0:1);
if((s_v==1)&&!confirm('Are you sure you want to enter standby mode?')) run=false;
if(run){
do_ajax('/sbm',{
s:s_v
},function (json){
ems_btn(json['sm']);
fill_values(json,['devs'])
})
}
});
var bussy=0;
function do_5s(){bussy|=(1 << 0);
do_ajax('/lwm', {}, function(json) { do_ajax('/lwm', {}, function(json) {
if (json) { if (json) {
fill_values(json, ['lwc', 'lws']) fill_values(json, ['lwc', 'lws'])
@@ -326,9 +398,11 @@
if (json['err'].length) $('#sta_err').addClass('err'); if (json['err'].length) $('#sta_err').addClass('err');
else $('#sta_err').removeClass('err'); else $('#sta_err').removeClass('err');
var html = ''; var html = '';
for (i = 0; i < json['err'].length; i++) html += ' < li > '+json[' for (i = 0; i < json['err'].length; i++) html += ' <li> ' + json['err'][i] + ' </li>';
err '][i]+' < /li>';$('#err_v').html(html)}}bussy&=~(1< < 7) $('#err_v').html(html)
}) }
}
bussy&=~(1 << 7)})
} }
do_ajax('/status_i', {}, function(json) { do_ajax('/status_i', {}, function(json) {
if (json) { if (json) {