☰

Tidy up your Dashboard

Customizable Userscript which tidies up your Dashboard!

当前为 2015-04-27 提交的版本，查看 最新版本。

// ==UserScript==
// @name Tidy up your Dashboard
// @namespace https://gf.qytechs.cn/users/10154
// @grant none
// @match https://www.warlight.net/MultiPlayer/
// @description Customizable Userscript which tidies up your Dashboard!
// @version 1.6
// @icon http://i.imgur.com/XzA5qMO.png
// ==/UserScript==

var lastRefresh;
var myGamesTable = $("#MyGamesTable");
var openGamesTable = $("#OpenGamesTable");
var promotedGamesTable = $("#PromotedGamesTable");

var scrollGames;
var autoRefreshOnFocus;
var highlightTournaments;
var hideMyGamesIcons;
var hideCoinSymbol;

var showGamesActive = "ShowMyGames";
var showAllGames = "";
var showAllCoinGames = "";

readLocalstorage();
setupRefresh();
setupUserscriptMenu();
expandGames();

/**
 * Hide coin Symbol
 */
if (hideCoinSymbol) {
    createSelector('#PromotedGamesTable td:last-of-type a img', 'display:none');
	createSelector("#MyGamesTable td > a > img", 'display:none')
}

/**
 * Highlight Tournaments
 */
if (highlightTournaments) {
    createSelector("#MyTournamentsTable tbody", "background:#4C4C33;");
}

/**
 * Hide coin Games
 */
if (hideMyGamesIcons) {
    createSelector("#MyGamesTable td div img, #MyGamesTable td div a img", "display:none;");
}

/**
 * Basic CSS
 */
createSelector(".GameRow a", "font-size:16px !important;");
createSelector(".GameRow td:last-of-type span,#OpenGamesTable .GameRow td:last-of-type span:first-child, #PromotedGamesTable .GameRow td:last-of-type span:first-child", "margin:5px 0px;position:relative !important;z-index:10;");
createSelector("#MyGamesTable td span a img, #MyGamesTable td span a img", "display:inherit;");
createSelector(".GameRow:hover", "background-color:rgb(50, 50, 50);cursor:pointer;");
createSelector(".BootTimeLabel", "color:white !important;font-weight:normal!important;font-style:italic;font-size:13px!important;z-index:50;");
createSelector(".GameRow a:hover", "text-decoration:none;");
createSelector(".TournamentRow a:hover", "text-decoration:none;");
createSelector(".TournamentRow:hover", "background-color:rgb(50, 50, 50);cursor:pointer;");
createSelector(".ui-buttonset label", "font-size:11px;");
createSelector("#OpenGamesTable label:hover", " border: 1px solid #59b4d4;background: #0078a3 50% 50% repeat-x;font-weight: bold;color: #ffffff;");
createSelector("#OpenGamesTable td:last-child,#MyGamesTable td:last-child, #PromotedGamesTable td:last-child", "position: relative;");
createSelector("#OpenGamesTable td:nth-child(2) a,#MyGamesTable td:nth-child(2) a, #PromotedGamesTable td:nth-child(2) a", " display: block;width: 100%;height: 100%;float: left;position: absolute;margin-top: -5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;");
createSelector(".loading", "position: absolute;height: 100%;width:  100%;background-color: rgba(255, 255, 255, 0.2);text-align: center;z-index: 12;margin-top: 34px;display:none;");
createSelector(".loading img", "position: absolute;top: 50%;left: 50%;margin-left: -16px;margin-top: -16px;");
createSelector("img", "position: relative;z-index:50;");
createSelector("input", "z-index: 1000;position: relative;");
createSelector(".userscript", "position: fixed;width: 420px;left: 50%;background: #171717;margin-left: -250px;top: 100px;z-index: 50000001; color:white;padding:60px 30px 30px 30px;border: 2px solid gray;border-radius:8px");
createSelector(".userscript-menu", "display: block;color: #555;text-decoration: none;line-height: 18px;padding: 3px 15px;margin: 0;white-space: nowrap;");
createSelector(".userscript-menu:hover", "cursor:pointer;background-color: #08C;color: #FFF;cursor: pointer;");
createSelector(".close-userscript", "margin-top: 40px;width: 100%;text-align: center;font-size: 15px;cursor: pointer;background: gray;line-height: 30px;border-radius: 8px;");
createSelector(".close-userscript-img", "float:right;margin:5px;cursor:pointer");
createSelector(".userscript label", "width: 80%;display: inline-block;font-size: 15px;margin: 5px;");
createSelector(".userscript input", "width: 20px;height: 20px;margin-left:30px;margin: 5px");
createSelector(".userscript-container", "display: block;position: absolute;background: white;top: 0;left: 0;right: 0;bottom: 0;z-index: 50000000;opacity: 0.5;");
createSelector(".userscript .head", "position: absolute;height: 40px;background: #330000;width: 100%;left: 0;right: 0;top: 0;color: white;font-size: 15px;text-align: center;line-height: 40px;border-top-left-radius:8px;border-top-right-radius:8px;");
createSelector(".userscript-show", "display:none");
createSelector(".showGames table thead td", "display:table-cell;width:100%;");
createSelector(".showGames table thead tr", "display:table;width:100%;");
createSelector(".showGames table tbody", "display:table;width:100%;");

