1/* DOKUWIKI:include js/skip-link-focus-fix.js */ 2 3jQuery(document).ready(function() { 4 /* 5 * Click to toggle sidebar. 6 */ 7 function toggleSidebar() { 8 jQuery( '#writr__sidebar' ).on( 'click', '#writr__sidebar-toggle', function( e ) { 9 e.preventDefault(); 10 jQuery( 'html, body' ).scrollTop( 0 ); 11 jQuery( this ).toggleClass( 'open' ); 12 jQuery( 'body' ).toggleClass( 'sidebar-closed' ); 13 jQuery( '#writr__secondary' ).resize(); 14 } ); 15 } 16 17 /** 18 * Handles toggling the navigation menu for small screens. 19 */ 20 function toggleNavigation() { 21 var $container = jQuery('#writr__site-navigation'); 22 if (!$container.length) return; 23 var $button = jQuery('.menu-toggle', $container); 24 if (!$button.length) return; 25 var $menu = jQuery('ul', $container); 26 if (!$menu.length) { 27 $menu.hide(); 28 return; 29 } 30 $button.click(function(){ 31 $container.toggleClass('toggled'); 32 }); 33 } 34 35 /* 36 * A function to enable/disable a dropdown submenu. 37 */ 38 function toggleSubmenu() { 39 jQuery( '.main-navigation .node > div > a' ).append( '<span class="dropdown-icon" />' ); 40 jQuery( '#writr__site-navigation' ).on( 'click', '.dropdown-icon', function( e ) { 41 e.preventDefault(); 42 jQuery( this ).toggleClass( 'open' ); 43 if ( jQuery( this ).hasClass( 'open' ) ) { 44 jQuery( this ).parent().parent().next( 'ul' ).show(); 45 } else { 46 jQuery( this ).parent().parent().next( 'ul' ).hide(); 47 } 48 } ); 49 } 50 51 /* 52 * Close TOC by default 53 */ 54 function closeToc() { 55 var $toc = jQuery('#dw__toc .toggle'); 56 if($toc.length) { 57 $toc[0].setState(-1); 58 } 59 } 60 61 /* 62 * Change search submit input to submit button to make it easier to style 63 * @deprecated since Detritus 64 */ 65 function changeSearchInput() { 66 var $searchForm = jQuery('.search-form > form > div'); 67 var $searchButton = jQuery('input[type="submit"]', $searchForm).detach(); 68 var title = $searchButton.attr('title'); 69 var value = $searchButton.val(); 70 $searchForm.append('<button type="submit" title="'+title+'">'+value+'</button>'); 71 } 72 73 /* 74 * Enable add new page dropdown 75 */ 76 function enableAddNewPage() { 77 jQuery('.action.AddNewPage').click(function(event) { 78 event.preventDefault(); 79 const button = jQuery(this); 80 jQuery('.addnewpage').toggle(0,function(){ 81 // set aria-expanded attribute based on visibility 82 button.attr('aria-expanded', jQuery(this).is(':visible')); 83 }); 84 }); 85 86 jQuery(document).click(function(event) { 87 if (!jQuery(event.target).closest('.action.AddNewPage, .addnewpage').length) { 88 jQuery('.addnewpage').hide(); 89 } 90 }); 91 } 92 93 /* 94 * Enable translation dropdown 95 */ 96 function enableTranslation() { 97 jQuery('.action.Translation').click(function(event) { 98 event.preventDefault(); 99 const button = jQuery(this); 100 jQuery('.plugin_translation').toggle(0,function(){ 101 // set aria-expanded attribute based on visibility 102 button.attr('aria-expanded', jQuery(this).is(':visible')); 103 }); 104 }); 105 106 jQuery(document).click(function(event) { 107 if (!jQuery(event.target).closest('.action.Translation, .plugin_translation').length) { 108 jQuery('.plugin_translation').hide(); 109 } 110 }); 111 } 112 113 /* 114 * Enable .dropdowns 115 */ 116 function enableDropdowns() { 117 jQuery('.dropdown').each(function() { 118 const dropdown = jQuery(this); 119 dropdown.find('[data-toggle="dropdown"]').click(function(event) { 120 event.preventDefault(); 121 const button = jQuery(this); 122 dropdown.find('.dropdown-menu').toggle(0,function(){ 123 button.attr('aria-expanded', jQuery(this).is(':visible')); 124 }); 125 }); 126 }); 127 } 128 129 /* 130 * Enable Tooltips 131 */ 132 function enableTooltips() { 133 jQuery('body.enableTooltips [title]:not(.media),body.enableTooltips [alt]:not(.media)').each(function() { 134 const element = jQuery(this); 135 const content = element.attr('alt') ? element.attr('alt') : element.attr('title'); 136 element.attr('data-tooltip-content', content); 137 138 element.hover(function() { 139 // Prevent default browser tooltip from showing 140 const tooltipType = element.attr('alt') ? 'alt' : 'title'; 141 element.removeAttr(tooltipType).attr('data-tooltip-type', tooltipType); 142 143 // Create and append the tooltip 144 const tooltip = jQuery('<div class="tooltip"><div class="tooltip-text">' + content + '</div></div>'); 145 jQuery('body').append(tooltip); 146 147 // Calculate and set the position of the tooltip 148 const elementOffset = element.offset(); 149 const tooltipWidth = tooltip.outerWidth(); 150 const elementWidth = element.outerWidth(); 151 const topPosition = elementOffset.top + element.outerHeight() + 10; // Adjust +10 for spacing 152 const leftPosition = elementOffset.left + (elementWidth / 2) - (tooltipWidth / 2); 153 154 tooltip.css({ 155 top: topPosition, 156 left: leftPosition, 157 display: 'inline-block' 158 }); 159 160 }, function() { 161 // Restore the original attribute and remove the tooltip 162 element.attr(element.attr('data-tooltip-type'), content); 163 jQuery('.tooltip').remove(); 164 }); 165 }); 166 } 167 168 jQuery(function(){ 169 toggleSidebar(); 170 toggleNavigation(); 171 toggleSubmenu(); 172 closeToc(); 173 changeSearchInput(); 174 enableAddNewPage(); 175 enableTranslation(); 176 enableDropdowns(); 177 enableTooltips(); 178 }); 179}); 180