mirrors/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-05-25 20:44:53 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Extract sidebar.

Browse source
This commit is contained in:
Lars Jung 2014-09-03 19:13:21 +02:00
parent faaf71cee9
commit 23eb8b4dc1
3 changed files with 60 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/_h5ai/client/js/inc/view/viewmode.js
View file

@ -7,14 +7,6 @@ modulejs.define('view/viewmode', ['_', '$', 'core/settings', 'core/resource', 'c
sizes: sizes
}, allsettings.view);
var storekey = 'viewmode';
var storekeyMenu = 'menuIsVisible';
var menuIsVisible = false;
var sidebarToggleTemplate =
'<li id="menu-toggle" class="view">' +
'<a href="#">' +
'<img src="' + resource.image('settings') + '" alt="settings"/>' +
'</a>' +
'</li>';
var modeTemplate =
'<div id="view-[MODE]" class="view">' +
'<a href="#">' +
@ -70,24 +62,10 @@ modulejs.define('view/viewmode', ['_', '$', 'core/settings', 'core/resource', 'c
function init() {
var $sidebar = $('#sidebar');
var $settings = $('#settings');
var $viewBlock = $('<div class="block"><h1 class="l10n-view">View</h1></div>');
var max;
$(sidebarToggleTemplate)
.on('click', 'a', function (event) {
var menuIsVisible = store.get(storekeyMenu);
menuIsVisible = !menuIsVisible;
store.put(storekeyMenu, menuIsVisible);
$sidebar.stop().animate({
right: menuIsVisible ? 0 : -$sidebar.outerWidth()-1
});
event.preventDefault();
})
.appendTo('#navbar');
settings.modes = _.intersection(settings.modes, modes);
if (settings.modes.length > 1) {
@ -95,10 +73,10 @@ modulejs.define('view/viewmode', ['_', '$', 'core/settings', 'core/resource', 'c
if (_.contains(settings.modes, mode)) {
$(modeTemplate.replace(/\[MODE\]/g, mode))
.appendTo($viewBlock)
.on('click', 'a', function (event) {
.on('click', 'a', function (ev) {
update(mode);
event.preventDefault();
ev.preventDefault();
});
}
});
@ -108,9 +86,9 @@ modulejs.define('view/viewmode', ['_', '$', 'core/settings', 'core/resource', 'c
max = settings.sizes.length-1;
$(sizeTemplate)
.prop('max', max).attr('max', max)
.on('input change', function (event) {
.on('input change', function (ev) {
update(null, settings.sizes[parseInt(event.target.value, 10)]);
update(null, settings.sizes[parseInt(ev.target.value, 10)]);
})
.appendTo($viewBlock);
}
@ -119,10 +97,6 @@ modulejs.define('view/viewmode', ['_', '$', 'core/settings', 'core/resource', 'c
update();
$sidebar.css({
right: store.get(storekeyMenu) ? 0 : -$sidebar.outerWidth()-1
});
event.sub('location.changed', adjustSpacing);
$(window).on('resize', adjustSpacing);
}