$.each($(".TournamentRow td"), function() {
	$(this).find("font:first-of-type").appendTo($(this).find("a")).css("font-size", "10px");
});



/**
 * Fixed window with Scrollable Games
 */
if (scrollGames) {
    var gameButtons = '<div style="margin: 10px;" id="switchGameRadio" class="ui-buttonset"><input type="radio" id="ShowMyGames" name="switchGames" checked="checked" class="ui-helper-hidden-accessible"><label for="ShowMyGames" class="ui-state-active ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button"><span class="ui-button-text">My Games</span></label><input type="radio" id="ShowOpenGames" name="switchGames" class="ui-helper-hidden-accessible"><label for="ShowOpenGames" class="ui-button ui-widget ui-state-default ui-button-text-only" role="button"><span class="ui-button-text">Open Games</span></label><input type="radio" id="ShowCoinGames" name="switchGames" class="ui-helper-hidden-accessible"><label for="ShowCoinGames" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right" role="button"><span class="ui-button-text">Coin Games</span></label></div>';

    var mainColumn = $(".MainColumn ");
    mainColumn.prepend('<div class="showGamesContainer">' + gameButtons + '<div class="showGames"></div></div>');
    myGamesTable.appendTo(".showGames");

    mainColumn.after('<div class="showSide"></div>');
    $(".SideColumn").appendTo(".showSide");

    /**
     * Fixed Titles in Side Column
     */
    var blogTable = $("#BlogTable");
    var realTimeLadderTable = $("#RealTimeLadderTable");
    var forumTable = $("#ForumTable");
    var clanForumTable = $("#ClanForumTable");
    var mapOfTheWeekTable = $("#MapOfTheWeekTable");
    var leaderboardTable = $("#LeaderboardTable");
    var myTournamentsTable = $("#MyTournamentsTable");

    blogTable.before("<div class='followMeBar'>" + blogTable.find("thead > tr > td").html() + "</div>");
    realTimeLadderTable.before("<div class='followMeBar'>" + realTimeLadderTable.find("thead > tr > td").html() + "</div>");
    forumTable.before("<div class='followMeBar'>" + forumTable.find("thead > tr > td").html() + "</div>");
    clanForumTable.before("<div class='followMeBar'>" + clanForumTable.find("thead > tr > td").html() + "</div>");
    mapOfTheWeekTable.before("<div class='followMeBar'>" + mapOfTheWeekTable.find("thead > tr > td").html() + "</div>");
    leaderboardTable.before("<div class='followMeBar'>" + leaderboardTable.find("thead > tr > td").html() + "</div>");
    myTournamentsTable.before("<div class='followMeBar'>" + myTournamentsTable.find("thead > tr > td").html() + "</div>");

    createSelector(".followMeBar", "background: #330000;padding: 5px 0px;position: relative;z-index: 1;color: #fff;border-top-right-radius:8px;border-top-left-radius:8px;border: 1px solid gray;border-bottom:none");
    var top = parseInt($(".showSide").offset().top) + parseInt(43);
    createSelector(".followMeBar.fixed", "position: fixed;top: " + top + "px;z-index: 0;z-index:100;");
    createSelector(".followMeBar.fixed.absolute", "position: absolute;");

    createSelector(".showSide", "overflow-y:scroll;float: left;margin-top: 43px;padding-right: 6px;");
    createSelector(".showSide thead", "display:none");
    createSelector(".showSide table", "border-top-right-radius:0;border-top-left-radius:0");

    /**
     * Fixed Column CSS
     */
    createSelector("#switchGameRadio label", "margin-left: 6px !important");
    createSelector(".showGames table", "display:block !important");
    createSelector("#switchGameRadio label:hover", "border: 1px solid rgb(89, 180, 212);border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;background:rgb(0, 120, 163);font-weight: bold;color: rgb(255, 255, 255);");
    createSelector("#MyGamesTable, #PromotedGamesTable, #OpenGamesTable", "display:none");
    createSelector("#MainSiteContent > table > tbody > tr > td", "width:100%");
    createSelector(".MainColumn", "min-width:535px");
    createSelector(".MainColumn", "width:40.55% !important");
    createSelector(".SideColumn", "float:left !important");
    createSelector("h2 + span", "margin-right: 50px;");
    createSelector("body", "overflow:hidden");
    createSelector(".SideColumn", "width: 100% !important;");
    createSelector("#MyGamesFilter", "width:200px");
    createSelector(".showGames table thead", "position:fixed; z-index:500; border-top-left-radius:8px");
    createSelector(".showGames table", "display:block; overflow-y:scroll; overflow-x:hidden; border:1px gray solid; border-radius:8px");
    createSelector(".adsbygoogle", "margin-top: 25px;");
    createSelector(".showSide", "overflow-y:scroll;float: left;margin-top: 43px;padding-right: 6px;width:33.55%; min-width:500px;margin-left: 20px;border-top-left-radius:8px;border-top-right-radius:8px");
    createSelector("#refreshAll", "position: absolute;top: 20px;right: 31px;");
	createSelector("#fakeOpenGameMenu label", "margin-right:2px;");
	
	

    new StickyTitles(jQuery(".followMeBar")).load();
    refreshSingleColumnSize();

    $("#switchGameRadio").find("label").on("click", function () {
        var newShowGames = $(this).attr("for");
        if (newShowGames != showGamesActive) {
            $.each($("#switchGameRadio").find("label"), function () {
                $(this).removeClass("ui-state-active");
            });
            $(this).addClass("ui-state-active");

            if (newShowGames == "ShowMyGames") {
                showGamesActive = newShowGames;
                promotedGamesTable.appendTo("body");
                openGamesTable.appendTo("body");
                myGamesTable.appendTo(".showGames");
            } else if (newShowGames == "ShowCoinGames") {
                showGamesActive = newShowGames;
                myGamesTable.appendTo("body");
                openGamesTable.appendTo("body");
                promotedGamesTable.appendTo(".showGames");
            } else if (newShowGames == "ShowOpenGames") {
                showGamesActive = newShowGames;
                myGamesTable.appendTo("body");
                promotedGamesTable.appendTo("body");
                openGamesTable.appendTo(".showGames");
            }

            showAllGames.trigger("click");
            refreshSingleColumnSize()

        }
    });
}
var lastClick = new Date();
$("label[for='MultiDayRadio']").on("click", function () {
	if(lastClick - new Date()  > 2000) {
		openGamesTable.scrollTop(0);
		lastClick = new Date();
	}
    
});
$("label[for='RealTimeRadio']").on("click", function () {
	if(lastClick - new Date()  > 2000) {
		openGamesTable.scrollTop(0);
		lastClick = new Date();
	}
});
$("label[for='BothRadio']").on("click", function () {
	if(lastClick - new Date()  > 2000) {
		openGamesTable.scrollTop(0);
		lastClick = new Date();
	}
});

