351 lines
15 KiB
HTML
351 lines
15 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 active"><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" 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" onclick="window.location = ('../index.html')"></div>
|
||
<div class="container-fluid in">
|
||
<h1>RAINS logs</h1>
|
||
<div class="row" id="boxes">
|
||
<div class="col-12">
|
||
<ul class="nav nav-tabs" id="tab">
|
||
<li class="nav-item">
|
||
<a class="nav-link active" id="nav-sl" href="#" onclick="switchTab(0)">Sensors</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" id="nav-pl" href="#" onclick="switchTab(1)">Pressure measurements</a>
|
||
</li>
|
||
</ul>
|
||
<div class="tab-content">
|
||
<div class="tab-pane fade show active" id="sl" role="tabpanel">
|
||
<div class="row">
|
||
<div class="col-12 box-c mt-2 mb-2">
|
||
<h2 id="sta_err">
|
||
<button class="btn btn-primary btn-pm collapsed" type="button" data-toggle="collapse" data-target="#lfb"><i class="blue"></i></button>Logs filter</h2>
|
||
<div class="box collapse clearfix" id="lfb">
|
||
<small>Logs filters not functionnal on this simulator.</small>
|
||
<div class="form-row">
|
||
<div class="form-group col-auto">
|
||
<label for="fsd" class="col-form-label">Start date</label>
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<input type="date" class="form-control" id="fsd" step="1">
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<label for="fed" class="col-form-label">End date</label>
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<input type="date" class="form-control" id="fed" step="1">
|
||
</div>
|
||
</div>
|
||
<div class="form-row">
|
||
<div class="form-group col-auto">
|
||
<label class="col-form-label" id="tl0" for="fts0">Temperature</label>
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<select class="form-control" id="fts0">
|
||
<option value="0">-</option>
|
||
<option value="1">=</option>
|
||
<option value="2"><</option>
|
||
<option value="3">></option>
|
||
<option value="4"><=</option>
|
||
<option value="5">>=</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<input type="text" class="form-control" size="5" id="ftv0">
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<label class="col-form-label" for="ftv0">°C</label>
|
||
</div>
|
||
</div>
|
||
<div class="form-row">
|
||
<div class="form-group col-auto">
|
||
<label class="col-form-label" id="tl1" for="fts1">Relative humidity</label>
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<select class="form-control" id="fts1">
|
||
<option value="0">-</option>
|
||
<option value="1">=</option>
|
||
<option value="2"><</option>
|
||
<option value="3">></option>
|
||
<option value="4"><=</option>
|
||
<option value="5">>=</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<input type="text" class="form-control" size="5" id="ftv1">
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<label class="col-form-label" for="ftv1">%</label>
|
||
</div>
|
||
</div>
|
||
<div class="form-row">
|
||
<div class="form-group col-auto">
|
||
<label class="col-form-label" id="tl2" for="fts2">Pressure</label>
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<select class="form-control" id="fts2">
|
||
<option value="0">-</option>
|
||
<option value="1">=</option>
|
||
<option value="2"><</option>
|
||
<option value="3">></option>
|
||
<option value="4"><=</option>
|
||
<option value="5">>=</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<input type="text" class="form-control" size="5" id="ftv2">
|
||
</div>
|
||
<div class="form-group col-auto">
|
||
<label class="col-form-label" for="ftv2">hPa</label>
|
||
</div>
|
||
</div>
|
||
<div class="float-right">
|
||
<button type="button" class="btn btn-primary mr06" id="fap" onclick="alert('Logs filters not functionnal on this simulator.')">Apply filter</button>
|
||
<button type="button" class="btn btn-primary" id="fcl" onclick="alert('Logs filters not functionnal on this simulator.')">Clear filter</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="clearfix mt-2">
|
||
<button class="btn btn-primary float-right dslog">Download log file</button>
|
||
</div>
|
||
<div class="table-responsive">
|
||
<table class="table mt-2">
|
||
<thead>
|
||
<tr>
|
||
<th>Date / Time</th>
|
||
<th>Temperature [°C]</th>
|
||
<th>Relative humidity [%]</th>
|
||
<th>Pressure [hPa]</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="sensd">
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:20:47</td>
|
||
<td>47</td>
|
||
<td>14.0</td>
|
||
<td>1013</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:18:50</td>
|
||
<td>46</td>
|
||
<td>14.5</td>
|
||
<td>1021</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:15:36</td>
|
||
<td>45</td>
|
||
<td>14.5</td>
|
||
<td>1022</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:12:52</td>
|
||
<td>44</td>
|
||
<td>15.0</td>
|
||
<td>1013</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:10:52</td>
|
||
<td>43</td>
|
||
<td>15.0</td>
|
||
<td>1020</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:07:46</td>
|
||
<td>42</td>
|
||
<td>15.0</td>
|
||
<td>1013</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:04:27</td>
|
||
<td>41</td>
|
||
<td>16.0</td>
|
||
<td>1014</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:02:01</td>
|
||
<td>40</td>
|
||
<td>16.5</td>
|
||
<td>1021</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 15:58:37</td>
|
||
<td>39</td>
|
||
<td>16.5</td>
|
||
<td>1014</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 15:57:47</td>
|
||
<td>38</td>
|
||
<td>16.5</td>
|
||
<td>1013</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 15:30:07</td>
|
||
<td>42</td>
|
||
<td>15.0</td>
|
||
<td>1013</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 15:05:29</td>
|
||
<td>41</td>
|
||
<td>15.0</td>
|
||
<td>1013</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane fade" id="pl" role="tabpanel">
|
||
<div class="clearfix mt-2">
|
||
<button class="btn btn-primary float-right dsprs">Download measurements file</button>
|
||
</div>
|
||
<div class="table-responsive">
|
||
<table class="table mt-2">
|
||
<thead>
|
||
<tr>
|
||
<th>Date / Time</th>
|
||
<th>Temperature [°C]</th>
|
||
<th>Relative humidity [%]</th>
|
||
<th>Pressure [hPa]</th>
|
||
<th>Pressure difference [hPa]</th>
|
||
<th>Duration [m:s]</th>
|
||
<th>Result</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="presr">
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:19:02</td>
|
||
<td>46</td>
|
||
<td>14.5</td>
|
||
<td>1021</td>
|
||
<td>7.50</td>
|
||
<td>01:22</td>
|
||
<td>OK</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:15:33</td>
|
||
<td>44</td>
|
||
<td>14.5</td>
|
||
<td>1022</td>
|
||
<td>7.50</td>
|
||
<td>01:26</td>
|
||
<td>OK</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:10:31</td>
|
||
<td>42</td>
|
||
<td>15.0</td>
|
||
<td>1021</td>
|
||
<td>7.47</td>
|
||
<td>01:28</td>
|
||
<td>OK</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-3-2">2.3.2023 16:02:09</td>
|
||
<td>40</td>
|
||
<td>16.5</td>
|
||
<td>1022</td>
|
||
<td>7.50</td>
|
||
<td>01:36</td>
|
||
<td>OK</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-2-8">8.2.2023 16:18:04</td>
|
||
<td>53</td>
|
||
<td>24.0</td>
|
||
<td>1035</td>
|
||
<td>7.41</td>
|
||
<td>02:14</td>
|
||
<td>OK</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-2-8">8.2.2023 12:29:14</td>
|
||
<td>43</td>
|
||
<td>16.0</td>
|
||
<td>1037</td>
|
||
<td>7.56</td>
|
||
<td>01:22</td>
|
||
<td>OK</td>
|
||
</tr>
|
||
<tr>
|
||
<td data-target="2023-2-8">8.2.2023 11:50:29</td>
|
||
<td>29</td>
|
||
<td>17.5</td>
|
||
<td>1037</td>
|
||
<td>7.47</td>
|
||
<td>01:58</td>
|
||
<td>OK</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</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>
|
||
function switchTab(id) {
|
||
console.log(id);
|
||
if (id == 0) {
|
||
// go to SL
|
||
$('#nav-pl').removeClass("active")
|
||
$('#nav-sl').addClass("active")
|
||
$('#pl').removeClass("show active")
|
||
$('#sl').addClass("show active")
|
||
} else {
|
||
// go to PL
|
||
$('#nav-sl').removeClass("active")
|
||
$('#nav-pl').addClass("active")
|
||
$('#sl').removeClass("show active")
|
||
$('#pl').addClass("show active")
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |