kopia lustrzana https://github.com/cyoung/stratux
Add On/Off switch for settings.
Brant K. Kyser
rodzic
3f6828a600
commit
d39da3d67a
Plik binarny nie jest wyświetlany.
Plik binarny nie jest wyświetlany.
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,45 @@
|
||||||
|
.onoffswitch {
|
||||||
|
position: relative; width: 68px;
|
||||||
|
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
|
||||||
|
}
|
||||||
|
.onoffswitch-checkbox {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.onoffswitch-label {
|
||||||
|
display: block; overflow: hidden; cursor: pointer;
|
||||||
|
border: 2px solid #ddd; border-radius: 20px;
|
||||||
|
}
|
||||||
|
.onoffswitch-inner {
|
||||||
|
display: block; width: 200%; margin-left: -100%;
|
||||||
|
transition: margin 0.3s ease-in 0s;
|
||||||
|
}
|
||||||
|
.onoffswitch-inner:before, .onoffswitch-inner:after {
|
||||||
|
display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
|
||||||
|
font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.onoffswitch-inner:before {
|
||||||
|
content: "ON";
|
||||||
|
padding-left: 10px;
|
||||||
|
background-color: #337AB7; color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.onoffswitch-inner:after {
|
||||||
|
content: "OFF";
|
||||||
|
padding-right: 10px;
|
||||||
|
background-color: #F5F5F5; color: #DDDDDD;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.onoffswitch-switch {
|
||||||
|
display: block; width: 18px; margin: 6px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
position: absolute; top: 0; bottom: 0;
|
||||||
|
right: 34px;
|
||||||
|
border: 2px solid #ddd; border-radius: 20px;
|
||||||
|
transition: all 0.3s ease-in 0s;
|
||||||
|
}
|
||||||
|
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
|
||||||
|
right: 0px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
@import url(bootstrap.min.css);
|
||||||
|
@import url(onoff.css);
|
||||||
|
|
||||||
|
#stratux-main
|
||||||
|
{
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
background-color: #fff;
|
||||||
|
border-color: #ddd;
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 4px 4px 0 0;
|
||||||
|
box-shadow: none;
|
||||||
|
margin: auto;
|
||||||
|
max-width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.setting
|
||||||
|
{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.setting-element
|
||||||
|
{
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
173
web/index.html
173
web/index.html
|
|
@ -1,70 +1,121 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>
|
<title>
|
||||||
Stratux
|
Stratux
|
||||||
</title>
|
</title>
|
||||||
<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
|
<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/jquery.form.min.js" type="text/javascript"></script>
|
||||||
</head>
|
<link href="css/stratux.css" rel="stylesheet" media="screen">
|
||||||
<body>
|
</head>
|
||||||
<script type="text/javascript">
|
<body>
|
||||||
|
<script type="text/javascript">
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
$('input[name=UAT_Enabled]').change(function(){
|
$('input[name=UAT_Enabled]').change(function(){
|
||||||
$('#settings').ajaxSubmit({url: 'control.php', type: 'post'})
|
$('#settings').ajaxSubmit({url: 'control.php', type: 'post'})
|
||||||
});
|
});
|
||||||
$('input[name=ES_Enabled]').change(function(){
|
$('input[name=ES_Enabled]').change(function(){
|
||||||
$('#settings').ajaxSubmit({url: 'control.php', type: 'post'})
|
$('#settings').ajaxSubmit({url: 'control.php', type: 'post'})
|
||||||
});
|
});
|
||||||
$('input[name=GPS_Enabled]').change(function(){
|
$('input[name=GPS_Enabled]').change(function(){
|
||||||
$('#settings').ajaxSubmit({url: 'control.php', type: 'post'})
|
$('#settings').ajaxSubmit({url: 'control.php', type: 'post'})
|
||||||
});
|
});
|
||||||
$('input[name=AHRS_Enabled]').change(function(){
|
$('input[name=AHRS_Enabled]').change(function(){
|
||||||
$('#settings').ajaxSubmit({url: 'control.php', type: 'post'})
|
$('#settings').ajaxSubmit({url: 'control.php', type: 'post'})
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
(function worker() {
|
(function worker() {
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: 'control.php',
|
url: 'control.php',
|
||||||
success: function(data) {
|
success: function(data) {
|
||||||
obj = $.parseJSON(data);
|
obj = $.parseJSON(data);
|
||||||
$.each(obj, function(k, v) {
|
$.each(obj, function(k, v) {
|
||||||
// Radio values.
|
// Radio values.
|
||||||
if ((k == "UAT_Enabled") || (k == "ES_Enabled") || (k == "GPS_Enabled") || (k == "AHRS_Enabled")) {
|
if ((k == "UAT_Enabled") || (k == "ES_Enabled") || (k == "GPS_Enabled") || (k == "AHRS_Enabled")) {
|
||||||
$('[name=' + k + ']').val([v.toString()]);
|
$('[name=' + k + ']').val([v.toString()]);
|
||||||
}
|
}
|
||||||
$('#' + k).text(v);
|
$('#' + k).text(v);
|
||||||
});
|
});
|
||||||
|
|
||||||
},
|
},
|
||||||
complete: function() {
|
complete: function() {
|
||||||
// Schedule the next request when the current one is complete.
|
// Schedule the next request when the current one is complete.
|
||||||
setTimeout(worker, 1000);
|
setTimeout(worker, 1000);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
})();
|
})();
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
Status:<br>
|
|
||||||
RTL-SDR devices: <span id="Devices">1</span><br>
|
<div id="stratux-main" class="well well-large">
|
||||||
Clients connected: <span id="Connected_Users">2</span><br>
|
<h1>Stratux</h1>
|
||||||
Current firmware: <span id="Version">v0.1</span><br>
|
|
||||||
UAT msgs: <span id="UAT_messages_last_minute"></span> / <span id="UAT_messages_max"></span><br>
|
<div class="panel panel-default">
|
||||||
1090ES msgs: <span id="ES_messages_last_minute"></span> / <span id="ES_messages_max"></span><br>
|
<div class="panel-heading">Status</div>
|
||||||
GPS satellites: <span id="GPS_satellites_locked"></span><br>
|
<div class="panel-body">
|
||||||
AHRS: <span id="RY835AI_connected"></span><br>
|
RTL-SDR devices: <span id="Devices">1</span><br>
|
||||||
Uptime: <span id="Uptime"></span><br>
|
Clients connected: <span id="Connected_Users">2</span><br>
|
||||||
<br>
|
Current firmware: <span id="Version">v0.1</span><br>
|
||||||
<form id="settings">
|
UAT msgs: <span id="UAT_messages_last_minute"></span> / <span id="UAT_messages_max"></span><br>
|
||||||
Set:<br>
|
1090ES msgs: <span id="ES_messages_last_minute"></span> / <span id="ES_messages_max"></span><br>
|
||||||
978MHz <input type="radio" name="UAT_Enabled" value="true">On
|
GPS satellites: <span id="GPS_satellites_locked"></span><br>
|
||||||
<input type="radio" name="UAT_Enabled" value="false">Off<br>
|
AHRS: <span id="RY835AI_connected"></span><br>
|
||||||
1090MHz <input type="radio" name="ES_Enabled" value="true">On
|
Uptime: <span id="Uptime"></span><br>
|
||||||
<input type="radio" name="ES_Enabled" value="false">Off<br>
|
</div>
|
||||||
GPS <input type="radio" name="GPS_Enabled" value="true">On
|
</div>
|
||||||
<input type="radio" name="GPS_Enabled" value="false">Off<br>
|
<div class="panel panel-default">
|
||||||
AHRS <input type="radio" name="AHRS_Enabled" value="true">On
|
<div class="panel-heading">Settings</div>
|
||||||
<input type="radio" name="AHRS_Enabled" value="false">Off<br>
|
<div class="panel-body form-horizontal">
|
||||||
</form>
|
<div class="form-group">
|
||||||
</body>
|
<label class="control-label col-sm-4">978MHz</label>
|
||||||
|
<div class="col-sm-1">
|
||||||
|
<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-sm-4">1090MHz</label>
|
||||||
|
<div class="col-sm-1">
|
||||||
|
<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-sm-4">GPS</label>
|
||||||
|
<div class="col-sm-1">
|
||||||
|
<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-sm-4">AHRS</label>
|
||||||
|
<div class="col-sm-1">
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Ładowanie…
Reference in New Issue