$(window).resize(function () {
    if (scrollGames) {
        refreshSingleColumnSize();
    }
});

/**
 * Triggers a click on the expand Games Button
 */
function triggerExpandGames() {
    if (showAllGames == "" || showAllGames.length == 0) {
        showAllGames = $("#ShowMoreOpenGamesLink");
        showAllGames.trigger("click");
    }
    if (showAllCoinGames == "") {
        showAllCoinGames = $("#ShowMorePromotedGamesLink");
        showAllCoinGames.trigger("click");
    }
	//$("label[for='MultiDayRadio']").trigger("click");

}

/**
 * Delayed function for expanding Games
 */
 var styleInterval;
function expandGames() {
	numOfGames = 0;
    styleInterval = setInterval(triggerExpandGames, 100);
    setTimeout(function () {
        clearInterval(styleInterval);
    }, 3000);
}

/**
 * Stores User-Settings to local Storage
 */
function storeVariables() {
    localStorage.setItem("autoRefreshOnFocus", $("#autoRefreshOnFocus").prop("checked"));
    localStorage.setItem("highlightTournaments", $("#highlightTournaments").prop("checked"));
    localStorage.setItem("hideMyGamesIcons", $("#hideMyGamesIcons").prop("checked"));
    localStorage.setItem("scrollGames", $("#scrollGames").prop("checked"));
}

