indent fix + typo + dmx sniff fix

This commit is contained in:
Kwimbee
2025-01-23 13:26:14 +01:00
parent c7fbc0f50c
commit ea5680b473

View File

@@ -1,39 +1,39 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel="stylesheet" href="../files/bootstrap.min.css"> <link rel="stylesheet" href="../files/bootstrap.min.css">
<link rel="stylesheet" href="../files/layout.css"> <link rel="stylesheet" href="../files/layout.css">
<script src="../files/jquery-3.3.1.min.js"></script> <script src="../files/jquery-3.3.1.min.js"></script>
<script src="../files/popper.min.js"></script> <script src="../files/popper.min.js"></script>
<script src="../files/bootstrap.min.js"></script> <script src="../files/bootstrap.min.js"></script>
<script src="./base.js"></script> <script src="./base.js"></script>
</head> </head>
<body> <body>
<nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark"> <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark">
<div class="container"> <div class="container">
<a class="navbar-brand" href="./index.html"><img src="../files/robe_logo_white.svg"></a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"><span class="navbar-toggler-icon"></span></button> <a class="navbar-brand" href="./index.html"><img src="../files/robe_logo_white.svg"></a><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbar"> <div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" href="./index.html">Status</a></li> <li class="nav-item"><a class="nav-link" href="./index.html">Status</a></li>
<li class="nav-item"><a class="nav-link" href="./personality.html">Personality</a></li> <li class="nav-item"><a class="nav-link" href="./personality.html">Personality</a></li>
<li class="nav-item active"><a class="nav-link" href="./logs.html">Logs</a></li> <li class="nav-item active"><a class="nav-link" href="./logs.html">Logs</a></li>
<li class="nav-item"><a class="nav-link" href="./sensors.html">RAINS logs</a></li> <li class="nav-item"><a class="nav-link" href="./sensors.html">RAINS logs</a></li>
<li class="nav-item"><a class="nav-link" href="./discovery.html">Discovery</a></li> <li class="nav-item"><a class="nav-link" href="./discovery.html">Discovery</a></li>
<li class="nav-item"><a class="nav-link" id="scfg">Settings</a></li> <li class="nav-item"><a class="nav-link" id="scfg">Settings</a></li>
<li class="nav-item"><a class="nav-link" id="idnt"><img class="rdmi" src="../files/identify.svg"></a></li> <li class="nav-item"><a class="nav-link" id="idnt"><img class="rdmi" src="../files/identify.svg"></a></li>
</ul> </ul>
</div>
</div> </div>
</nav> </div>
<div class="fixed-top text-center device-label" id="pth" ></div> </nav>
<div class="container-fluid in"> <div class="fixed-top text-center device-label" id="pth" ></div>
<h1>Device logs</h1> <div class="container-fluid in">
<div class="row" id="boxes"> <h1>Device logs</h1>
<div class="col-12 box-c"> <div class="row" id="boxes">
<h2 id="sta_err"><button class="btn btn-primary btn-pm" type="button" data-toggle="collapse" <div class="col-12 box-c">
data-target="#lfb"><i class="blue"></i></button> Logs filter<a class="cfg" <h2 id="sta_err"><button class="btn btn-primary btn-pm" type="button" data-toggle="collapse"
onclick="cfgm();"><img src="../files/settings.svg"></a></h2> data-target="#lfb"><i class="blue"></i></button> Logs filter<a class="cfg"
onclick="cfgm();"><img src="../files/settings.svg"></a></h2>
<div class="box collapse clearfix" id="lfb"> <div class="box collapse clearfix" id="lfb">
<small>Logs filters not functionnal on this simulator.</small> <small>Logs filters not functionnal on this simulator.</small>
<br> <br>
@@ -362,7 +362,7 @@
<li class="">37°C</li> <li class="">37°C</li>
<li class="dn">-32°C</li> <li class="dn">-32°C</li>
</ul> </ul>
<h3>Display orientation</h3>Side Botom <h3>Display orientation</h3>Side Bottom
</div> </div>
</div> </div>
</div> </div>
@@ -386,7 +386,7 @@
<li class="">34°C</li> <li class="">34°C</li>
<li class="">33°C</li> <li class="">33°C</li>
</ul> </ul>
<h3>Display orientation</h3>Side Botom <h3>Display orientation</h3>Side Bottom
</div> </div>
</div> </div>
</div> </div>
@@ -407,7 +407,7 @@
<li class="">21°C</li> <li class="">21°C</li>
<li class="dn">-32°C</li> <li class="dn">-32°C</li>
</ul> </ul>
<h3>Display orientation</h3>Side Botom <h3>Display orientation</h3>Side Bottom
</div> </div>
</div> </div>
</div> </div>
@@ -459,83 +459,101 @@
</div> </div>
</div> </div>
<script> <script>
var is_sniffing = false;
// CREATES MODAL FOR LOG TOOLS // CREATES MODAL FOR LOG TOOLS
function cfgm() { function cfgm() {
$('#m-t').html('Logs tools'); console.log(is_sniffing);
$('#m-f').empty();
$('.sb').unbind(); $('#m-t').html('Logs tools');
var tl = c_btn('Download log file', 0, ' dlog'); $('#m-f').empty();
tl += c_btn('Start DMX sniff', 0, ' ddmx'); $('.sb').unbind();
$('#m-b').html(tl); var tl = c_btn('Download log file', 0, ' dlog');
$('#cfg-modal').modal(); if (!is_sniffing) {
$('.dlog').bind('click', function () { tl += c_btn('Start DMX sniff', 0, ' ddmx');
close_modal() } else {
}); tl += c_btn('Stop DMX sniff', 0, ' ddmx');
$('.ddmx').bind('click', function () { }
close_modal() $('#m-b').html(tl);
}) $('#cfg-modal').modal();
$('.dlog').bind('click', function () {
// download logs
close_modal()
});
$('.ddmx').bind('click', function () {
// start sniff
if (is_sniffing) {
$('.ddmx').html('Start DMX sniff');
is_sniffing = false;
} else {
$('.ddmx').html('Stop DMX sniff');
is_sniffing = true;
} }
close_modal()
function lfix(l) { })
return l.charAt(0).toUpperCase() + l.slice(1).toLowerCase().replace('ems', 'EMS') }
}
function lfix(l) {
function c_chb(id, t, v, ch) { return l.charAt(0).toUpperCase() + l.slice(1).toLowerCase().replace('ems', 'EMS')
var html = }
'<div class="form-check form-check-inline"><input type="checkbox" class="form-check-input" id="' + id +
'" value="' + v + '"' + ch + '>'; function c_chb(id, t, v, ch) {
html += '<label class="form-check-label" for="' + id + '">' + t + '</label></div>'; var html =
return html '<div class="form-check form-check-inline"><input type="checkbox" class="form-check-input" id="' + id +
} '" value="' + v + '"' + ch + '>';
html += '<label class="form-check-label" for="' + id + '">' + t + '</label></div>';
function c_tit(id, t, e, c, p) { return html
var html = }
'<h3><button class="btn btn-primary btn-pm" type="button" data-toggle="collapse" data-target="#' + id +
'"><i></i></button>'; function c_tit(id, t, e, c, p) {
html += ' ' + t; var html =
if (p) html += '<div class="fall"><input type="checkbox" id="' + id + '_p"> all must pass</div>'; '<h3><button class="btn btn-primary btn-pm" type="button" data-toggle="collapse" data-target="#' + id +
html += '</h3>'; '"><i></i></button>';
html += '<div class="collapse' + c + '" id="' + id + '">'; html += ' ' + t;
if (p) html += '<div class="fall"><input type="checkbox" id="' + id + '_p"> all must pass</div>';
html += '</h3>';
html += '<div class="collapse' + c + '" id="' + id + '">';
if (e) html += '</div>'; if (e) html += '</div>';
return html return html
} }
function c_ftmp(i, t) { function c_ftmp(i, t) {
var html = ''; var html = '';
html += '<div class="form-row">'; html += '<div class="form-row">';
html += '<div class="form-group col-auto"><label class="col-form-label" id="tl' + i + '" for="fts' + i + html += '<div class="form-group col-auto"><label class="col-form-label" id="tl' + i + '" for="fts' + i +
'">' + t + '</label></div>'; '">' + t + '</label></div>';
html += '<div class="form-group col-auto"><select class="form-control" id="fts' + i + '">'; html += '<div class="form-group col-auto"><select class="form-control" id="fts' + i + '">';
html += '<option value="0">-</option><option value="1">&lt;=</option><option value="2">&gt;=</option>'; html += '<option value="0">-</option><option value="1">&lt;=</option><option value="2">&gt;=</option>';
html += '</select></div>'; html += '</select></div>';
html += '<div class="form-group col-auto"><input type="text" class="form-control" size="5" id="ftv' + i + html += '<div class="form-group col-auto"><input type="text" class="form-control" size="5" id="ftv' + i +
'"></div>'; '"></div>';
html += '<div class="form-group col-auto"><label class="col-form-label" for="ftv' + i + html += '<div class="form-group col-auto"><label class="col-form-label" for="ftv' + i +
'">&deg;<span class="tu" t1_tu_v"></span></label></div>'; '">&deg;<span class="tu" t1_tu_v"></span></label></div>';
html += '</div>'; html += '</div>';
return html return html
} }
function c_dt(n, t, e, c, it) { function c_dt(n, t, e, c, it) {
var html = '<div class="form-group' + c + '">'; var html = '<div class="form-group' + c + '">';
html += '<label for="' + n + '" class="col-form-label">' + t + '</label>'; html += '<label for="' + n + '" class="col-form-label">' + t + '</label>';
html += '</div><div class="form-group' + c + '">'; html += '</div><div class="form-group' + c + '">';
html += '<input type="' + it + '" class="form-control" id="' + n + '" step="1">'; html += '<input type="' + it + '" class="form-control" id="' + n + '" step="1">';
html += e.length > 0 ? '<div class="invalid-feedback">' + e + '</div>' : ''; html += e.length > 0 ? '<div class="invalid-feedback">' + e + '</div>' : '';
html += '</div>'; html += '</div>';
return html return html
} }
function c_sil(id, t, o) { function c_sil(id, t, o) {
var html = '<div class="form-group col-auto"><label class="col-form-label" for="' + id + '">' + t + var html = '<div class="form-group col-auto"><label class="col-form-label" for="' + id + '">' + t +
'</label></div>'; '</label></div>';
html += '<div class="form-group col-auto"><select class="form-control" id="' + id + '">'; html += '<div class="form-group col-auto"><select class="form-control" id="' + id + '">';
for (i = 0; i < o.length; i++) { for (i = 0; i < o.length; i++) {
html += '<option value="' + i + '">' + o[i] + '</option>' html += '<option value="' + i + '">' + o[i] + '</option>'
} }
html += '</select></div>'; html += '</select></div>';
return html return html
} }
</script> </script>
</body> </body>
</html> </html>