Index: lams_monitoring/web/timer.jsp =================================================================== diff -u -ra14a32057cf83e427491328fb3105324d4a9c7c6 -rfda3ec8df53318805f4ca0fae87d9a6d6fdd8453 --- lams_monitoring/web/timer.jsp (.../timer.jsp) (revision a14a32057cf83e427491328fb3105324d4a9c7c6) +++ lams_monitoring/web/timer.jsp (.../timer.jsp) (revision fda3ec8df53318805f4ca0fae87d9a6d6fdd8453) @@ -26,19 +26,22 @@ var haveClickedReset = false; var isCounting = false; var audioElement = null; + var fullscreenEnabled = false; $(document).ready(function(){ $(".setup").show(); $(".timer").hide(); $("#resume").hide(); - + + // progress bar NProgress.configure({ showSpinner: false, trickle: false, parent: '#progressBarDiv', minimum: 0.02 }); - + + setupFullScreenEvents(); }); function toggleBell() { @@ -175,14 +178,66 @@ $('#countdownTarget').countdown('destroy'); } + // Increase to full screen - find the right method, call on correct element + function launchIntoFullscreen() { + var element = document.getElementById("fullPageContentDiv"); + if(element.requestFullscreen) { + element.requestFullscreen(); + } else if(element.mozRequestFullScreen) { + element.mozRequestFullScreen(); + } else if(element.webkitRequestFullscreen) { + element.webkitRequestFullscreen(); + } else if(element.msRequestFullscreen) { + element.msRequestFullscreen(); + } + } + // Reduce full screen back to normal screen + function exitFullscreen() { + if(document.exitFullscreen) { + document.exitFullscreen(); + } else if(document.mozCancelFullScreen) { + document.mozCancelFullScreen(); + } else if(document.webkitExitFullscreen) { + document.webkitExitFullscreen(); + } + } + + + // Detect when screen changes and update buttons + function setupFullScreenEvents() { + fullscreenEnabled = document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled; + if ( fullscreenEnabled ) { + document.addEventListener("fullscreenchange", fullScreenChanged); + document.addEventListener("mozfullscreenchange", fullScreenChanged); + document.addEventListener("webkitfullscreenchange", fullScreenChanged); + document.addEventListener("msfullscreenchange", fullScreenChanged); + } else { + $("#shrink").hide(); + $("#expand").hide(); + } + } + + function fullScreenChanged( event ) { + var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement; + console.log("fullscreenElement: "+fullscreenElement); + if ( fullscreenElement && fullscreenElement != null ) { + $("#expand").hide(); + $("#shrink").show(); + } else { + $("#shrink").hide(); + $("#expand").show(); + } + } +

@@ -220,12 +275,16 @@ + +

- + +

- \ No newline at end of file +