scinote-web/app/assets/javascripts/sidebar_toggle.js.erb
2018-05-25 08:50:27 +02:00

47 lines
1.1 KiB
Text

(function(global) {
'use strict';
global.SideBarToggle = (function() {
function show() {
$('#sideBarLeft').show();
$('#sideBarRight').hide();
$('#sidebar-wrapper').show(
'slide', { direction: 'right', easing: 'linear' }, 400
);
$('#wrapper').css('paddingLeft', '280px');
$('.navbar-secondary').css(
{ 'margin-left': '-280px', 'padding-left': '294px' }
);
}
function hide() {
$('#sideBarLeft').hide();
$('#sideBarRight').show();
$('#sidebar-wrapper').hide(
'slide', { direction: 'left', easing: 'linear'}, 400
);
$('#wrapper').css('paddingLeft', '0');
$('.navbar-secondary').css({
'margin-left': '0',
'padding-left': '14px'
});
}
function toggle() {
var btn = $('#sideBarButton');
if (btn.is('[data-shown]')) {
btn.removeAttr('data-shown');
hide();
} else {
btn.attr('data-shown', '');
show();
}
}
return Object.freeze({
show: show,
hide: hide,
toggle: toggle
})
})();
})(window);