mirror of https://github.com/Lapikud/Viido.git
Arti Zirk
8 years ago
parent
3ed86ef548
commit
9753503d53
2 changed files with 172 additions and 0 deletions
Binary file not shown.
@ -0,0 +1,172 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
|
||||
<style> |
||||
body { |
||||
margin: 40px auto; |
||||
max-width: 650px; |
||||
line-height: 1.6; |
||||
font-size: 18px; |
||||
color: #444; |
||||
padding: 0 10px; |
||||
font-family: Helvetica, Arial, Sans-Serif; |
||||
} |
||||
|
||||
h1 { |
||||
text-align:center; |
||||
} |
||||
|
||||
.button { |
||||
background-color: #4CAF50; /* Green */ |
||||
border: none; |
||||
color: white; |
||||
padding: 16px 0; |
||||
text-align: center; |
||||
text-decoration: none; |
||||
display: inline-block; |
||||
font-size: 32px; |
||||
margin: 4px -2px; |
||||
-webkit-transition-duration: 0.4s; /* Safari */ |
||||
transition-duration: 0.4s; |
||||
cursor: pointer; |
||||
width:100%; |
||||
|
||||
} |
||||
.button1 { |
||||
background-color: white; |
||||
color: black; |
||||
border: 2px solid #4CAF50; |
||||
} |
||||
|
||||
.button2 { |
||||
background-color: green; |
||||
color: black; |
||||
border: 2px solid #4CAF50; |
||||
width:33% |
||||
} |
||||
|
||||
.radio-toolbar { |
||||
display: flex; |
||||
flex-direction: row; |
||||
width: 100%; |
||||
} |
||||
|
||||
.radio-toolbar input[type="radio"] { |
||||
display: none; |
||||
} |
||||
|
||||
.radio-toolbar label { |
||||
background-color: white; /* RED */ |
||||
border: none; |
||||
color: black; |
||||
padding: 12px 0; |
||||
text-align: center; |
||||
text-decoration: none; |
||||
display: inline-block; |
||||
font-size: 32px; |
||||
margin: 0 4px; |
||||
-webkit-transition-duration: 0.4s; /* Safari */ |
||||
transition-duration: 0.4s; |
||||
cursor: pointer; |
||||
flex: 1 0 auto; |
||||
border: 2px solid #4CAF50; |
||||
|
||||
} |
||||
|
||||
.radio-toolbar lable.red { |
||||
border: 2px solid #af4c4c; |
||||
} |
||||
|
||||
.radio-toolbar input[type="radio"]:checked+label { |
||||
background-color: #4CAF50; |
||||
color: white; |
||||
} |
||||
|
||||
.radio-toolbar input[type="radio"]:checked+label.red { |
||||
background-color: #af4c4c; |
||||
color: white; |
||||
border: 2px solid #af4c4c; |
||||
} |
||||
|
||||
.button1:hover { |
||||
background-color: #4CAF50; |
||||
color: white; |
||||
} |
||||
|
||||
.title { |
||||
text-align: center; |
||||
margin-top: 2em; |
||||
} |
||||
|
||||
#loading |
||||
{ |
||||
visibility: hidden; |
||||
position: fixed; |
||||
width: 100%; |
||||
height: 100%; |
||||
background-image: url("http://www.mirchifunapps.com/images/loader.gif"), url("https://kryogenix.org/code/browser/nicetitle/ntbg.png"); |
||||
background-position: center center, top; |
||||
background-repeat: no-repeat, repeat; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
</style> |
||||
|
||||
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> |
||||
|
||||
<script> |
||||
$(function() |
||||
{ |
||||
$.get("/projektor/status", function(data) |
||||
{ |
||||
$(".radio-toolbar input[type=radio][value=" + data + "]").prop("checked", true); |
||||
$(".radio-toolbar input[type=radio]").prop("disabled", false); |
||||
}); |
||||
|
||||
$(".radio-toolbar input[type=radio]").change(function() |
||||
{ |
||||
$("#loading").css("visibility", "visible"); |
||||
|
||||
$.post("/projektor/status", {mode: $(this).val()}, function(data) |
||||
{ |
||||
$("#loading").css("visibility", "hidden"); |
||||
}); |
||||
}); |
||||
}); |
||||
</script> |
||||
</head> |
||||
|
||||
<body> |
||||
<h1>Viido</h1> |
||||
|
||||
<a href="iris" class="button button1">Mopidy music</a><br /> |
||||
<a href="vnc" class="button button1">VNC remote desktop</a><br /> |
||||
<a href="kodi" class="button button1">Kodi filmid/seriaalid</a><br /> |
||||
|
||||
<h2 class="title">Projektori juhtimine</h2> |
||||
|
||||
<div class="radio-toolbar"> |
||||
<input type="radio" id="radio1" name="radios" value="off" class="red" disabled> |
||||
<label for="radio1" class="red">OFF</label> |
||||
|
||||
<input type="radio" id="radio2" name="radios" value="hdmi" disabled> |
||||
<label for="radio2">HDMI</label> |
||||
|
||||
<input type="radio" id="radio3" name="radios" value="vga" disabled> |
||||
<label for="radio3">VGA</label> |
||||
</div> |
||||
|
||||
<h2 class="title">Linux audio tunnel</h2> |
||||
|
||||
<pre> |
||||
pacmd load-module module-tunnel-sink-new server=viido |
||||
PULSE_SERVER=viido pavucontrol & |
||||
pavucontrol & |
||||
</pre> |
||||
|
||||
<div id="loading"></div> |
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue