Marco Locatelli
248 lines
14 KiB
HTML
248 lines
14 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">
|
|
<!--<link rel="stylesheet" crossorigin="anonymous" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css"/>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/js/all.min.js" crossorigin="anonymous"></script>-->
|
|
</head>
|
|
<body class="sb-nav-fixed">
|
|
<!--<body onLoad="timeRefresh(1000);"></body>
|
|
<script>
|
|
function timeRefresh(time) {
|
|
setTimeout("window.location.reload();", time)
|
|
}
|
|
</script>-->
|
|
|
|
<script>
|
|
var timeout = setTimeout(dataRefresh, 250);
|
|
function dataRefresh() {
|
|
document.getElementById("Ch01").textContent="pippo";
|
|
// $('#Ch01').text("pippo");
|
|
timeout = setTimeout(dataRefresh, 250);
|
|
}
|
|
|
|
</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>
|
|
<!-- Navbar Search-->
|
|
<!--<button class="btn btn-link btn-sm order-1 order-lg-0" id="sidebarToggle" href="#"><i class="fas fa-bars"></i></button>
|
|
<form class="d-none d-md-inline-block form-inline ml-auto mr-0 mr-md-3 my-2 my-md-0">
|
|
<div class="input-group">
|
|
<input class="form-control" type="text" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2" />
|
|
<div class="input-group-append">
|
|
<button class="btn btn-primary" type="button"><i class="fas fa-search"></i></button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<ul class="navbar-nav ml-auto ml-md-0">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" id="userDropdown" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-user fa-fw"></i></a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
|
|
<a class="dropdown-item" href="#">Settings</a>
|
|
<a class="dropdown-item" href="#">Activity Log</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="login.html">Logout</a>
|
|
</div>
|
|
</li>
|
|
</ul>-->
|
|
</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 class="nav">
|
|
<!--<div class="sb-sidenav-menu-heading">Core</div>
|
|
<a class="nav-link" href="index.html">
|
|
<div class="sb-nav-link-icon"><i class="fas fa-tachometer-alt"></i></div>
|
|
Dashboard
|
|
</a>
|
|
<div class="sb-sidenav-menu-heading">Interface</div>
|
|
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts">
|
|
<div class="sb-nav-link-icon"><i class="fas fa-columns"></i></div>
|
|
Layouts
|
|
<div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
|
|
</a>
|
|
<div class="collapse" id="collapseLayouts" aria-labelledby="headingOne" data-parent="#sidenavAccordion">
|
|
<nav class="sb-sidenav-menu-nested nav">
|
|
<a class="nav-link" href="layout-static.html">Static Navigation</a>
|
|
<a class="nav-link" href="layout-sidenav-light.html">Light Sidenav</a>
|
|
</nav>
|
|
</div>
|
|
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages" aria-expanded="false" aria-controls="collapsePages">
|
|
<div class="sb-nav-link-icon"><i class="fas fa-book-open"></i></div>
|
|
Pages
|
|
<div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
|
|
</a>
|
|
<div class="collapse" id="collapsePages" aria-labelledby="headingTwo" data-parent="#sidenavAccordion">
|
|
<nav class="sb-sidenav-menu-nested nav accordion" id="sidenavAccordionPages">
|
|
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#pagesCollapseAuth" aria-expanded="false" aria-controls="pagesCollapseAuth">
|
|
Authentication
|
|
<div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
|
|
</a>
|
|
<div class="collapse" id="pagesCollapseAuth" aria-labelledby="headingOne" data-parent="#sidenavAccordionPages">
|
|
<nav class="sb-sidenav-menu-nested nav">
|
|
<a class="nav-link" href="login.html">Login</a>
|
|
<a class="nav-link" href="register.html">Register</a>
|
|
<a class="nav-link" href="password.html">Forgot Password</a>
|
|
</nav>
|
|
</div>
|
|
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#pagesCollapseError" aria-expanded="false" aria-controls="pagesCollapseError">
|
|
Error
|
|
<div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
|
|
</a>
|
|
<div class="collapse" id="pagesCollapseError" aria-labelledby="headingOne" data-parent="#sidenavAccordionPages">
|
|
<nav class="sb-sidenav-menu-nested nav">
|
|
<a class="nav-link" href="401.html">401 Page</a>
|
|
<a class="nav-link" href="404.html">404 Page</a>
|
|
<a class="nav-link" href="500.html">500 Page</a>
|
|
</nav>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div class="sb-sidenav-menu-heading">Addons</div>
|
|
<a class="nav-link" href="charts.html">
|
|
<div class="sb-nav-link-icon"><i class="fas fa-chart-area"></i></div>
|
|
Charts
|
|
</a>
|
|
<a class="nav-link" href="tables.html">
|
|
<div class="sb-nav-link-icon"><i class="fas fa-table"></i></div>
|
|
Tables
|
|
</a>
|
|
</div>
|
|
</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">
|
|
<h2>
|
|
<img src="../static/img/steam.ico">
|
|
FlyThis
|
|
</h2>
|
|
<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="timeNow">{{ timeNow }}</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">{{ timeLog }}</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="Ch01">{{ Ch0 }}</span>
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 1: <span id="Ch02">{{ Ch1 }}</span>
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 1: <span id="Ch03">{{ Ch2 }}</span>
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 1: <span id="Ch04">{{ Ch3 }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">
|
|
Canale 5
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 6
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 7
|
|
</div>
|
|
<div class="col-3">
|
|
Canale 8
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
|
|
<thead>
|
|
<tr>
|
|
<th>Channel 0</th>
|
|
<th>Channel 1</th>
|
|
<th>Channel 2</th>
|
|
<th>Channel 3</th>
|
|
<th>Channel 4</th>
|
|
<th>Channel 5</th>
|
|
<th>Channel 6</th>
|
|
<th>Channel 7</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>{{ Ch0 }}</td>
|
|
<td>{{ Ch1 }}</td>
|
|
<td>{{ Ch2 }}</td>
|
|
<td>{{ Ch3 }}</td>
|
|
<td>{{ Ch4 }}</td>
|
|
<td>{{ Ch5 }}</td>
|
|
<td>{{ Ch6 }}</td>
|
|
<td>{{ Ch7 }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table> -->
|
|
</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>
|
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>
|
|
<!-- <script src="js/scripts.js"></script>
|
|
<script src="assets/demo/chart-area-demo.js"></script>
|
|
<script src="assets/demo/chart-bar-demo.js"></script>
|
|
<script src="assets/demo/datatables-demo.js"></script> -->
|
|
</body>
|
|
</html>
|