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_icon dc_nav_imgicon" 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_icon" target="_blank dc_nav_imgicon" 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_icon" 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_icon" 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_icon" 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_icon dc_nav_imgicon" title="You are here" href="#"><img class="dc_nav_left_icon" src="/img/wiki-red.png" alt="Wiki"></a>',
		    dcNavMap       = '<div id="navMapToggle" class="nav_map nav_loggedin dc_nav_icon" title="Server Maps"><i class="fa fa-map"></i><a class="navBeagle" href="/map/beagle" title="Beagle Map">Beagle</a><a class="navHusky" href="/map/husky" title="Husky Map">Husky</a></div>',
		    dcNavLb        = '<a id="dc_nav_lb" class="dc_nav_icon" href="/leaderboards" title="Leaderboards"><i class="fa fa-trophy"></i></a>';
		    dcNavSettings  = '<a id="dc_nav_settings" class="dc_nav_icon" title="Account Settings" href="/u/settings"><i class="fa fa-user"></i></a>';
		    dcNavProfile   = '<a id="dc_nav_profile" class="dc_nav_icon dc_nav_imgicon" title="My Profile" href="/u/7f4041f4-96cc-403f-8ad5-756dd7b75b5c"><img src="https://dogcraft.net/img/mc/avatars/7f4041f4-96cc-403f-8ad5-756dd7b75b5c?size=50&amp;default=MHF_Steve&amp;overlay" onerror="this.src=\'/img/steve.png\'" alt="Domino_1"></a>';
		    dcNavLogout    = '<a id="dc_nav_logout" class="dc_nav_icon" title="Logout" href="/u/logout"><i class="fa fa-sign-out"></i>/a>';
		    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 + dcNavLb + dcNavSettings + dcNavProfile + dcNavLogout + '</div></div>',
		    dcNavHTML  = dcNavLeft + dcNavTitle + dcNavRightLoggedIn;
		    
		$("#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");
			  }
			}
			
		$("#navMapToggle").click(function(){
			$( "#navMapToggle" ).toggleClass( "expanded" );
		});
			
	}
	
	
	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' ) );
			}); 
	}
	
});