Pecus/piradio-mini
1
0
Fork 0
mirror of https://github.com/Pecusx/piradio-mini.git synced 2026-05-20 22:33:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Scroll in web interface (mobile version).

Browse Source
This commit is contained in:
Pecusx
2018-05-20 18:12:55 +02:00
parent 0135bf40e2
commit 72393c771c
10 changed files with 1678 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/index.php
+154
View File
@@ -0,0 +1,154 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="/PiRadio16.gif" />
<link rel="stylesheet" href="styles.css">
<title>PiRadio mini web interface</title>
<script src="jquery-1.12.4.min.js"></script>
<?php
require_once 'libs/Mobile_Detect.php';
$detect = new Mobile_Detect;
if ( $detect->isMobile() ) {
echo "<script>\r\n";
echo "$(document).ready(function() {\r\n";
echo " $('#wyswietlacz').load('lcd.php?scroll=True');\r\n";
echo " var refreshId = setInterval(function() {\r\n";
echo " $('#wyswietlacz').load('lcd.php?scroll=True');\r\n";
echo " }, 200);\r\n";
echo " $.ajaxSetup({ cache: false });\r\n";
echo " $('#player').load('player.php');\r\n";
echo "});\r\n";
echo "</script>\r\n";
} else {
echo "<script>\r\n";
echo "$(document).ready(function() {\r\n";
echo " $('#wyswietlacz').load('lcd.php?scroll=False');\r\n";
echo " var refreshId = setInterval(function() {\r\n";
echo " $('#wyswietlacz').load('lcd.php?scroll=False');\r\n";
echo " }, 200);\r\n";
echo " $.ajaxSetup({ cache: false });\r\n";
echo " $('#player').load('player.php');\r\n";
echo "});\r\n";
echo "</script>\r\n";
}
?>
</head>
<body>
<?php
$piradio_version = str_replace("\n","",file_get_contents( "/usr/share/radio/version" ));
echo "<b>PiRadio v. ".$piradio_version."</b>";
?>
<div id="config"><a href="config.php">config</a></div><hr>
<div id="wyswietlacz">
<br><br><br><br>
</div>
<div id="kursory">
<button id="UPbutton">^</button><br>
<button id="LEFTbutton">&lt;</button>
<button id="OKbutton">OK</button>
<button id="RIGHTbutton">&gt;</button><br>
<button id="DOWNbutton">v</button>
<div id="speak">
<button id="LGbutton">LANGUAGE</button><br>
<button id="INFObutton">INFO</button><br>
<button id="STREAMTbutton">STREAM ON/OFF</button>
</div>
</div>
<div id="lewebuttony">
<button id="SLEEPbutton">&nbsp;&nbsp;SLEEP&nbsp;&nbsp;</button>
<button id="WAKEUPbutton">WAKEUP</button>
<br>
<button id="CHDOWNbutton">|&lt;&lt; PREV</button>
<button id="CHUPbutton">NEXT &gt;&gt;|</button>
<br>
<button id="RADIObutton">&nbsp;RADIO&nbsp;</button>
<button id="MEDIAbutton">PLAYER</button>
<button id="PANDORAbutton">PANDORA</button>
</div>
<div id="nadole">
<button id="VDOWNbutton">V-</button>
<button id="MUTEbutton">MUTE</button>
<button id="VUPbutton">V+</button>
<button id="TIMERbutton">SLEEP TIMER</button>
<div id="player">
</div>
</div>
<script>
$("#OKbutton").click(function() {
$.post("button.php?key=KEY_OK");
});
$("#UPbutton").click(function() {
$.post("button.php?key=KEY_UP");
});
$("#DOWNbutton").click(function() {
$.post("button.php?key=KEY_DOWN");
});
$("#LEFTbutton").click(function() {
$.post("button.php?key=KEY_LEFT");
});
$("#RIGHTbutton").click(function() {
$.post("button.php?key=KEY_RIGHT");
});
$("#SLEEPbutton").click(function() {
$.post("button.php?key=KEY_SLEEP");
setTimeout(function(){
$("#player").load("player.php");
}, 1500);
});
$("#WAKEUPbutton").click(function() {
$.post("button.php?key=KEY_WAKEUP");
setTimeout(function(){
$("#player").load("player.php");
}, 1500);
});
$("#CHUPbutton").click(function() {
$.post("button.php?key=KEY_CHANNELUP");
});
$("#CHDOWNbutton").click(function() {
$.post("button.php?key=KEY_CHANNELDOWN");
});
$("#VUPbutton").click(function() {
$.post("button.php?key=KEY_VOLUMEUP");
});
$("#VDOWNbutton").click(function() {
$.post("button.php?key=KEY_VOLUMEDOWN");
});
$("#LGbutton").click(function() {
$.post("button.php?key=KEY_LANGUAGE");
});
$("#INFObutton").click(function() {
$.post("button.php?key=KEY_INFO");
});
$("#MUTEbutton").click(function() {
$.post("button.php?key=KEY_MUTE");
});
$("#TIMERbutton").click(function() {
$.post("button.php?key=KEY_TIME");
});
$("#RADIObutton").click(function() {
$.post("button.php?key=KEY_RADIO");
setTimeout(function(){
$("#player").load("player.php");
}, 4000);
});
$("#MEDIAbutton").click(function() {
$.post("button.php?key=KEY_MEDIA");
setTimeout(function(){
$("#player").load("player.php");
}, 5500);
});
$("#PANDORAbutton").click(function() {
$.post("button.php?key=KEY_PANDORA");
setTimeout(function(){
$("#player").load("player.php");
}, 5500);
});
$("#STREAMTbutton").click(function() {
$.post("button.php?key=STREAMING_TOGGLE");
setTimeout(function(){
$("#player").load("player.php");
}, 4000);
});
</script>
</body>