var redirecting = false; var fullScreenMode = false; function launchIntoFullscreen(element) { if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if(element.webkitRequestFullscreen) { element.webkitRequestFullscreen(); } else if(element.msRequestFullscreen) { element.msRequestFullscreen(); } } function exitFullscreen() { if(document.exitFullscreen) { document.exitFullscreen(); } else if(document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if(document.webkitExitFullscreen) { document.webkitExitFullscreen(); } } $("#fullWidthBtn").on( "click", function(e){ localStorage.setItem('viewer-full-width','full_width'); if($('#main-container').hasClass('container')){ element = $('#main-container'); element.removeClass('container').addClass('container-fluid p-0'); } $( "#fullWidthBtn" ).hide(); $( "#adaptedBtn" ).show(); }); $("#adaptedBtn").on( "click", function(e){ localStorage.setItem('viewer-full-width','adapted'); if($('#main-container').hasClass('container-fluid')){ element = $('#main-container'); element.removeClass('container-fluid p-0').addClass('container'); } $( "#adaptedBtn" ).hide(); $( "#fullWidthBtn" ).show(); }); $("#separatedBtn").on( "click", function(e){ localStorage.setItem('viewer-separation','separated'); $('.viewer-img').each(function(i, obj) { if(!$(obj).hasClass('separated')){ $(obj).addClass('separated'); } }); $( "#separatedBtn" ).hide(); $( "#notSeparatedBtn" ).show(); }); $("#notSeparatedBtn").on( "click", function(e){ localStorage.setItem('viewer-separation','not_separated'); $('.viewer-img').each(function(i, obj) { if($(obj).hasClass('separated')){ $(obj).removeClass('separated'); } }); $( "#notSeparatedBtn" ).hide(); $( "#separatedBtn" ).show(); }); $( "#fullScreenBtn" ).on( "click", function(e){ if(!fullScreenMode) { launchIntoFullscreen(document.documentElement); }else{ exitFullscreen(); } fullScreenMode = !fullScreenMode; }); if (localStorage.getItem('viewer-separation')) { var viewer_separation = localStorage.getItem('viewer-separation'); if(viewer_separation==="separated"){ $( "#separatedBtn" ).trigger( "click" ); }else{ $( "#notSeparatedBtn" ).trigger( "click" ); } } if (localStorage.getItem('viewer-full-width')) { var viewer_width = localStorage.getItem('viewer-full-width'); if(viewer_width==="full_width"){ $( "#fullWidthBtn" ).trigger( "click" ); }else{ $( "#adaptedBtn" ).trigger( "click" ); } }