kopia lustrzana https://github.com/cyoung/stratux
188 wiersze
11 KiB
HTML
188 wiersze
11 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
|
|
<head>
|
|
<title>
|
|
StratuX
|
|
</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
|
|
<!-- android -->
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<link href="img/logo-android3.png" rel="icon" />
|
|
|
|
<!-- iOS -->
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<link href="img/logo-apple3.png" rel="apple-touch-icon" />
|
|
|
|
<!-- iPad retina portrait startup image --> <link href="img/screen-1536x2008.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image">
|
|
<!-- iPad retina landscape startup image --> <link href="img/screen-1496x2048.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image">
|
|
<!-- iPad non-retina portrait startup image --> <link href="img/screen-768x1004.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait)" rel="apple-touch-startup-image">
|
|
<!-- iPad non-retina landscape startup image --> <link href="img/screen-748x1024.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: landscape)" rel="apple-touch-startup-image">
|
|
<!-- iPhone 6 Plus portrait startup image --> <link href="img/screen-1242x2148.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image">
|
|
<!-- iPhone 6 Plus landscape startup image --> <link href="img/screen-1182x2208.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image">
|
|
<!-- iPhone 6 startup image --> <link href="img/screen-750x1294.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
|
|
<!-- iPhone 5 startup image --> <link href="img/screen-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
|
|
<!-- iPhone < 5 retina startup image --> <link href="img/screen-640x920.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
|
|
<!-- iPhone < 5 non-retina startup image --> <link href="img/screen-320x460.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">
|
|
|
|
<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
|
|
<script src="js/jquery.form.min.js" type="text/javascript"></script>
|
|
<script src="js/stratux.js" type="text/javascript"></script>
|
|
<link href="css/stratux.css" rel="stylesheet" media="screen">
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/addtohomescreen.css">
|
|
<script src="js/addtohomescreen.min.js"></script>
|
|
<script>
|
|
addToHomescreen({
|
|
displayPace: 480
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="stratux-main" class="well well-large col-sm-12">
|
|
<h1>Stratux <span id="Version">--</span></h1>
|
|
|
|
<div class="col-sm-6">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"><span class="panel_label">Status</span> <span id="connectedLabel" class="label label-warning">Disconnected</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="form-horizontal">
|
|
<!--
|
|
<div class="row">
|
|
<label class="col-xs-6">RTL-SDR devices:</label>
|
|
<span id="Devices" class="col-xs-2">--</span>
|
|
</div>
|
|
-->
|
|
<div class="row">
|
|
<label class="col-xs-6">Recent Clients:</label>
|
|
<span id="Connected_Users" class="col-xs-6">--</span>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<label class="col-xs-5">Messages</label>
|
|
<label class="col-xs-3 text-right">Minute</label>
|
|
<label class="col-xs-3 text-right">Total</label>
|
|
</div>
|
|
<div class="row">
|
|
<span class="col-xs-1"></span>
|
|
<label class="col-xs-4">UAT:</label>
|
|
<span class="col-xs-3 text-right" id="UAT_messages_last_minute">--</span>
|
|
<span class="col-xs-3 text-right" id="UAT_messages_max">--</span>
|
|
</div>
|
|
<div class="row">
|
|
<span class="col-xs-1"></span>
|
|
<label class="col-xs-4">1090ES:</label>
|
|
<span class="col-xs-3 text-right" id="ES_messages_last_minute">--</span>
|
|
<span class="col-xs-3 text-right" id="ES_messages_max">--</span>
|
|
</div>
|
|
<div id="uat_products" style="display: none;">
|
|
<div class="row"><span class="col-xs-1"> </span></div>
|
|
<div class="row">
|
|
<label class="col-xs-6">UAT Products</label>
|
|
<label class="col-xs-3 text-right">Last Minute</label>
|
|
<label class="col-xs-3"></label>
|
|
</div>
|
|
<div id="product_rows">
|
|
</div>
|
|
</div>
|
|
<div class="row"><span class="col-xs-1"> </span></div>
|
|
<div class="row">
|
|
<label class="col-xs-6">GPS satellites:</label>
|
|
<span id="GPS_satellites_locked" class="col-xs-6">--</span>
|
|
</div>
|
|
<div class="row">
|
|
<label class="col-xs-6">AHRS:</label>
|
|
<div id="RY835AI_connected-container" class="col-xs-6">
|
|
<div id="RY835AI_connected" class="led-red"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row"><span class="col-xs-1"> </span></div>
|
|
<div class="row">
|
|
<label class="col-xs-6">Uptime:</label>
|
|
<span id="Uptime" class="col-xs-6">--</span>
|
|
</div>
|
|
<div class="row">
|
|
<label class="col-xs-6">CPU Temp:</label>
|
|
<span id="CPUTemp" class="col-xs-6">--</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">Settings</div>
|
|
<div class="panel-body form-horizontal">
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-6">978MHz</label>
|
|
<div class="col-xs-6">
|
|
<div class="onoffswitch">
|
|
<input type="checkbox" name="UAT_Enabled" class="onoffswitch-checkbox" id="uat-onoffswitch" checked>
|
|
<label class="onoffswitch-label" for="uat-onoffswitch">
|
|
<span class="onoffswitch-inner"></span>
|
|
<span class="onoffswitch-switch"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-6">1090MHz</label>
|
|
<div class="col-xs-6">
|
|
<div class="onoffswitch">
|
|
<input type="checkbox" name="ES_Enabled" class="onoffswitch-checkbox" id="es-onoffswitch" checked>
|
|
<label class="onoffswitch-label" for="es-onoffswitch">
|
|
<span class="onoffswitch-inner"></span>
|
|
<span class="onoffswitch-switch"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-6">GPS</label>
|
|
<div class="col-xs-6">
|
|
<div class="onoffswitch">
|
|
<input type="checkbox" name="GPS_Enabled" class="onoffswitch-checkbox" id="gps-onoffswitch" checked>
|
|
<label class="onoffswitch-label" for="gps-onoffswitch">
|
|
<span class="onoffswitch-inner"></span>
|
|
<span class="onoffswitch-switch"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-6">AHRS</label>
|
|
<div class="col-xs-6">
|
|
<div class="onoffswitch">
|
|
<input type="checkbox" name="AHRS_Enabled" class="onoffswitch-checkbox" id="ahrs-onoffswitch" checked>
|
|
<label class="onoffswitch-label" for="ahrs-onoffswitch">
|
|
<span class="onoffswitch-inner"></span>
|
|
<span class="onoffswitch-switch"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label col-xs-6">Traffic Source</label>
|
|
<div class="col-xs-6">
|
|
<div class="onoffswitch">
|
|
<input type="checkbox" name="DspTrafficSrc" class="onoffswitch-checkbox" id="trfc-onoffswitch" checked>
|
|
<label class="onoffswitch-label" for="trfc-onoffswitch">
|
|
<span class="onoffswitch-inner"></span>
|
|
<span class="onoffswitch-switch"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|