/**
 * Refreshes Width & Height of Columns
 */
function refreshSingleColumnSize() {
    var showSide = $(".showSide");
    var showGames = $(".showGames");
    showSide.scrollTop(0);
    /**
     * Sticky Titles
     */
    $(".followMeBar").each(function () {
        $(this).removeClass("fixed");
        if ($(this).parent().hasClass("followWrap")) {
            $(this).unwrap();
        }
        var thisSticky = $(this).wrap('<div class="followWrap" />');
        thisSticky.parent().height(thisSticky.outerHeight());

        var pos = parseInt(thisSticky.offset().top) - parseInt(showSide.offset().top);
        $.data(thisSticky[0], 'pos', pos);
    });
    var width = $("#ForumTable").width();
    createSelector(".followMeBar", "width:" + width + "px;");

    showGames.find("table").css({
        height: window.innerHeight - 150
    });
    showGames.find("table thead").css({
        width: showGames.width() - 20
    });
    var height = showGames.find("table thead").height() + 6;
    createSelector(".showGames table tbody tr:first-of-type td", "padding-top:" + height + "px");


    showSide.css({
        height: window.innerHeight - 150
    });
    showGames.find("table tbody tr:first-of-type td").css("padding-top", showGames.find("table thead").height() + 6)

}

/**
 * Create a CSS selector
 * @param name The name of the object, which the rules are applied to
 * @param rules The CSS rules
 */
function createSelector(name, rules) {
    var style = document.createElement('style');
    style.type = 'text/css';
    document.getElementsByTagName('head')[0].appendChild(style);
    if (!(style.sheet || {}).insertRule) {
        (style.styleSheet || style.sheet).addRule(name, rules);
    } else {
        style.sheet.insertRule(name + "{" + rules + "}", 0);
    }
}

function triggerIframeExpandGames() {
    if (showAllGames == "" || showAllGames.length == 0) {
        showAllGames = $("#ShowMoreOpenGamesLink");
        showAllGames.trigger("click");
    }
    if (showAllCoinGames == "") {
        showAllCoinGames = $("#ShowMorePromotedGamesLink");
        showAllCoinGames.trigger("click");
    }
	//$("label[for='MultiDayRadio']").trigger("click");

}


/**
 * Reloads all Games
 */
