259 lines
12 KiB
HTML
259 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<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/layout.css">
|
||
<script src="../files/jquery-3.3.1.min.js"></script><script src="../files/popper.min.js"></script><script src="../files/bootstrap.min.js"></script><script src="base.js"></script>
|
||
</head>
|
||
<body>
|
||
<nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark">
|
||
<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>
|
||
<div class="collapse navbar-collapse" id="navbar">
|
||
<ul class="navbar-nav mr-auto">
|
||
<li class="nav-item active"><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="./logs.html">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" id="scfg">Settings</a></li>
|
||
<li class="nav-item"><a class="nav-link" id="idnt"><img class="rdmi" src="../files/identify.svg"></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<div class="fixed-top text-center device-label" id="pth" ></div>
|
||
<div class="container in">
|
||
<h1>Device status</h1>
|
||
<div class="row" id="boxes">
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>DMX/RDM settings<a class="cfg" onclick="open_modal(0);"><img src="../files/settings.svg"></a></h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>DMX address</li>
|
||
<li>DMX preset</li>
|
||
<li>DMX input</li>
|
||
<li class="mt-2">IP address</li>
|
||
<li>MAC address</li>
|
||
<li class="mt-2">RDM UID</li>
|
||
<li>RDM label</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="t1_dmxa_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_dmxp_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_dmxi_v"></div>
|
||
</li>
|
||
<li class="mt-2">
|
||
<div id="t1_ip_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_mac_v"></div>
|
||
</li>
|
||
<li class="mt-2">
|
||
<div id="t1_rdmu_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_rdmn_v"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>Device times<a class="cfg" onclick="open_modal(1);"><img src="../files/settings.svg"></a></h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>Power on time</li>
|
||
<li>LEDs on time</li>
|
||
<li>Air filters</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="t1_h0_v"></div>
|
||
h /
|
||
<div id="t1_hr0_v"></div>
|
||
h
|
||
</li>
|
||
<li>
|
||
<div id="t1_h1_v"></div>
|
||
h /
|
||
<div id="t1_hr1_v"></div>
|
||
h
|
||
</li>
|
||
<li>
|
||
<div id="t1_h3_v"></div>
|
||
h /
|
||
<div id="t1_hr3_v"></div>
|
||
h
|
||
</li>
|
||
</ul>
|
||
<p><small>total / resetable</small></p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>Device temperatures<a class="cfg" onclick="open_modal(2);"><img src="../files/settings.svg"></a></h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>LEDs board top</li>
|
||
<li>LEDs board bottom</li>
|
||
<li>Base</li>
|
||
<li>Red/Amber leds</li>
|
||
<li>Green/Yellow leds</li>
|
||
<li>Blue led</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="t1_t0_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_tm0_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_tmr0_v"></div> °<div class="t1_tu" id="t1_tu_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_t3_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_tm3_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_tmr3_v"></div> °<div class="t1_tu" id="t1_tu_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_t2_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_tm2_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_tmr2_v"></div> °<div class="t1_tu" id="t1_tu_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_lt0_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_ltm0_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_ltmr0_v"></div> °<div class="t1_tu" id="t1_tu_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_lt1_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_ltm1_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_ltmr1_v"></div> °<div class="t1_tu" id="t1_tu_v"></div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_lt2_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_ltm2_v"></div> °<div class="t1_tu" id="t1_tu_v"></div> / <div id="t1_ltmr2_v"></div> °<div class="t1_tu" id="t1_tu_v"></div>
|
||
</li>
|
||
</ul>
|
||
<p><small>current / maximum / resetable</small></p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>Wireless state<a class="cfg" onclick="open_modal(3);"><img src="../files/settings.svg"></a></h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>State</li>
|
||
<li>Signal strength</li>
|
||
</ul>
|
||
<ul class="group vals" id="">
|
||
<li>
|
||
<div id="t1_lwc_v">not installed</div>
|
||
</li>
|
||
<li>
|
||
<div id="t1_lws_v">...</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-xl-4 box-c">
|
||
<h2>Software versions</h2>
|
||
<div class="box">
|
||
<ul class="group">
|
||
<li>Display System</li>
|
||
<li>Module M</li>
|
||
<li>Module L1</li>
|
||
<li>Module L2</li>
|
||
<li>Module L3</li>
|
||
<li>Module O</li>
|
||
<li>Module F-A</li>
|
||
<li>Module SC</li>
|
||
</ul>
|
||
<ul class="group vals" id="sw_vers">
|
||
<li>2.2</li>
|
||
<li>1.3</li>
|
||
<li>2.0</li>
|
||
<li>1.4</li>
|
||
<li>1.4</li>
|
||
<li>2.3</li>
|
||
<li>1.1</li>
|
||
<li>1.1</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 box-c">
|
||
<h2 id="sta_err">Status messages</h2>
|
||
<div class="box">
|
||
<li>This is a simulated REAP™ page for demo purposes. Some content might be different on real fixtures.</li>
|
||
<li>Big thanks to Vincent BOUQUET for creating this simulator.</li>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="cfg-modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<img src="../files/settings.svg">
|
||
<h5 class="modal-title" id="m-t"></h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||
</div>
|
||
<div class="modal-body" id="m-b"></div>
|
||
<div class="modal-footer" id="m-f"><button type="button" class="btn btn-primary sb">Save</button></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
var a_m = -1;
|
||
var m_t = ['DMX/RDM settings', 'Reset timers', 'Reset temperatures', 'Wireless settings'];
|
||
|
||
function open_modal(i) {
|
||
a_m = i;
|
||
if (a_m < m_t.length) {
|
||
$('#m-t').html(m_t[a_m])
|
||
}
|
||
$('.sb').unbind();
|
||
$('#m-f').empty();
|
||
$('#m-f').append('<button type="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('t1_dmxa', 'DMX address', 'Please put DMX address from 1 to 512');
|
||
h += c_opt('t1_dmxp', 'DMX preset', [3], 'Mode ', 0, 1, '');
|
||
h += c_opt('t1_dmxi', 'DMX input', ['wired', 'wireless', 'wireless XLR out'], '', 0, 1, 'Can not set wireless input now!');
|
||
h += c_txt('t1_rdmn', 'RDM label', 'Please insert label,max 32 characters')
|
||
} else if (a_m == 1) {
|
||
h += c_btn('Power on time reset', 0, ' rh');
|
||
h += c_btn('LEDs on time reset', 1, ' rh')
|
||
h += c_btn('Air filters reset', 3, ' rh')
|
||
} else if (a_m == 2) {
|
||
h += c_btn('Led board top temperature reset', 0, ' rt');
|
||
h += c_btn('Led board bottom temperature reset', 3, ' rt');
|
||
h += c_btn('Base temperature reset', 2, ' rt');
|
||
h += c_btn('Red/Amber temperature reset', 0, ' rlt');
|
||
h += c_btn('Green/Yellow temperature reset', 1, ' rlt');
|
||
h += c_btn('Blue temperature reset', 2, ' rlt')
|
||
} 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 = ['t1_dmxa', 't1_dmxp', 't1_dmxi', 't1_rdmn'];
|
||
do_ajax('/set_dmx', serialize_parameters(par))
|
||
});
|
||
$('.rh').bind('click', function() {
|
||
loader(1);
|
||
do_ajax('/reset_hours', "rh=" + this.value)
|
||
});
|
||
$('.rt').bind('click', function() {
|
||
loader(1);
|
||
do_ajax('/reset_temps', "rt=" + this.value)
|
||
});
|
||
$('.rlt').bind('click', function() {
|
||
loader(1);
|
||
do_ajax('/ltemps', "rlt=" + this.value)
|
||
});
|
||
$('.lwu').bind('click', function() {
|
||
// on unlink wireless module
|
||
loader(1)
|
||
close_modal()
|
||
|
||
})
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |