Merge pull request #107 from narspt/patch-5

dashboard: smooth page refresh with jquery
This commit is contained in:
LX1IQ 2018-10-24 09:15:41 +02:00 committed by GitHub
commit b6d5eda70c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 38 additions and 28 deletions

View File

@ -10,6 +10,10 @@ h1 {
font-size : 25pt; font-size : 25pt;
} }
a img {
border: 0;
}
a.tip { a.tip {
text-decoration : none; text-decoration : none;
} }
@ -117,18 +121,19 @@ a.tip:hover span {
.listingtable th { .listingtable th {
height : 35px; height : 35px;
text-align : center; text-align : center;
background-image: -webkit-gradient( background-color : #D5EBF0;
linear, background-image : -webkit-gradient(
left top, linear,
left bottom, left top,
color-stop(0, rgb(201, 231, 233)), left bottom,
color-stop(0.8, rgb(220, 237, 244)) color-stop(0, rgb(201, 231, 233)),
); color-stop(0.8, rgb(220, 237, 244))
background-image: -o-linear-gradient(bottom, rgb(201, 231, 233) 0%, rgb(220, 237, 244) 80%); );
background-image: -moz-linear-gradient(bottom, rgb(201, 231, 233) 0%, rgb(220, 237, 244) 80%); background-image: -o-linear-gradient(bottom, rgb(201, 231, 233) 0%, rgb(220, 237, 244) 80%);
background-image: -webkit-linear-gradient(bottom, rgb(201, 231, 233) 0%, rgb(220, 237, 244) 80%); background-image: -moz-linear-gradient(bottom, rgb(201, 231, 233) 0%, rgb(220, 237, 244) 80%);
background-image: -ms-linear-gradient(bottom, rgb(201, 231, 233) 0%, rgb(220, 237, 244) 80%); background-image: -webkit-linear-gradient(bottom, rgb(201, 231, 233) 0%, rgb(220, 237, 244) 80%);
background-image: linear-gradient(to bottom, rgb(201, 231, 233) 0%, rgb(220, 237, 244) 80%); background-image: -ms-linear-gradient(bottom, rgb(201, 231, 233) 0%, rgb(220, 237, 244) 80%);
background-image: linear-gradient(to bottom, rgb(201, 231, 233) 0%, rgb(220, 237, 244) 80%);
} }
.listingtable td { .listingtable td {
@ -136,7 +141,7 @@ background-image: linear-gradient(to bottom, rgb(201, 231, 233) 0%, rgb(220, 237
} }
.listinglink { .listinglink {
font-size : 12pt; font-size : 12pt;
text-decoration : underline; text-decoration : underline;
color : #60A1DE; color : #60A1DE;
} }

View File

@ -94,32 +94,32 @@ else {
if ($PageOptions['PageRefreshActive']) { if ($PageOptions['PageRefreshActive']) {
echo ' echo '
<script src="./js/jquery-1.12.4.min.js"></script>
<script> <script>
var PageRefresh; var PageRefresh;
function ReloadPage() {'; function ReloadPage() {
if (($_SERVER['REQUEST_METHOD'] === 'POST') || isset($_GET['do'])) { $.get("./index.php'.(isset($_GET['show'])?'?show='.$_GET['show']:'').'", function(data) {
echo ' var BodyStart = data.indexOf("<bo"+"dy");
document.location.href = "./index.php'; var BodyEnd = data.indexOf("</bo"+"dy>");
if (isset($_GET['show'])) { if ((BodyStart >= 0) && (BodyEnd > BodyStart)) {
echo '?show='.$_GET['show']; BodyStart = data.indexOf(">", BodyStart)+1;
} $("body").html(data.substring(BodyStart, BodyEnd));
echo '";'; }
} else { })
echo ' .always(function() {
document.location.reload();'; PageRefresh = setTimeout(ReloadPage, '.$PageOptions['PageRefreshDelay'].');
} });
echo '
}'; }';
if (!isset($_GET['show']) || (($_GET['show'] != 'liveircddb') && ($_GET['show'] != 'reflectors') && ($_GET['show'] != 'interlinks'))) { if (!isset($_GET['show']) || (($_GET['show'] != 'liveircddb') && ($_GET['show'] != 'reflectors') && ($_GET['show'] != 'interlinks'))) {
echo ' echo '
PageRefresh = setTimeout(ReloadPage, '.$PageOptions['PageRefreshDelay'].');'; PageRefresh = setTimeout(ReloadPage, '.$PageOptions['PageRefreshDelay'].');';
} }
echo ' echo '
function SuspendPageRefresh() { function SuspendPageRefresh() {
clearTimeout(PageRefresh); clearTimeout(PageRefresh);
} }
</script>'; </script>';
} }

5
dashboard/js/jquery-1.12.4.min.js vendored Normal file

File diff suppressed because one or more lines are too long