Marco Locatelli
227 lines
11 KiB
HTML
227 lines
11 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);
|
|
$("#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="sb-topnav navbar navbar-expand navbar-dark bg-dark">
|
|
<img src="../static/img/steam.ico" height="52" width="52">
|
|
<h3>Steamware</h3>
|
|
</nav>
|
|
<!-- Sidebar con link di navigazione-->
|
|
<div id="layoutSidenav">
|
|
<div id="layoutSidenav_nav">
|
|
<nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
|
|
<div class="sb-sidenav-menu">
|
|
<div class="nav">
|
|
<center>
|
|
<div class="sb-sidenav-menu-heading">AnaLogger</div><br>
|
|
</center>
|
|
<a type="link" class="btn btn-dark" href="/">
|
|
Logger
|
|
</a>
|
|
<a type="link" class="btn btn-dark" href="/">
|
|
Settings
|
|
</a>
|
|
<a type="link" class="btn btn-dark" href="/">
|
|
About
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<!--contenuto della pagina main-->
|
|
<div id="layoutSidenav_content">
|
|
<main>
|
|
<div class="container-fluid py-2">
|
|
<div class="row">
|
|
<div class="col-xl-6">
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<i class="fas fa-chart-area mr-1"></i>
|
|
Server time
|
|
</div>
|
|
<p id="timeSrv"><span id="ServerTime"></span></p>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6">
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<i class="fas fa-chart-bar mr-1"></i>
|
|
Last log time
|
|
</div>
|
|
<p id="timeLog"><span id="LoggerTime"></span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<i class="fas fa-table mr-1"></i>
|
|
Channels Reading
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
Canale 1: <span id="Chan0"></span>
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 2: <span id="Chan1"></span>
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 3: <span id="Chan2"></span>
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 4: <span id="Chan3"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">
|
|
Canale 5: <span id="Chan4"></span>
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 6: <span id="Chan5"></span>
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 7: <span id="Chan6"></span>
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 8: <span id="Chan7"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--pulsanti start log e stop log-->
|
|
<center>
|
|
<button type="button" class="btn btn-success" onclick="startLog()">Start Log</button>
|
|
<button type="button" class="btn btn-danger" onclick="stopLog()">Stop Log</button>
|
|
</center>
|
|
<br>
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<i class="fas fa-table mr-1"></i>
|
|
Record Log
|
|
</div>
|
|
<div class="col-6 text-right">
|
|
<button type="button" class="btn btn-primary" onclick="startNewRec()">Create record File</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row" id="divNewFile">
|
|
<form class="col-12" method="POST" action="/api/v1/sessions">
|
|
<div class="input-group mb-3">
|
|
<span class="input-group-text">Nuova sessione</span>
|
|
<input type="text" class="form-control" id="NewSessionName" name="NewSessionName"></input>
|
|
<div class="input-group-append">
|
|
<input type="submit" value="Invio" class="btn btn-success"></input>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-2">check</div>
|
|
<div class="col-2">Inizio</div>
|
|
<div class="col-2">Durata</div>
|
|
<div class="col-2">Nome</div>
|
|
<div class="col-4">Copy</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-2">check</div>
|
|
<div class="col-2">Inizio</div>
|
|
<div class="col-2">Durata</div>
|
|
<div class="col-2">Nome</div>
|
|
<div class="col-4">Copy</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<!--fine contenuto main, inizio footer-->
|
|
<footer class="py-4 bg-light mt-auto">
|
|
<div class="container-fluid">
|
|
<div class="d-flex align-items-center justify-content-between small">
|
|
<div class="text-muted">Copyright © Steamware srl 2021</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|