MediaWiki:Gadget-helppage.js

$(document).ready(function() {
	
	if (mw.config.get('wgPageName') === "Rules" || mw.config.get('wgPageName') === "Help_Resources")
	{
		/*var wiki_dogcraft_nav_title = '<a href="//dogcraft.net" class="dogcraft_title"><img src="//dogcraft.net/img/logo.svg" class="dogcraft_logo">DogCraft</a>';
		var wiki_dogcraft_nav_redirects1 = '<a id="dogcraft_patreon" class="nav_ext_link" href="https://patreon.com/rendog" target="blank_"><img src="/wiki/images/e/eb/Digital-Patreon-Logo_FireyCoral.png"></a><a id="dogcraft_discord" class="nav_ext_link" href="https://discord.gg/rendog" target="blank_"><img src="/wiki/images/4/4e/Discord-Logo-White.png"></a><a id="dogcraft_youtube" class="nav_ext_link" href="https://youtube.com/user/rendog/" target="blank_"><i class="fa fa-youtube"></i></a>';
		var wiki_dogcraft_nav_redirects2 = '<a id="dogcraft_twitch" class="nav_ext_link" href="https://twitch.tv/rendogtv" target="blank_"><i class="fa fa-twitch"></i></a><a id="dogcraft_twitter" class="nav_ext_link" href="https://twitter.com/dogcraftnet" target="blank_"><i class="fa fa-twitter"></i></a><a id="dogcraft_wiki" class="nav_ext_link" href="/wiki"><img src="//dogcraft.net/img/wiki.png"></a>';
		var wiki_dogcraft_nav_right = '<div class="dogcraft_nav_right"><a id="dogcraft_leaderboard" class="nav_ext_link" href="/leaderboards"><i class="fa fa-trophy"></i></a></div>';
		var wiki_helppagehtml = '<div class="dogcraft_nav">' + wiki_dogcraft_nav_title + wiki_dogcraft_nav_redirects1 + wiki_dogcraft_nav_redirects2 + wiki_dogcraft_nav_right + '</div><div class="dogcraft_statusBar"></div>';
		*/
		
		var dogcraftNav = '<div id="dogcraftNav" class="dogcraft_nav"></div>'
		
		$("#navwrapper").prepend(dogcraftNav);
		
		var dcNavPatreon   = '<a class="patreon dc_nav_connections" target="_blank" title="Patreon" href="https://patreon.com/rendog"><img class="dc_nav_left_icon" src="/wiki/images/e/eb/Digital-Patreon-Logo_FireyCoral.png"></a>',
		    dcNavDiscord   = '<a class="discord dc_nav_connections" target="_blank" title="Discord" href="https://discord.gg/rendog"><img class="dc_nav_left_icon" src="/wiki/images/2/2d/Discord-Logo-Color.png"></a>',
		    dcNavYoutube   = '<a class="youtube dc_nav_connections" target="_blank" title="YouTube" href="https://youtube.com/user/rendog/"><i class="fa fa-youtube dc_nav_left_icon"></i></a>',
		    dcNavTwitch    = '<a class="twitch dc_nav_connections" target="_blank" title="Twitch" href="https://twitch.tv/rendogtv"><i class="fa fa-twitch dc_nav_left_icon"></i></a>',
		    dcNavTwitter   = '<a class="twitter dc_nav_connections" target="_blank" title="Twitter" href="https://twitter.com/dogcraftnet"><i class="fa fa-twitter dc_nav_left_icon"></i></a>',
		    dcNavWiki      = '<a class="wiki dc_nav_connections" title="DogCraft Wiki" href="https://dogcraft.net/wiki"><img class="dc_nav_left_icon" src="/img/wiki-red.png" alt="Wiki"></a>',
		    dcNavMap       = '<div id="navMapToggle" class="nav_map nav_loggedin " title="Server Maps"><i class="fas fa-map-marked-alt"></i><a class="navBeagle" href="/map/beagle" title="Beagle Map">Beagle</a><a class="navHusky" href="/map/husky" title="Husky Map">Husky</a></div>',
		    dcNavLeft  = '<div id="dc-nav-left" class="dc_nav_left">' + dcNavPatreon + dcNavDiscord + dcNavYoutube + dcNavTwitch + dcNavTwitter + dcNavWiki + '</div>',
		    dcNavTitle = '<div id="dc-nav-title"><a href="/"><img src="/img/logo-white.svg" alt=""><span>DogCraft</span></a></div>',
		    dcNavRightLoggedIn = '<div id="dc-nav-right" class="dc_nav_right"><div class="dc_nav_btns">' + dcNavMap + '</div></div>',
		    dcNavHTML  = dcNavLeft + dcNavTitle + dcNavRight;
		    
		$("#dogcraftNav").html(dcNavHTML);
		
		
		/* Partially sticky header */
		/* JS from https://www.w3schools.com/howto/howto_js_sticky_header.asp*/
		// When the user scrolls the page, execute myFunction
			window.onscroll = function() {myFunction()};
			
			// Get the header
			var topbar = document.querySelector(".top-bar");
			var header = document.getElementById("myHeader");
			
			// Get the offset position of the navbar
			var sticky = topbar.offsetTop;
			
			// Add the sticky class to the header when you reach its scroll position. Remove "sticky" when you leave the scroll position
			function myFunction() {
			  if (window.pageYOffset > sticky) 
			  {
			    topbar.classList.add("sticky1");
			  } 
			  else 
			  {
			    topbar.classList.remove("sticky1");
			  }
			} 
			
	}
	
	
	if (mw.config.get('wgPageName') === "User:Domino/Sandbox")
	{
			$("#alertbutton").click(function(){
				alert( 'According to your preferences, your gender is ' + mw.user.options.get( 'userjs-testt' ) );
			}); 
	}
	
});