mirror of
https://github.com/Lapikud/Viido.git
synced 2026-03-23 13:14:19 +00:00
173 lines
5.1 KiB
HTML
173 lines
5.1 KiB
HTML
<!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>
|