EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

sidebar toggle + scrolltobottom for trace on page load

Browse source
This commit is contained in:
Jana Deutschländer 2017-01-05 17:04:48 +01:00
commit 19265a3d2c
3 changed files with 84 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

2
css/area_sidetools.less
View file

@ -68,7 +68,7 @@
border: 1px solid @color-border; border: 1px solid @color-border;
background-color: @background_page-header; background-color: @background_page-header;
padding: .4rem; padding: .4rem;
max-height: 200px; max-height: 6rem;
overflow-y: auto; overflow-y: auto;
.bchead, .bcsep{ .bchead, .bcsep{
display: none; display: none;

67
js/sidebar-menu.js
View file

@ -1,6 +1,34 @@
( function( $, spc ) { ( function( $, spc ) {
var mainMenu = function(){ var addToggleLink = function($elem){
$elem.wrapInner('<a href="#toggleMenu" class="toggler"></a>');
},
toggleState = function($toggler){
$toggler.toggleClass('closed');
$toggler.toggleClass('opened');
},
focusFirstSubLink = function($elem, is2nd){
var $foc = (is2nd) ? $elem.find('a')[1] : $elem.find('a')[0];
if($foc){
$foc.focus();
}
return $foc;
},
focusLastSubLink = function($elem){
var $foc = $elem.find('a:last-child'),
height = $elem.find('p').scrollHeight;
if($foc){
$foc.focus();
}
$elem.scrollTop(height);
return $foc;
},
mainMenu = function(){
var $menu = $('.nav-main').find('> ul'); var $menu = $('.nav-main').find('> ul');
try{ try{
@ -8,19 +36,16 @@
var $toggler = $menu.find('> li.level1 > .li'), var $toggler = $menu.find('> li.level1 > .li'),
$submenu = $menu.find('> li.level1 > ul'); $submenu = $menu.find('> li.level1 > ul');
if($toggler.length > 0 && $submenu.length > 0){ if($toggler.length > 0 && $submenu.length > 0){
$toggler.addClass('closed'); $toggler.addClass('closed');
$toggler.wrapInner('<a href="#toggleMenu" class="toggler"></a>'); addToggleLink($toggler);
$toggler.each(function( index ) { $toggler.each(function( index ) {
$(this).on( "click", function(e) { $(this).on( "click", function(e) {
e.preventDefault(); e.preventDefault();
var $this = $(this); var $this = $(this);
$this.toggleClass('closed'); toggleState($this);
$this.toggleClass('opened');
if($this.hasClass('opened')){ if($this.hasClass('opened')){
var $foc = $this.closest('li.level1').find('li.level2:first-child').find('a:first-child'); var $foc = focusFirstSubLink($this.closest('li.level1'), true);
if($foc.length > 0){
$foc.focus();
}
} }
}); });
}); });
@ -34,39 +59,37 @@
}catch(err){ }catch(err){
} }
}; },
sideMenu = function(){
var sideMenu = function(){ var $menus = $('.tools').find('.toggle-menu');
var $menu = $('.tools').find('.toggle-menu');
try{ try{
$menus.each(function( ) {
var $menu = $(this);
if($menu.length > 0){ if($menu.length > 0){
var $toggler = $menu.find('h6'), var $toggler = $menu.find('h6'),
$submenu = $menu.find('nav > ul >li, nav > div'); $submenu = $menu.find('nav > ul, nav > div');
if($toggler.length > 0 && $submenu.length > 0) { if($toggler.length > 0 && $submenu.length > 0) {
$toggler.addClass('closed'); $toggler.addClass('closed');
$toggler.wrapInner('<a href="#toggleMenu" class="toggler"></a>'); addToggleLink($toggler);
$toggler.each(function (index) { $toggler.each(function (index) {
$(this).on("click", function (e) { $(this).on("click", function (e) {
e.preventDefault(); e.preventDefault();
var $this = $(this); var $this = $(this);
$this.toggleClass('closed'); toggleState($this);
$this.toggleClass('opened');
if ($this.hasClass('opened')) { if ($this.hasClass('opened')) {
var $foc = $this.closest('li.level1').find('li.level2:first-child').find('a:first-child'); var $elem = ($submenu.is('div')) ? focusLastSubLink($submenu): focusFirstSubLink($submenu,false);
if($foc.length > 0){
$foc.focus();
}
} }
}); });
}); });
//FIXME: store current nav state with local storage //FIXME: store current nav state with local storage
} }
} }
});
}catch(err){ }catch(err){
alert('err'); alert('err');

6
script.js
View file

@ -24,13 +24,11 @@
} )( jQuery, spc, wikiLang ); } )( jQuery, spc, wikiLang );
/* DOKUWIKI:include js/plugins/do_tasks.js */ /* DOKUWIKI:include js/plugins/do_tasks.js */
/* DOKUWIKI:include js/sidebar-menu.js */ /* DOKUWIKI:include js/sidebar-menu.js */