lapikud/Viido
2
0
Fork 0
mirror of https://github.com/Lapikud/Viido.git synced 2026-03-23 13:14:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add files

Browse Source
This commit is contained in:
Arti Zirk
2017-11-08 21:52:58 +02:00
parent 3ed86ef548
commit 9753503d53
2 changed files with 172 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

172
www/index.html Normal file
View File

@@ -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>