73 lines
1.7 KiB
JavaScript
73 lines
1.7 KiB
JavaScript
var offscreen = function() {
|
|
var container = $(".app"), canvasDirection, direction, rapidClick = false;
|
|
function hide() {
|
|
container.removeClass("move-left move-right");
|
|
canvasDirection = "";
|
|
setTimeout(function() {
|
|
container.removeClass("offscreen");
|
|
rapidClick = false;
|
|
}, 300);
|
|
}
|
|
function toggle(direction) {
|
|
if (direction !== undefined && direction === "rtl") {
|
|
container.addClass("offscreen move-right").removeClass("move-left");
|
|
canvasDirection = "rtl";
|
|
} else {
|
|
container.addClass("offscreen move-left").removeClass("move-right");
|
|
canvasDirection = "ltr";
|
|
}
|
|
}
|
|
function fixSlimScroll() {
|
|
if (!$.browser.mobile && !sublime.checkBreakout()) {
|
|
if (canvasDirection === "ltr") {
|
|
if ($(".offscreen-left").find(".slimScrollDiv").length !== 0) {
|
|
$(".offscreen-left").find(".main-navigation, .slimscroll")
|
|
.slimScroll({
|
|
height : 'auto'
|
|
});
|
|
}
|
|
}
|
|
if (canvasDirection === "rtl") {
|
|
if ($(".offscreen-right").find(".slimScrollDiv").length !== 0) {
|
|
$(".offscreen-right").find(".main-navigation, .slimscroll")
|
|
.slimScroll({
|
|
height : 'auto'
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
function events() {
|
|
$("[data-toggle=offscreen]").on("click", function(e) {
|
|
$("#topnav").toggleClass("hidden-xs");
|
|
/*e.preventDefault();
|
|
e.stopPropagation();
|
|
direction = $(this).data("move");
|
|
if (direction === canvasDirection) {
|
|
hide();
|
|
return;
|
|
}
|
|
if (rapidClick) {
|
|
return;
|
|
}
|
|
rapidClick = true;
|
|
toggle(direction);
|
|
fixSlimScroll();*/
|
|
});
|
|
$(".exit-offscreen").on("click", function(e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
hide();
|
|
});
|
|
}
|
|
return {
|
|
hide : hide,
|
|
init : function() {
|
|
events();
|
|
}
|
|
};
|
|
}();
|
|
$(function() {
|
|
"use strict";
|
|
offscreen.init();
|
|
}); |