203 lines
7.7 KiB
HTML
203 lines
7.7 KiB
HTML
<html lang="en">
|
||
<head>
|
||
<meta 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"><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="./sensors.html">RAINS logs</a></li>
|
||
<li class="nav-item active"><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-fluid in">
|
||
<h1>Discovery</h1>
|
||
<div class="row" id="boxes">
|
||
<div class="col-12">
|
||
<div class="clearfix">
|
||
<div class="float-left pt02">
|
||
<input type="checkbox" id="w-ot">
|
||
<label for="w-ot" class="pl04">Move devices with warning to top</label>
|
||
</div>
|
||
<button class="btn btn-primary float-right" id="scan">Discover (1)</button>
|
||
</div>
|
||
<h2>Columns selection (max. 7 items)</h2>
|
||
<div class="clearfix" id="cols">
|
||
<div class="dchb">
|
||
<input type="checkbox" class="cchb" checked="" id="cchb-0">
|
||
<label for="cchb-0">DMX address</label>
|
||
</div>
|
||
<div class="dchb">
|
||
<input type="checkbox" class="cchb" checked="" id="cchb-1">
|
||
<label for="cchb-1">DMX preset</label>
|
||
</div>
|
||
<div class="dchb">
|
||
<input type="checkbox" class="cchb" checked="" id="cchb-2">
|
||
<label for="cchb-2">RDM UID</label>
|
||
</div>
|
||
<div class="dchb">
|
||
<input type="checkbox" class="cchb" checked="" id="cchb-3">
|
||
<label for="cchb-3">IP address</label>
|
||
</div>
|
||
<div class="dchb">
|
||
<input type="checkbox" class="cchb" id="cchb-4" >
|
||
<label for="cchb-4">Head temperature [°C]</label>
|
||
</div>
|
||
<div class="dchb">
|
||
<input type="checkbox" class="cchb" id="cchb-5" >
|
||
<label for="cchb-5">Relative humidity [%]</label>
|
||
</div>
|
||
<div class="dchb">
|
||
<input type="checkbox" class="cchb" checked="" id="cchb-6">
|
||
<label for="cchb-6">RAINS (max wet)</label>
|
||
</div>
|
||
<div class="dchb">
|
||
<input type="checkbox" class="cchb" id="cchb-7" >
|
||
<label for="cchb-7">Last pressure test</label>
|
||
</div>
|
||
<div class="dchb">
|
||
<input type="checkbox" class="cchb" checked="" id="cchb-8">
|
||
<label for="cchb-8">Device status</label>
|
||
</div>
|
||
</div>
|
||
<div class="table-responsive">
|
||
<table class="table mt-2" id="d-t">
|
||
<thead id="dmax">
|
||
<tr>
|
||
<th>
|
||
<i class="as"></i>
|
||
<i class="ab"></i> Device
|
||
</th>
|
||
<th>
|
||
<i></i>
|
||
<i class="ab"></i> DMX address
|
||
</th>
|
||
<th>
|
||
<i></i>
|
||
<i class="ab"></i> DMX preset
|
||
</th>
|
||
<th>
|
||
<i></i>
|
||
<i class="ab"></i> RDM UID
|
||
</th>
|
||
<th>
|
||
<i></i>
|
||
<i class="ab"></i> IP address
|
||
</th>
|
||
<th style="display: none;">
|
||
<i></i>
|
||
<i class="ab"></i> Head temperature [°C]
|
||
</th>
|
||
<th style="display: none;">
|
||
<i></i>
|
||
<i class="ab"></i> Relative humidity [%]
|
||
</th>
|
||
<th>
|
||
<i></i>
|
||
<i class="ab"></i> RAINS (max wet)
|
||
</th>
|
||
<th style="display: none;">
|
||
<i></i>
|
||
<i class="ab"></i> Last pressure test
|
||
</th>
|
||
<th>
|
||
<i></i>
|
||
<i class="ab"></i> Device status
|
||
</th>
|
||
<th> </th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>iForte</td>
|
||
<td id="iforte_dmxa_v">1</td>
|
||
<td id="iforte_dmxp_v">Mode 1</td>
|
||
<td id="iforte_rdmu_v">52:53:01:2c:00:0e</td>
|
||
<td><a href="../iforte/index.html">2.247.136.14</a></td>
|
||
<td style="display: none;">47</td>
|
||
<td style="display: none;">14.0</td>
|
||
<td>
|
||
<div class="rains sl">
|
||
<div id="iforte_rains_bar_max" style="width:63%"></div>
|
||
</div>
|
||
</td>
|
||
<td style="display: none;">2.3.2023 16:19:02 - OK</td>
|
||
<td id="iforte_devs_v">active</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Robin T1 Wash</td>
|
||
<td>1</td>
|
||
<td>Mode 3</td>
|
||
<td>52:53:00:00:00:00</td>
|
||
<td><a href="../t1/index.html">2.246.16.203</a></td>
|
||
<td style="display: none;">47</td>
|
||
<td style="display: none;">-</td>
|
||
<td>-</td>
|
||
<td style="display: none;">-</td>
|
||
<td>active</td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody class="rd" id="scd"></tbody>
|
||
</table>
|
||
</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>
|
||
$('.cchb').on('change', function() {
|
||
var cbid = $(this).attr('id')
|
||
var colid = cbid.charAt(cbid.length - 1)
|
||
colid++
|
||
|
||
// handle visibility of columns
|
||
$('#d-t tr').each(function() {
|
||
$(this).find('td:eq(' + colid + ')').toggle();
|
||
});
|
||
$('#d-t th:eq(' + colid + ')').toggle();
|
||
|
||
// only allows 7 columns at any time
|
||
var checkedCount = $('.cchb:checked').length;
|
||
if (checkedCount === 7) {
|
||
$('.cchb:not(:checked)').prop('disabled', true);
|
||
} else {
|
||
$('.cchb').prop('disabled', false);
|
||
}
|
||
})
|
||
|
||
</script>
|
||
</body>
|
||
</html> |