hide the footerbar when in lobby and fullscreen (re-activate with hover)

thm-projects · Nov 5, 2016 · 1563cf9 · 1563cf9
1 parent e69adcc
commit 1563cf9
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 0 deletions.
diff --git a/arsnova.click/client/layout/region_footer/scripts/events.js b/arsnova.click/client/layout/region_footer/scripts/events.js
@@ -75,6 +75,13 @@ const clickEvents = {
 			} else if (document.webkitFullscreenElement) {
 				document.webkitCancelFullScreen();
 			}
+
+			var route = Router.current().route.getName();
+			route = route.replace(/(:quizName.)*(.:id)*/g, "");
+			if (route === "memberlist"){
+				$('.navbar-footer-placeholder').hide();
+				$('.navbar-footer').show();
+			}
 		} else {
 			if (document.documentElement.requestFullscreen) {
 				document.documentElement.requestFullscreen();
@@ -83,6 +90,13 @@ const clickEvents = {
 			} else if (document.documentElement.webkitRequestFullScreen) {
 				document.documentElement.webkitRequestFullScreen();
 			}
+
+			var route = Router.current().route.getName();
+			route = route.replace(/(:quizName.)*(.:id)*/g, "");
+			if (route === "memberlist"){
+				$('.navbar-footer').hide();
+				$('.navbar-footer-placeholder').show();
+			}
 		}
 	},
 	"click #import": function () {
@@ -377,6 +391,22 @@ const defaultBackButtonBehavior = {
 Template.footer.events($.extend({}, clickEvents, {
 	"click #show-more": function () {
 		Router.go("/" + Router.current().params.quizName + "/showMore");
+	},
+	"mouseenter .navbar-footer-placeholder": function () {
+        var route = Router.current().route.getName();
+		route = route.replace(/(:quizName.)*(.:id)*/g, "");
+		if (window.innerHeight == screen.height && route === "memberlist"){
+			$('.navbar-footer-placeholder').hide();
+			$('.navbar-footer').show();
+		}
+	},
+	"mouseleave .navbar-footer": function () {
+        var route = Router.current().route.getName();
+        route = route.replace(/(:quizName.)*(.:id)*/g, "");
+		if (window.innerHeight == screen.height && route === "memberlist"){
+			$('.navbar-footer').hide();
+			$('.navbar-footer-placeholder').show();
+		}
 	}
 }));
 

diff --git a/arsnova.click/client/layout/region_footer/styles/footer.scss b/arsnova.click/client/layout/region_footer/styles/footer.scss
@@ -38,6 +38,12 @@
 	}
 }
 
+.navbar-footer-placeholder {
+	height: 56px;
+	width: 100%;
+	display:none;
+}
+
 .showMoreCheckboxLabel {
 	margin-bottom: 0;
 	line-height: 30px;

diff --git a/arsnova.click/client/layout/region_footer/templates/footer.html b/arsnova.click/client/layout/region_footer/templates/footer.html
@@ -22,6 +22,8 @@
             {{> hiddenFooterElement}}
         {{/each}}
     </nav>
+    <nav class="navbar-footer-placeholder navbar-fixed-bottom">
+    </nav>
 </template>
 
 <template name="hiddenFooterElement">