105 lines
5.2 KiB
HTML
105 lines
5.2 KiB
HTML
<!DOCTYPE HTML>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Range</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="content-type" content="text/html; charset=utf-8" />
|
|
<meta name="cache-control" content="no-cache" />
|
|
<meta name="pragma" content="no-cache" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<!--<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />-->
|
|
<link href="css/bootstrap-toggle.css" rel="stylesheet" type="text/css" />
|
|
<link href="css/statistics_range.css" rel="stylesheet" type="text/css"/>
|
|
<!--<link href="css/bootstrap-customized.css" rel="stylesheet" type="text/css" />-->
|
|
<!--<link href="css/radarcape-jetvision.css" rel="stylesheet"> -->
|
|
<link href="https://cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" rel="stylesheet" />
|
|
<link href="css/font-awesome.min.css" rel="stylesheet">
|
|
|
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
|
<!-- Common Javascript -->
|
|
<script type="text/javascript" src="js/globals.js"></script>
|
|
<script type="text/javascript" src="js/navbar.js"></script>
|
|
<!-- Application needed for this page -->
|
|
<script type="text/javascript" src="js/Chart.bundle.js"></script>
|
|
<script type="text/javascript" src="js/utils.js"></script>
|
|
<script type="text/javascript" src="js/cookies.js"></script>
|
|
<script type="text/javascript" src="js/PNG.bundle.js"></script>
|
|
<script type="text/javascript" src="js/PNGReader.bundle.js"></script>
|
|
<script type="text/javascript" src="js/statistics_range.js"></script>
|
|
<script type="text/javascript" src="js/lib/moment.min.js"></script> <!--daterangepicker-->
|
|
<script type="text/javascript" src="js/lib/daterangepicker_patched.js"></script> <!--daterangepicker-->
|
|
|
|
</head>
|
|
<body>
|
|
<div id="nav"></div>
|
|
<div class="container">
|
|
<div class="page-header">
|
|
<h2><div id="page_title">Range</div></h2>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12 col-md-6">
|
|
<div id="timerange-selector">
|
|
<i class="fa fa-calendar"></i>
|
|
<span></span> <i class="fa fa-caret-down"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-2">
|
|
<b>Altitude:</b>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-12 col-md-4">
|
|
<div class="input-group">
|
|
<span id="AltitudeSliderDown" class="input-group-addon glyphicon glyphicon-minus"></span>
|
|
<input id="AltitudeSlider" type="range" min="0" max="39" defaultValue="39" value="39" class="slider">
|
|
<span id="AltitudeSliderUp" class="input-group-addon glyphicon glyphicon-plus"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-12 col-md-2">
|
|
<span id="OutputAltitudeSlider">39500 ft</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12 col-md-2">
|
|
<b>Maximum Range:</b>
|
|
</div>
|
|
<div id="RangeModeSelectButtons" class="col-xs-12 col-sm-12 col-md-4">
|
|
<label class="radio-inline"><input type="radio" value="Auto" name="RangeModeSelectButtons" checked>Auto</label>
|
|
<label class="radio-inline"><input type="radio" value="MaxHold" name="RangeModeSelectButtons">Max. Hold</label>
|
|
<label class="radio-inline"><input type="radio" value="Manual" name="RangeModeSelectButtons">Manual</label>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12 col-md-2">
|
|
<b>Manual Range:</b>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-12 col-md-4">
|
|
<div class="input-group">
|
|
<span id="RangeSliderDown" class="input-group-addon glyphicon glyphicon-minus"></span>
|
|
<input id="RangeSlider" type="range" min="25" max="600" step="25" defaultValue="400" value="400" class="slider">
|
|
<span id="RangeSliderUp" class="input-group-addon glyphicon glyphicon-plus"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-12 col-md-2">
|
|
<span id="OutputRangeSlider">400 km</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-2"></div>
|
|
<div class="col-xs-12 col-md-8">
|
|
<canvas id="range-overall" width="500" height="500"></canvas>
|
|
</div>
|
|
<div id="infotext" class="small" class="col-xs-12 col-md-2"></div>
|
|
</div>
|
|
<div class="row">
|
|
<a href="range_statistic_clear_data_post.html" class="btn btn-primary custom-btn-block-xs" role="button"><span class="glyphicon glyphicon-trash"></span> Clear current hour accumulation</a>
|
|
<a href="range_statistic_clear_all_history_post.html" class="btn btn-primary custom-btn-block-xs" role="button"><span class="glyphicon glyphicon-trash"></span> Clear all saved history</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|