Marco Locatelli
203 lines
9.7 KiB
HTML
203 lines
9.7 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 timeout = setTimeout(dataRefresh, 200);
|
|
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.timeNow);
|
|
$("#LoggerTime").html(result.timeLog);
|
|
//console.log(result);
|
|
}});
|
|
timeout = setTimeout(dataRefresh, 200);
|
|
}
|
|
function startLog(){
|
|
$.ajax({
|
|
type: 'PUT'
|
|
,url: "/api/v1/log/start"
|
|
,data: ""
|
|
,success: function(){
|
|
alert('Log Started');
|
|
}
|
|
})
|
|
};
|
|
|
|
function stopLog(){
|
|
$.ajax({
|
|
type: 'PUT'
|
|
,url: "/api/v1/log/stop"
|
|
,data: ""
|
|
,success: function(){
|
|
alert('Log Stopped');
|
|
}
|
|
})
|
|
};
|
|
|
|
</script>
|
|
<nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark">
|
|
<h3>
|
|
<img src="../static/img/steam.ico" height="48" width="48">
|
|
Steamware</h3>
|
|
</nav>
|
|
<!-- Sidebar-->
|
|
<div id="layoutSidenav">
|
|
<div id="layoutSidenav_nav">
|
|
<nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
|
|
<div class="sb-sidenav-menu">
|
|
</div>
|
|
<div class="sb-sidenav-footer">
|
|
<div class="small">Logged in as:</div>
|
|
Start Bootstrap
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div id="layoutSidenav_content">
|
|
<main>
|
|
<div class="container-fluid py-2">
|
|
<div class="row">
|
|
<div class="col-xl-6">
|
|
<div class="card-header">
|
|
<i class="fas fa-chart-area mr-1"></i>
|
|
Server time
|
|
</div>
|
|
<p id="timeNow"><span id="ServerTime"></span></p>
|
|
</div>
|
|
<div class="col-xl-6">
|
|
<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 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>
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<!--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>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<i class="fas fa-table mr-1"></i>
|
|
Record Log
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row" id="divNewFile" visible="false">
|
|
</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 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 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>
|
|
<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>
|
|
<a href="#">Privacy Policy</a>
|
|
·
|
|
<a href="#">Terms & Conditions</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|