From b56149f3f330cd3110cb9271f3f4afa846bc6d64 Mon Sep 17 00:00:00 2001
From: BNoiZe <roman@schmerold.at>
Date: Tue, 1 Oct 2013 21:52:43 +0200
Subject: [PATCH] Added scroll to top button

---
 templates/Sparkle/assets/css/main.css |  12 +++++++++++
 templates/Sparkle/assets/img/top.png  | Bin 0 -> 3263 bytes
 templates/Sparkle/assets/js/main.js   |  29 +++++++++++++-------------
 templates/Sparkle/footer.tpl          |   1 +
 4 files changed, 27 insertions(+), 15 deletions(-)
 create mode 100644 templates/Sparkle/assets/img/top.png

diff --git a/templates/Sparkle/assets/css/main.css b/templates/Sparkle/assets/css/main.css
index 1f15bb3f..486f2b4c 100644
--- a/templates/Sparkle/assets/css/main.css
+++ b/templates/Sparkle/assets/css/main.css
@@ -929,4 +929,16 @@ label.nobr {
 caption {
 	font-weight:700;
 	margin-bottom:.2em;
+}
+
+.scrollup {
+    width:40px;
+    height:40px;
+    opacity:0.3;
+    position:fixed;
+    bottom:15px;
+    left:100px;
+    display:none;
+    text-indent:-9999px;
+    background: url(../img/top.png) no-repeat;
 }
\ No newline at end of file
diff --git a/templates/Sparkle/assets/img/top.png b/templates/Sparkle/assets/img/top.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ec2d6b366dfcb3c4792ffb5332f3a023d79f8c1
GIT binary patch
literal 3263
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

literal 0
HcmV?d00001

diff --git a/templates/Sparkle/assets/js/main.js b/templates/Sparkle/assets/js/main.js
index c8c63842..53ab32ff 100644
--- a/templates/Sparkle/assets/js/main.js
+++ b/templates/Sparkle/assets/js/main.js
@@ -6,10 +6,19 @@ function twoDigits(value) {
 }
 
 $(document).ready(function() {
-	// Format date in header
-	var lastlogin = new Date($("#lastlogin").text() * 1000);
-	//var d = Date.parse(lastlogin);
-	$("#lastlogin").text(lastlogin.getFullYear() + "-" + twoDigits(lastlogin.getMonth()) + "-" + twoDigits(lastlogin.getDate()) + " " + twoDigits(lastlogin.getHours()) + ":" + twoDigits(lastlogin.getMinutes()) + ":" + twoDigits(lastlogin.getSeconds()));
+	// Scroll to top
+	$(window).scroll(function() {
+		if ($(this).scrollTop() > 100) {
+			$('.scrollup').fadeIn();
+		} else {
+			$('.scrollup').fadeOut();
+		}
+	});
+	
+	$('.scrollup').click(function() {
+		$("html, body").animate({ scrollTop: 0 }, 600);
+		return false;
+	});
 	
 	// this is necessary for the special setting feature (ref #1010)
 	$.getQueryVariable = function(key) {
@@ -40,22 +49,12 @@ $(document).ready(function() {
 	// make rel="external" links open in a new window
 	$("a[rel='external']").attr('target', '_blank');
 	$(".main").css('min-height', $("nav").height() - 134);
-	//$(".dboarditem:last").css('min-height', $(".dboarditem:first").height());
-	//$(".dboarditem:first").css('min-height', $(".dboarditem:last").height());
-
+	
 	// set focus on username-field if on loginpage
 	if ($(".loginpage").length != 0) {
 		$("#loginname").focus();
 	}
 
-	/*if ($("table.formtable").length != 0) {
-		$("table.formtable tr").hover(function() {
-			$(this).css("background-color", "#f5f5f5");
-		}, function() {
-			$(this).css("background-color", "#fff");
-		});
-	}*/
-
 	if ($("table.bradiusodd").length != 0) {
 		$("table.bradiusodd tbody tr").hover(function() {
 			$(this).css("background-color", "#f5f5f5");
diff --git a/templates/Sparkle/footer.tpl b/templates/Sparkle/footer.tpl
index ffbde3ce..2be72311 100644
--- a/templates/Sparkle/footer.tpl
+++ b/templates/Sparkle/footer.tpl
@@ -10,5 +10,6 @@
 		<br /><span>{$lng['panel']['translator']}: {$lng['translator']}
 	</if>
 </footer>
+<a href="#" class="scrollup">Scroll</a>
 </body>
 </html>