var multiOpenGames;
var realOpenGames;
var bothOpenGames;
function refreshAllGames() {

    myGamesTable.find("tbody").fadeTo('slow', 0.15);
    openGamesTable.find("tbody").fadeTo('slow', 0.15);
    promotedGamesTable.find("tbody").fadeTo('slow', 0.15);

    var page = $('<div />').load('https://www.warlight.net/MultiPlayer/ ', function () {
			 var myGames = page.find('#MyGamesTable tbody tr');
			//var openGames = page.find('#OpenGamesTable tbody tr');
			var promotedGames = page.find('#PromotedGamesTable tbody tr');
			 showAllGames = page.find("#ShowMoreOpenGamesLink");

			$.each(promotedGamesTable.find("tbody tr"), function (key, value) {
				if ($(value).html().indexOf("PastGames")  == -1) {
					$(value).remove();
				}
			});

			//$("#OpenGamesTable").find("tbody tr").remove();
			promotedGamesTable.find("tbody tr").remove();

			$.each(myGamesTable.find("tbody tr"), function (key, value) {
				if ($(value).html().indexOf("PastGames")  == -1) {
					$(value).remove();
				}
			});

			openGamesTable.scrollTop(0);
			myGamesTable.scrollTop(0);
			promotedGamesTable.scrollTop(0);

			myGamesTable.find("tbody").prepend(myGames);
			//$("#OpenGamesTable").find("tbody").prepend(openGames);
			promotedGamesTable.find("tbody").prepend(promotedGames);

			$("#ShowMorePromotedGamesLinkContainer").remove();

			
	

			myGamesTable.find("tbody").fadeTo('slow', 1);
			//openGamesTable.find("tbody").fadeTo('slow', 1);
			promotedGamesTable.find("tbody").fadeTo('slow', 1);

			if (scrollGames) {
				refreshSingleColumnSize();
			}
      
    });
	
	var activeTab;
			var active = $("#OpenGamesTable .ui-buttonset .ui-state-active").text();
		
			if(active.indexOf('Both') > -1) {
				activeTab = "BothRadio";
			} else if (active.indexOf('Real') > -1) {
				activeTab = "RealTimeRadio";
			} else {
				activeTab = "MultiDayRadio";
			}
				
			var ifr=$('<iframe/>', {
				id:'iframeiii',
				src:'https://www.warlight.net/MultiPlayer/',
				style:'display:none;position:fixed;z-index: 100000;right: 0;top:0;width:500px;height:550px;opacity:1',
				load:function(){
					setTimeout(function() {
						$("#iframeiii").contents().find("label[for='MultiDayRadio']").trigger('click');
						setTimeout(function() {
							multiOpenGames = $("#iframeiii").contents().find('#OpenGamesTable tbody tr').addClass('multiOpenGames');
							$("#iframeiii").contents().find("label[for='RealTimeRadio']").trigger('click');
							setTimeout(function() {
								realOpenGames = $("#iframeiii").contents().find('#OpenGamesTable tbody tr').addClass('realOpenGames');
								$("#iframeiii").contents().find("label[for='BothRadio']").trigger('click');
								setTimeout(function() {

									var openGamesMenu = '<div id="fakeOpenGameMenu" style="float: right" class="ui-buttonset">	<input type="radio" id="MultiDayRadio" name="pace" checked="checked" class="ui-helper-hidden-accessible"><label for="MultiDayRadio" class="ui-state-active ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button"><span class="ui-button-text">' + $("#iframeiii").contents().find("label[for='MultiDayRadio']").text() +'</span></label><input type="radio" id="RealTimeRadio" name="pace" class="ui-helper-hidden-accessible"><label for="RealTimeRadio" class="ui-button ui-widget ui-state-default ui-button-text-only" role="button"><span class="ui-button-text">' + $("#iframeiii").contents().find("label[for='RealTimeRadio']").text() +'</span></label><input type="radio" id="BothRadio" name="pace" class="ui-helper-hidden-accessible"><label for="BothRadio" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right" role="button"><span class="ui-button-text">' + $("#iframeiii").contents().find("label[for='BothRadio']").text() +'</span></label></div>';

									bothOpenGames = $("#iframeiii").contents().find('#OpenGamesTable tbody tr').addClass('bothOpenGames');
									$("#OpenGamesTable thead tr td .ui-buttonset").remove();
									$("#OpenGamesTable thead tr td").append(openGamesMenu);
									$("#OpenGamesTable tbody tr").remove();


									$("#OpenGamesTable tbody").append(multiOpenGames);
									$("#OpenGamesTable tbody").append(realOpenGames);
									$("#OpenGamesTable tbody").append(bothOpenGames);
									$("RestoreLotteryGamesBtn").remove();
									$(".multiOpenGames").hide();
									$(".realOpenGames").hide();
									$(".bothOpenGames").hide();

									$("label[for='MultiDayRadio']").on("click", function () {
											$(".multiOpenGames").show();
											$(".realOpenGames").hide();
											$(".bothOpenGames").hide();
											openGamesTable.scrollTop(0);
											$(this).addClass('ui-state-active');
											$("label[for='BothRadio']").removeClass('ui-state-active');
											$("label[for='RealTimeRadio']").removeClass('ui-state-active');

									});
									$("label[for='RealTimeRadio']").on("click", function () {
										openGamesTable.scrollTop(0);
											$(".multiOpenGames").hide();
											$(".realOpenGames").show();
											$(".bothOpenGames").hide();
											$(this).addClass('ui-state-active');
											$("label[for='MultiDayRadio']").removeClass('ui-state-active');
											$("label[for='BothRadio']").removeClass('ui-state-active');
									});
									$("label[for='BothRadio']").on("click", function () {
										openGamesTable.scrollTop(0);
											$(".multiOpenGames").hide();
											$(".realOpenGames").hide();
											$(".bothOpenGames").show();
											$(this).addClass('ui-state-active');
											$("label[for='MultiDayRadio']").removeClass('ui-state-active');
											$("label[for='RealTimeRadio']").removeClass('ui-state-active');
									});

									$($(".realOpenGames")[0]).find("td").css("padding-top", $(".showGames").find("table thead").height() + 6);
									$($(".bothOpenGames")[0]).find("td").css("padding-top", $(".showGames").find("table thead").height() + 6)
									var activeT = "label[for='" + activeTab +"']";
									$(activeT).trigger('click');
									openGamesTable.find("tbody").fadeTo('slow', 1);
									$("#iframeiii").remove();

								}, 100);
							}, 100);
						}, 100);
					}, 100);
					
				}
			});
			$('body').append(ifr);    
}

