User:The Transhumanist/ViewAsOutline-Glossary.js

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
// <syntaxhighlight lang="javascript">

/*

(Script is under development - not yet functional)

ViewAsOutline-Glossary.js

What it does:

This script removes the bullets and then inserts wikicode formatting 
(asterisks and double square brackets) for the list items on  
glossary pages, and the h2 headings, so that the links can be easily copied and 
pasted into list and outline pages being edited.

Brief comments are provided within the source code below. For extensive explanatory 
notes on what the source code does and how it works, see the Script's workshop on 
the talk page. (Not ready yet)

*/

// ============== Set up ==============

// Start off with a bodyguard function to reserve the aliases mw and $
( function ( mw, $ ) {

    // we can now rely on mw and $ within the safety of our “bodyguard” function, to mean 
    // "mediawiki" and "jQuery", respectively

    // ============== ready() event listener/handler ==============
    // below is jQuery short-hand for $(document).ready(function() { ... });
    // it makes the rest of the script wait until the page's DOM is loaded and ready
    $(function() {
        
		// ============== activation filters ==============
        // Only activate on Vector skin
        if ( mw.config.get( 'skin' ) === 'vector' ) {

	        // Run this script only if "Glossary of" is in the page title
			if (document.title.indexOf("Glossary of") != -1) {

				// End of set up
			
        	    // =================== Prep work =====================
				
				// Variable declarations, etc., go here

            	// ================= Core program ================= 

                $( function() {

					// BODY OF PROGRAM
					// Make the headings go bye bye
					$( ".mw-editsection" ).remove();
					$( ".mw-headline" ).remove();
					$( "h2" ).remove();

					// Add a bullet to each of the dt entries
					$( "dt" ).prepend( "* " );
					// $( "dt" ).append( " – " );
	
					// Add [[]] to links in the dt entries
					$( "dt" ).find( "a" ).prepend( "[[" );
					$( "dt" ).find( "a" ).append( "]]" );

					// Strip out the newlines between dt and dd elements
					// Newlines follow block elements, and so we must go inline...
					// Thanks to [[User:Evad37] for the following 2-line solution
					$('dt').css('display','inline').after(' – ');
					$('dd').css({'display':'inline', 'margin-left':'0'}).after('<br>');

					// Make the dd elements targettable by adding a class to them
					$( ".mw-body-content" ).find( "dd" ).addClass( "gloss-dd" );

	        		// Apply annotation grammar (strip out leading A, An, and The)
					var dds = document.getElementsByClassName( "gloss-dd" );
					var i;
					for (i = 0; i < dds.length; i++) {
					    dds[i].innerHTML = dds[i].innerHTML.replace(/^A /,'');
					    dds[i].innerHTML = dds[i].innerHTML.replace(/^An /,'');
					    dds[i].innerHTML = dds[i].innerHTML.replace(/^The /,'');
					} 

	        		// More anno grammar: change the first letter of each dd element to lower case
					// First, wrap the first letter in classed span tags
					dds = document.getElementsByClassName( "gloss-dd" );
					var j;
					for (j = 0; j < dds.length; j++) {
					    dds[j].innerHTML = dds[j].innerHTML.replace(/^([A-Z])/,'<span class="firstL">$1</span>');
					} 
					// Then, change it to lower case
					$('.firstL').css('text-transform','lowercase');

				} );
			}
        }
    } );
}( mediaWiki, jQuery ) );

// </syntaxhighlight>