Marco Locatelli
126 lines
5.1 KiB
HTML
126 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<meta name="description" content="FlyThis" />
|
|
<meta name="author" content="Marco Loca" />
|
|
<title>{{ title }}</title>
|
|
<link rel="shortcut icon" href="../static/img/steam.ico">
|
|
<link rel="stylesheet" href="../static/css/styles.css"/>
|
|
<link rel="stylesheet" href="../static/css/fonts.css">
|
|
<script src="../static/js/jquery-3.6.0.min.js"></script>
|
|
</head>
|
|
<body class="sb-nav-fixed">
|
|
<script>
|
|
|
|
var intTime=250;
|
|
// fix visualizzazioni
|
|
fixDisplay();
|
|
// avvio timer
|
|
var timeout = setTimeout(dataRefresh, intTime);
|
|
|
|
function fixDisplay(){
|
|
$("#divNewFile").toggle();
|
|
//console.log("div hidden");
|
|
}
|
|
|
|
function dataRefresh() {
|
|
// scarico i dati aggioranti
|
|
$.ajax({url: "/api/v1/channels/all", success: function(result){
|
|
// compilo i dati scaricati
|
|
$("#Chan0").html(result.Ch0);
|
|
$("#Chan1").html(result.Ch1);
|
|
$("#Chan2").html(result.Ch2);
|
|
$("#Chan3").html(result.Ch3);
|
|
$("#Chan4").html(result.Ch4);
|
|
$("#Chan5").html(result.Ch5);
|
|
$("#Chan6").html(result.Ch6);
|
|
$("#Chan7").html(result.Ch7);
|
|
$("#LogFrequency").html(result.Freq);
|
|
$("#ServerTime").html(result.timeSrv);
|
|
$("#LoggerTime").html(result.timeLog);
|
|
//console.log(result);
|
|
}});
|
|
timeout = setTimeout(dataRefresh, intTime);
|
|
}
|
|
|
|
function startLog(){
|
|
$.ajax({
|
|
type: 'PUT'
|
|
,url: "/api/v1/log/start"
|
|
,data: ""
|
|
,success: function(){
|
|
alert('Log Started');
|
|
}
|
|
})
|
|
intTime= 250;
|
|
};
|
|
|
|
function stopLog(){
|
|
$.ajax({
|
|
type: 'PUT'
|
|
,url: "/api/v1/log/stop"
|
|
,data: ""
|
|
,success: function(){
|
|
alert('Log Stopped');
|
|
}
|
|
})
|
|
intTime = 2500;
|
|
};
|
|
|
|
// Funzione startNewRec: assegna nuovo nome con data e ora al file .csv di record
|
|
function startNewRec(){
|
|
var d = new Date();
|
|
var name= d.toISOString().replace('T','_').replace('-','_').replace('-','_').replace(':','_').replace(':','_').replace('.','_').replace('Z','')+'.csv';
|
|
//console.log(name);
|
|
$('#NewSessionName').val(name);
|
|
}
|
|
|
|
</script>
|
|
<nav class="navbar navbar-expand-md bg-dark navbar-dark">
|
|
<!-- Brand -->
|
|
<a class="navbar-brand" href="/">ANALOGGER</a>
|
|
|
|
<!-- Toggler/collapsibe Button -->
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<!-- Navbar links -->
|
|
<div class="collapse navbar-collapse" id="collapsibleNavbar">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="logger">Logger</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="settings">Setup</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="about">About</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<!--contenuto della pagina main-->
|
|
<div id="main">
|
|
{% block content %}
|
|
{% endblock %}
|
|
</div>
|
|
|
|
<!--fine contenuto main, inizio footer (data, ora, logo)-->
|
|
<footer class="py-1 bg-light bg-dark text-light fixed-bottom">
|
|
<div class="container-fluid">
|
|
<div class="d-flex align-items-center justify-content-between small">
|
|
<div><span id="ServerTime"></span></div>
|
|
<div>Copyright © Steamware srl 2021
|
|
<img src="../static/img/steam.ico" height="24" width="24">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|