starred/piradio-mini
1
0
Fork 0
mirror of https://github.com/pkali/piradio-mini.git synced 2026-05-20 22:34:22 +02:00
Code Issues 5 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/changeconf.php
+22 -18
View File
@@ -7,7 +7,11 @@
<title>PiRadio mini web interface - config page</title>
</head>
<body>
<b>PiRadio</b><div id="config"><a href="index.html">radio</a></div></br>
<?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="index.php">radio</a></div></br>
<hr>
<?php
$msg = $_GET['file'];
@@ -18,7 +22,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 1 second\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 1000);\r\n";
echo "</script>\r\n";
} elseif ($msg == "reboot") {
@@ -30,7 +34,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 30 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 30000);\r\n";
echo "</script>\r\n";
} elseif ($msg == "clear_caches") {
@@ -40,7 +44,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 1 second\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 1000);\r\n";
echo "</script>\r\n";
} elseif ($msg == "audio") {
@@ -54,7 +58,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
} else {
@@ -120,7 +124,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 30 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 30000);\r\n";
echo "</script>\r\n";
}
@@ -129,7 +133,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
}
@@ -146,7 +150,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 30 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 30000);\r\n";
echo "</script>\r\n";
} else {
@@ -154,7 +158,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
}
@@ -198,7 +202,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
}
@@ -208,7 +212,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
$end = shell_exec('sudo ./scripts/new_stationlist.sh');
@@ -217,7 +221,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
}
@@ -255,7 +259,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
$share_string = $_POST["share_string"];
@@ -266,7 +270,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
}
@@ -280,7 +284,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 30 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 30000);\r\n";
echo "</script>\r\n";
} else {
@@ -289,7 +293,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
}
@@ -382,7 +386,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 120 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 120000);\r\n";
echo "</script>\r\n";
} elseif ($option == "no") {
@@ -390,7 +394,7 @@ if (isset($msg)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
}
html/config.php
+5 -1
View File
@@ -7,7 +7,11 @@
<title>PiRadio mini web interface - config page</title>
</head>
<body>
<b>PiRadio</b><div id="config"><a href="index.html">radio</a></div></br>
<?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="index.php">radio</a></div></br>
<hr>
Global PiRadio config<br>
<form action="changeconf.php?file=radio" method="post">
html/hconfig.php
+5 -1
View File
@@ -7,7 +7,11 @@
<title>PiRadio mini web interface - hardware config page</title>
</head>
<body>
<b>PiRadio</b><div id="config"><a href="config.php">config</a></div></br>
<?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></br>
<hr>
Audio device config<br>
<form action="changeconf.php?file=audio" method="post">
html/index.html
+2 -123
View File
@@ -2,132 +2,11 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="refresh" content="0; url=index.php">
<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>
<script>
$(document).ready(function() {
$("#wyswietlacz").load("lcd.php?scroll=False");
var refreshId = setInterval(function() {
$("#wyswietlacz").load("lcd.php?scroll=False");
}, 200);
$.ajaxSetup({ cache: false });
$("#player").load("player.php");
});
</script>
</head>
<body>
<b>PiRadio</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>
Redirect to <a href="index.php">index.php</a>
</body>
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>
html/libs/Mobile_Detect.php
+1468
View File
File diff suppressed because one or more lines are too long
html/s_stlist.php
+8 -4
View File
@@ -7,7 +7,11 @@
<title>PiRadio mini web interface - station list backup and restore</title>
</head>
<body>
<b>PiRadio</b><div id="config"><a href="config.php">config</a></div></br>
<?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></br>
<hr>
<?php
$selected = $_FILES['file'];
@@ -36,7 +40,7 @@ if (isset($selected)) {
echo "<script>\r\n";
echo "// redirect to main after 5 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 5000);\r\n";
echo "</script>\r\n";
} else {
@@ -44,7 +48,7 @@ if (isset($selected)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
}
@@ -54,7 +58,7 @@ if (isset($selected)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
}
html/sconfig.php
+8 -4
View File
@@ -7,7 +7,11 @@
<title>PiRadio mini web interface - configuration backup and restore</title>
</head>
<body>
<b>PiRadio</b><div id="config"><a href="config.php">config</a></div></br>
<?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></br>
<hr>
<?php
$selected = $_FILES['file'];
@@ -36,7 +40,7 @@ if (isset($selected)) {
echo "<script>\r\n";
echo "// redirect to main after 30 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 30000);\r\n";
echo "</script>\r\n";
} else {
@@ -44,7 +48,7 @@ if (isset($selected)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
}
@@ -54,7 +58,7 @@ if (isset($selected)) {
echo "<script>\r\n";
echo "// redirect to main after 2 seconds\r\n";
echo "window.setTimeout(function() {\r\n";
echo " window.location.href = 'index.html';\r\n";
echo " window.location.href = 'index.php';\r\n";
echo "}, 2000);\r\n";
echo "</script>\r\n";
}
html/update.php
+5 -1
View File
@@ -7,7 +7,11 @@
<title>PiRadio mini web interface - update confirm</title>
</head>
<body>
<b>PiRadio</b><div id="config"><a href="config.php">config</a></div></br>
<?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></br>
<hr>
Update to last build from github<br><pre>
<?php
version
+1 -1
View File
@@ -1 +1 @@
5.5o
5.5p