/**
 * Setups the refresh functionality
 */
function setupRefresh() {
    lastRefresh = new Date();
    var oldRefreshBtn = $("#RefreshBtn");
	 var oldRefreshBtn2 = $("#RefreshBtn2");
	if(oldRefreshBtn.length) {
		 var newRefreshBtn = $("#refreshAll");
		oldRefreshBtn.replaceWith(oldRefreshBtn.clone().removeAttr("id").attr("id", "refreshAll").attr("value","Refresh (R)"));
		newRefreshBtn.appendTo("body");
		$("#refreshAll").on("click", function () {
			if (new Date() - lastRefresh > 3000) {
				lastRefresh = new Date();
				refreshAllGames();
			}
		});
	}
	else if(oldRefreshBtn2.length) {
		 var newRefreshBtn = $("#refreshAll");
		oldRefreshBtn2.replaceWith(oldRefreshBtn2.clone().removeAttr("id").attr("id", "refreshAll").attr("value","Refresh (R)"));
		newRefreshBtn.appendTo("body");
		$("#refreshAll").on("click", function () {
			if (new Date() - lastRefresh > 3000) {
				lastRefresh = new Date();
				refreshAllGames();
			}
		});
	}
   
    if (autoRefreshOnFocus) {
        $(window).on('focus', function () {
            if (new Date() - lastRefresh > 30000) {
                lastRefresh = new Date();
                refreshAllGames();
            }
        });
    }

    $("body").keyup(function (event) {
        if (event.which == 82) {
            if (new Date() - lastRefresh > 3000) {
                lastRefresh = new Date();
                refreshAllGames();
            }
        }
    });

    openGamesTable.prepend("<div class='loading loading-open'><img src='https://www.adobe.com/business/calculator/VIP/image/loader.gif' height='32' width='32'></div>");
    myGamesTable.prepend("<div class='loading loading-my'><img src='https://www.adobe.com/business/calculator/VIP/image/loader.gif' height='32' width='32'></div>");
    promotedGamesTable.prepend("<div class='loading loading-prom'><img src='https://www.adobe.com/business/calculator/VIP/image/loader.gif' height='32' width='32'></div>");
}

/**
 * Creates the Userscript-Menu
 */
