You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 lines
3.2 KiB
114 lines
3.2 KiB
<!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">
|
|
|
|
<title>TyTherm Status</title>
|
|
|
|
<!-- Bootstrap core -->
|
|
<link href="bootstrap.min.css" rel="stylesheet">
|
|
<script src="jquery-2.1.4.min.js"></script>
|
|
<style>
|
|
.main { font-size: 63px; }
|
|
</style>
|
|
|
|
</head>
|
|
<script src="index.js"></script>
|
|
<body>
|
|
|
|
<div class="container">
|
|
<div class="header">
|
|
<nav>
|
|
<ul class="nav nav-pills pull-right">
|
|
<li role="presentation" class="active"><a href="/">Status</a></li>
|
|
<li role="presentation"><a href="/config">Configuration</a></li>
|
|
</ul>
|
|
</nav>
|
|
<h3 class="text-muted">TyTherm</h3>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<h2> </h2>
|
|
<div class="col-xs-offset-2">
|
|
<div class="col-xs-10">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Raw samples</h3>
|
|
|
|
</div>
|
|
<div class="panel-body">
|
|
<textarea id="raw_samples" rows="4" cols="50" style="width:100%;">
|
|
|
|
</textarea>
|
|
<button onclick="buttonStartCallback()">Start</button>
|
|
<button onclick="buttonStopCallback()">Stop</button>
|
|
<button onclick="cleanCallback()">Clean</button>
|
|
<button onclick="ch1()">ch1</button>
|
|
<button onclick="ch2()">ch2</button>
|
|
<button onclick="ch3()">ch3</button>
|
|
<button onclick="ch4()">ch4</button>
|
|
<div id="channel_id">Channel 1</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /col -->
|
|
</div> <!-- /row -->
|
|
|
|
<div class="row">
|
|
<div class="col-xs-offset-2">
|
|
<div class="col-xs-10 col-md-5">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">ADC 1</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h1 id="adc_1" class="text-center main">{adc_1}</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /col -->
|
|
<div class="col-xs-offset-2">
|
|
<div class="col-xs-10 col-md-5">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">ADC 2</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h1 id="adc_2" class="text-center main">{adc_2}</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /col -->
|
|
</div> <!-- /row -->
|
|
<div class="row">
|
|
<div class="col-xs-offset-2">
|
|
<div class="col-xs-10 col-md-5">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">ADC 3</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h1 id="adc_3" class="text-center main">{adc_3}</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /col -->
|
|
<div class="col-xs-offset-2">
|
|
<div class="col-xs-10 col-md-5">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">ADC 4</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h1 id="adc_4" class="text-center main">{adc_4}</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- /col -->
|
|
</div> <!-- /row -->
|
|
|
|
</div> <!-- /container -->
|
|
</body>
|
|
</html>
|
|
|