MediaWiki:Gadget-SidebarTOC.js: Difference between revisions

Revision as of 17:44, 22 February 2024

$(function(){
	if (!$('#toc').length) {
		return;
	}
	var i18n = {
		header: 'Contents',
		top: '(Top)'
	};

	// Remove the logic for collapsing and expanding the TOC
	$('<nav id="p-toc" class="vector-menu mw-portlet mw-portlet-toc vector-menu-portal portal" aria-labelledby="p-toc-label" role="navigation">').append(
	    $('<h3 id="p-toc-label" class="vector-menu-heading" tabindex="0">').append(
	        $('<span class="vector-menu-heading-label">').text(i18n.header)
	    ),
	    $('<div class="vector-menu-content">').append(
	        $('<ul class="vector-menu-content-list">').append(
	        	$('<li class="toclevel-1 tocsection-0">').append($('<a href="#">').append(
	        		$('<span class="toctext">').text(i18n.top)
	        	)),
	            $('#toc > ul').children().clone()
	        )
	    )
	).appendTo('#mw-panel');

	// Remove the original TOC on the page
	$('#toc').remove();

	mw.loader.using( ['ext.gadget.sectionObserver'], function(require) {
		var initSectionObserver = require('ext.gadget.sectionObserver');
		var allSections = document.querySelectorAll('#firstHeading, .mw-headline');
		var sectionObserver = initSectionObserver({topMargin: 20, onIntersection: onIntersection})
		sectionObserver.setElements(allSections);
		sectionObserver.calcIntersection();
		
		allSections = Array.from(allSections);
		var tocList = $('#p-toc .vector-menu-content-list')[0];
		var tocSections = $('#p-toc .vector-menu-content-list li');
		var baseOffset = $('#p-toc .tocsection-0 .toctext')[0].offsetTop;
		
		function onIntersection(section) {
		    var index = allSections.indexOf(section);
		    $('#p-toc .tocsection-current').removeClass('tocsection-current');
		    var tocSection = tocSections.eq(index).addClass('tocsection-current');
		    if ( tocSection.is(':hidden') && index > 0 ) return onIntersection(allSections[index - 1]);
		    var tocSectionPos = tocSection[0].offsetTop - baseOffset;
		    if ( tocSectionPos < tocList.scrollTop + (tocList.clientHeight * 0.15) ) {
		        tocList.scrollTo({top: tocSectionPos - (tocList.clientHeight * 0.3)});
		    }
		    else if ( tocSectionPos > tocList.scrollTop + (tocList.clientHeight * 0.85) ) {
		        tocList.scrollTo({top: tocSectionPos - (tocList.clientHeight * 0.7)});
		    }
		}
	} );
})

@@ Line 7: / Line 7: @@
 		top: '(Top)'
 	};
-	new ResizeObserver(function(entries) {
+	// Remove the logic for collapsing and expanding the TOC
-		if (window.innerWidth <= 720) {
-			$('#mw-panel').css('height', '');
-		}
-		else {
-			$('#mw-panel').css('height', document.body.scrollHeight - 10);
-		}
-	}).observe($('#content')[0]);
-	var tocCollapsed = (localStorage.getItem("sidebar_vector_c_p-toc") !== "n");
 	$('<nav id="p-toc" class="vector-menu mw-portlet mw-portlet-toc vector-menu-portal portal" aria-labelledby="p-toc-label" role="navigation">').append(
 	    $('<h3 id="p-toc-label" class="vector-menu-heading" tabindex="0">').append(
 	        $('<span class="vector-menu-heading-label">').text(i18n.header)
-	    ).on("keypress", function(event) {
+	    ),
-			if (event.which == 13) {
-				$(this).trigger("click");
-				event.stopImmediatePropagation()
-			}
-		}).on("click", function(event) {
-	        var $el = $(this).parent();
-			event.stopPropagation();
-	        $el.toggleClass("collapsed");
-	        if($el.hasClass("collapsed")){
-				localStorage.setItem("sidebar_vector_c_p-toc", "y");
-	            $el.find(".vector-menu-content").slideUp("fast");
-	            $el.css({'margin-right': '', 'margin-left': ''});
-	        }
-	        else{
-				localStorage.setItem("sidebar_vector_c_p-toc", "n");
-	            $el.find(".vector-menu-content").slideDown("fast");
-	            var $toc = $el.find(".vector-menu-content-list")[0];
-	            if ($toc.clientWidth < $toc.scrollWidth) {
-	        		$el.css({'margin-right': '0', 'margin-left': '0'});
-	            }
-				if (window.innerWidth >= 982 && $toc.clientWidth < $toc.scrollWidth) {
-	        		$el.css({'margin-right': '-0.5em', 'margin-left': '-0.5em'});
-				}
-	        }
-		}),
 	    $('<div class="vector-menu-content">').append(
 	        $('<ul class="vector-menu-content-list">').append(
@@ Line 53: / Line 20: @@
 	            $('#toc > ul').children().clone()
 	        )
-	    ).addClass($('#toc').parent().prop('class').split(/\s+/).filter(function(classname) {
+	    )
-	    	return classname.startsWith('toc-');
+	).appendTo('#mw-panel');
-	    }).join(' ')).css('display', tocCollapsed ? 'none' : '')
-	).addClass(tocCollapsed ? 'collapsed' : '').appendTo('#mw-panel');
+	// Remove the original TOC on the page
+	$('#toc').remove();
 	mw.loader.using( ['ext.gadget.sectionObserver'], function(require) {
 		var initSectionObserver = require('ext.gadget.sectionObserver');
@@ Line 84: / Line 52: @@
 		}
 	} );
-});
+})

MediaWiki:Gadget-SidebarTOC.js: Difference between revisions

Revision as of 17:44, 22 February 2024

Navigation menu

Search