function setupUserscriptMenu() {
    var inputs = "";
    inputs += '<label for="scrollGames">Fixed Window with scrollable Games</label><input type="checkbox" id="scrollGames"><br>';
    inputs += '<label for="hideMyGamesIcons">Hide Icons in "My Games"</label><input type="checkbox" id="hideMyGamesIcons"><br>';
    inputs += '<label for="autoRefreshOnFocus">Automatically refresh Games on Tab-Focus</label><input type="checkbox" id="autoRefreshOnFocus"><br>';
    inputs += '<label for="highlightTournaments">Highlight Tournament invites</label><input type="checkbox" id="highlightTournaments"><br>';
    inputs += '<div class="close-userscript">Close and Refresh</div>';

    $("body").append("<div class='userscript-container userscript-show'></div><div class='userscript userscript-show'><div class='head'>Change Userscript Settings<img class='close-userscript-img' src='https://i.imgur.com/RItbpDS.png' height='25' width='25'></div>" + inputs + "</div>");
    $(".userscript").on("change", function () {
        storeVariables();
    });
    $("#TopRightDropDown").find("ul").append('<li><div class="userscript-menu">Userscript</div></li>');

    $(".userscript-menu").on("click", function () {
        $(".userscript-show").fadeToggle();
        $("#TopRightDropDown").fadeToggle();
    });

    $(".close-userscript").on("click", function () {
        $(".userscript-show").fadeToggle();
        location.reload();
    });

    $(".close-userscript-img").on("click", function () {
        $(".userscript-show").fadeToggle();
    });
	
	checkUserscriptMenuButtons();
}

function checkUserscriptMenuButtons() {
	$("#scrollGames").prop("checked", scrollGames);
	$("#autoRefreshOnFocus").prop("checked", autoRefreshOnFocus);
	$("#highlightTournaments").prop("checked", highlightTournaments);
	$("#hideMyGamesIcons").prop("checked", hideMyGamesIcons);
}
/**
 * Reads the User-Settings from Localstorage
 */
function readLocalstorage() {
    scrollGames = localStorage.getItem("scrollGames") == "true";
    autoRefreshOnFocus = localStorage.getItem("autoRefreshOnFocus") == "true";
    highlightTournaments = localStorage.getItem("highlightTournaments") == "true";
    hideMyGamesIcons = localStorage.getItem("hideMyGamesIcons") == "true";
	hideCoinSymbol = true;
}

/**
 * Creates fixed Titles
 * @param stickies
 * @constructor
 */
function StickyTitles(stickies) {
    var thisObj = this;
    thisObj.load = function () {
        stickies.each(function () {
            var thisSticky = $(this).wrap('<div class="followWrap" />');
            thisSticky.parent().height(thisSticky.outerHeight());
            var pos = parseInt(thisSticky.offset().top) - parseInt($(".showSide").offset().top);
            $.data(thisSticky[0], 'pos', pos);
        });
        $(".showSide").off("scroll.stickies").on("scroll.stickies", function () {
            thisObj.scroll();
        });
    };

    thisObj.scroll = function () {
        stickies.each(function (i) {
            var thisSticky = $(this),
                nextSticky = stickies.eq(i + 1),
                prevSticky = stickies.eq(i - 1),
                pos = $.data(thisSticky[0], 'pos');
            var showSide = $(".showSide");
            if (pos <= showSide.scrollTop()) {
                thisSticky.addClass("fixed");
                if (nextSticky.length > 0 && thisSticky.offset().top >= $.data(nextSticky[0], 'pos') - thisSticky.outerHeight()) {
                    thisSticky.addClass("absolute").css("top", jQuery.data(nextSticky[0], 'pos') - thisSticky.outerHeight());
                }
            } else {
                thisSticky.removeClass("fixed");
                if (prevSticky.length > 0 && showSide.scrollTop() <= $.data(thisSticky[0], 'pos') - prevSticky.outerHeight()) {
                    prevSticky.removeClass("absolute").removeAttr("style");
                }
            }
        });
    }
}

jQuery.fn.outerHTML = function (s) {
    return s ? this.before(s).remove() : jQuery("<p>").append(this.eq(0).clone()).html();
};

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址