☰

Tidy up your Dashboard

Customizable Userscript which tidies up your Dashboard!

当前为 2016-06-13 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name Tidy up your Dashboard
  3. // @namespace https://gf.qytechs.cn/users/10154
  4. // @grant none
  5. // @run-at document-start
  6. // @match https://www.warlight.net/*
  7. // @description Customizable Userscript which tidies up your Dashboard!
  8. // @version 1.12.12
  9. // @icon http://i.imgur.com/XzA5qMO.png
  10. // @require https://code.jquery.com/jquery-1.11.2.min.js
  11. // @require https://code.jquery.com/ui/1.11.3/jquery-ui.min.js
  12. // @require https://cdn.bootcss.com/datatables/1.10.10/js/jquery.dataTables.min.js
  13. // @require https://cdn.bootcss.com/datatables/1.10.10/js/dataTables.bootstrap.js
  14. // @require https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js
  15. // ==/UserScript==
  16.  
  17. var version = "1.12.12";
  18. this.$$$ = jQuery.noConflict(true);
  19.  
  20. if(pageIsDashboard()) {
  21.     createSelector("#MainSiteWrapper", "display: none")
  22.     createSelector("body", "overflow: hidden")
  23. }
  24.  
  25. document.addEventListener ("DOMContentLoaded", DOM_ContentReady);
  26.  
  27.  
  28. function checkVersion() {
  29.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "version", function(v) {
  30.         var currentVersion = v != undefined ? v.value: undefined
  31.         if (currentVersion == version) {
  32.         //Script Up to date
  33.  
  34.         } else if (currentVersion == undefined) {
  35.             //Script new installed
  36.             addDefaultBookmark();
  37.             setupSettingsDatabase();
  38.         } else {
  39.             setUserInvalid()
  40.             //Script Updated
  41.  
  42.             //$("label[for='showPrivateNotesOnProfile']").addClass('newSetting');
  43.  
  44.             //showPopup(".userscript-show");
  45.  
  46.             window.setTimeout(function() {
  47.                 warlight_shared_viewmodels_AlertVM.DoPopup("Tidy up Your Dashboard was sucessfully updated to version " + version + "! Check out the forum thread to see what changed.");
  48.             }, 1000)         
  49.         }
  50.  
  51.         addVersionLabel()
  52.         if(sessionStorage.getItem("showUserscriptMenu")) {
  53.             showUserscriptMenu();
  54.             sessionStorage.removeItem("showUserscriptMenu")
  55.         }
  56.     })
  57.     Database.update(Database.Table.Settings, {name: "version", value: version}, undefined, function() {
  58.         
  59.     })
  60.     
  61. }
  62.  
  63. setupImages();
  64. window.userscriptSettings = [
  65.     {
  66.         id: 'scrollGames',
  67.         text: 'Fixed Window with scrollable Games',
  68.         selected: true,
  69.         title: 'Dashboard',
  70.         addBreak: false,
  71.         help: 'This Option displays My-, Open-, Coin-Games in a scrollable box, which removes lots of unesessary scrolling. You can find tabs to switch between the different type of games. '
  72.     },
  73.     {
  74.         id: 'hideMyGamesIcons',
  75.         text: 'Hide Icons in "My Games"',
  76.         selected: false,
  77.         title: '',
  78.         addBreak: false,
  79.         help: 'This Option hides Game-Icons like ( <img src="https://d2wcw7vp66n8b3.cloudfront.net/Images/GameInfoIcons/Teams.png">,<img src="https://d2wcw7vp66n8b3.cloudfront.net/Images/GameInfoIcons/ManualDistribution.png"> , etc) in "My Games"'
  80.     },
  81.     {
  82.         id: 'autoRefreshOnFocus',
  83.         text: 'Automatically refresh Games on Tab-Focus',
  84.         selected: true,
  85.         title: '',
  86.         addBreak: false,
  87.         help: 'This Option automatically refreshes your Games after switching back to Warlight from a different tab / program. This only applies if Warlight was idle for 30 or more seconds.'
  88.     },
  89.     {
  90.         id: 'highlightTournaments',
  91.         text: 'Highlight Tournament invites',
  92.         selected: false,
  93.         title: '',
  94.         addBreak: false,
  95.     },
  96.     {
  97.         id: 'hideRightColumn',
  98.         text: 'Hide Right Column',
  99.         selected: false,
  100.         title: '',
  101.         addBreak: false,
  102.         help: 'This Option hides the right column completely and leaves you alone with My-, Open- and Coin-Games.'
  103.     },
  104.     {
  105.         id: 'hidePromotedGames',
  106.         text: 'Hide Promoted Games',
  107.         selected: false,
  108.         title: '',
  109.         addBreak: false,
  110.         help: 'This Option hides the Promoted Games on the Dashboard'
  111.     },
  112.     {
  113.         id: 'showOpenGamesTab',
  114.         text: 'Show Open Games Tab in Menu Bar',
  115.         selected: false,
  116.         title: 'Global',
  117.         addBreak: false,
  118.         help: 'This Option displays a link to the "Open Games" site right next to the "Past Games" Link.'
  119.     },
  120.     {
  121.         id: 'hideCoinsGlobally',
  122.         text: 'Hide Coins Globally',
  123.         selected: false,
  124.         title: '',
  125.         addBreak: false,
  126.         help: 'This Option removes everything from Warlight related to Coins'
  127.     },
  128.     {
  129.         id: 'showPrivateNotesOnProfile',
  130.         text: 'Show Private Notes on Profile',
  131.         selected: true,
  132.         title: '',
  133.         addBreak: false,
  134.         help: 'This Option will show you your Private Notes which you made on a player directly on their Profile page. You can find them on the left side under the profile picture.'
  135.     },
  136.     {
  137.         id: 'unlinkDashboard',
  138.         text: 'Link Dashboard to "old" My-Games Site',
  139.         selected: false,
  140.         title: '',
  141.         addBreak: false,
  142.         help: 'This Option links the Dashboard to the "old" My-Games Site'
  143.     },
  144.     {
  145.         id: 'useDefaultBootLabel',
  146.         text: 'Use the Default Boot Time Label',
  147.         selected: false,
  148.         title: 'Advanced',
  149.         addBreak: false
  150.     },
  151.     {
  152.         id: 'hideRefreshButton',
  153.         text: 'Hide Refresh Button',
  154.         selected: false,
  155.         title: '',
  156.         addBreak: false,
  157.         help: 'Hide the Refresh Button. You can still refresh with R'
  158.     },
  159.     {
  160.         id: 'hideOffTopic',
  161.         text: 'Automatically hide Off-topic threads',
  162.         selected: false,
  163.         title: '',
  164.         addBreak: false,
  165.         help: 'This Option automatically hides all Off-topic threads everytime you visit the "All Forum Posts"-Page'
  166.     },
  167.     {
  168.         id: 'disableHideThreadOnDashboard',
  169.         text: 'Disable right-click on the Forum Table',
  170.         selected: false,
  171.         title: '',
  172.         addBreak: false,
  173.         help: 'This Option will allow you right-click Forum Thread on the Dashboard and use the Default Options.'
  174.     },
  175.     {
  176.         id: 'hideCreateRandomGameForm',
  177.         text: 'Hide Randomized Bonuses Game Form',
  178.         selected: false,
  179.         title: '',
  180.         addBreak: false,
  181.         help: 'This Option will hide the Randomized Bonuses Game Form which is located on the Profile Page.'
  182.     },
  183.     {
  184.         id: 'showSnow',
  185.         text: 'Show Snow',
  186.         selected: false,
  187.         title: '',
  188.         addBreak: false,
  189.         help: 'Shows the snow animation on all sites'
  190.     }, 
  191.     {
  192.         id: 'snowLight',
  193.         text: 'Reduce the number of Snowflakes',
  194.         selected: false,
  195.         title: '',
  196.         addBreak: false,
  197.         help: 'Reduce the number of Snowflakes for a better performance'
  198.     }
  199. ];
  200.  
  201. window.filters = [
  202.     {
  203.         id: "disableAll",
  204.         text: "Disable All Filters",
  205.         selected: false,
  206.         type: "checkbox"
  207.     },
  208.     {
  209.         id: "",
  210.         text: "<div style='display:inline-block;height:30px; width: 10px'> </div>",
  211.         selected: false,
  212.         type: "custom"
  213.     },
  214.     {
  215.         id: "hideTeam",
  216.         text: "Hide Team Games",
  217.         selected: false,
  218.         type: "checkbox"
  219.     }, 
  220.     {
  221.         id: "hideCommanderGames",
  222.         text: "Hide Games with Commanders",
  223.         selected: false,
  224.         type: "checkbox"
  225.     }, 
  226.     {
  227.         id: "hideFFA",
  228.         text: "Hide FFA Games",
  229.         selected: false,
  230.         type: "checkbox"
  231.     },
  232.     {
  233.         id: "hideNoneCommanderGames",
  234.         text: "Hide Games without Commanders",
  235.         selected: false,
  236.         type: "checkbox"
  237.     },
  238.     {
  239.         id: "hide1v1",
  240.         text: "Hide 1 v 1 Games",
  241.         selected: false,
  242.         type: "checkbox"
  243.     },
  244.     {
  245.         id: "hideManualDistribution",
  246.         text: "Hide Manual Distribution Games",
  247.         selected: false,
  248.         type: "checkbox"
  249.     },
  250.     {
  251.         id: "hideNoSplit",
  252.         text: "Hide No-Split Games",
  253.         selected: false,
  254.         type: "checkbox"
  255.     },
  256.     {
  257.         id: "hideAutoDistribution",
  258.         text: "Hide Auto Distribution Games",
  259.         selected: false,
  260.         type: "checkbox"
  261.     },
  262.      {
  263.         id: "hideLocalDeployments",
  264.         text: "Hide Local Deployment Games",
  265.         selected: false,
  266.         type: "checkbox"
  267.     },
  268.     {
  269.         id: "hideCustomScenario",
  270.         text: "Hide Custom Scenario Games",
  271.         selected: false,
  272.         type: "checkbox"
  273.     },
  274.     {
  275.         id: "hideLuck",
  276.         text: "<label for='hideLuck' style='width:169px'>Hide Luck greater than</label><input type='text' id='hideLuck' class='number'>",
  277.         selected: false,
  278.         type: "custom"
  279.     },
  280.     {
  281.         id: "hideNonCustomScenario",
  282.         text: "Hide Non-Custom Scenario Games",
  283.         selected: false,
  284.         type: "checkbox"
  285.     },
  286.     {
  287.         id: "hideKeyword",
  288.         text: '<label for="hideKeyword" style="width:115px">Hide Keywords<img src="' + IMAGES.QUESTION + '" class="help-icon" onclick="showFilterHelp(\'You can separate multiple Keywords with a comma. Each keyword must have 3 or more letters. The Keyword-Filter searches for case insensitive matches in the complete game title.<br>Example: The keyword ´Rop´ removes the game ´Europe 3v3´\', this)"></label><br><input type="text" id="hideKeyword" style="width: 95%;margin-left: 6px;"><hr>',
  289.         selected: false,
  290.         type: "custom",
  291.     },
  292.     {
  293.         id: "hidePractice",
  294.         text: "Hide Practice Games",
  295.         selected: false,
  296.         type: "checkbox"
  297.     },
  298.     {
  299.         id: "hideNonPractice",
  300.         text: "Hide Non-Practice Games",
  301.         selected: false,
  302.         type: "checkbox"
  303.     },
  304.     {
  305.         id: "limitPlayers",
  306.         text: '<label>Limit Amount of Players</label><br><div class="filter-small"><label for="hideMinPlayers" style="width:25px">Min </label><input class="number" type="text" id="hideMinPlayers">Players<br><label for="hideMaxPlayers" style="width:25px">Max </label><input class="number" type="text" id="hideMaxPlayers">Players</div>',
  307.         selected: false,
  308.         type: "custom"
  309.     },
  310.     {
  311.         id: "hideBootTime",
  312.         text: '<label>Hide Boot Time lower than</label><br><div class="filter-small"><label for="hideRealTimeBootTime" style="width:100px">Realtime:  </label><input class="number" type="text" id="hideRealTimeBootTime">minute(s)<br><label for="hideMinPlayers" style="width:100px">Multiday: </label><input class="number" type="text" id="hideMultiDayBootTimeDays"> day(s) and <input class="number" type="text" id="hideMultiDayBootTimeHours"> hour(s)</div>',
  313.         selected: false,
  314.         type: "custom"
  315.     }
  316. ];
  317.  
  318.  
  319.  
  320. window.showGamesActive = "ShowMyGames";
  321.  
  322. setupDatabase()
  323. window.openGames = [];
  324.  
  325. function DOM_ContentReady() {
  326.     $.fn.outerHTML = function (s) {
  327.         return s ? this.before(s).remove() : jQuery("<p>").append(this.eq(0).clone()).html();
  328.     };
  329.     
  330.     $.fn.getsFiltered = function (openGamesFilters) {
  331.         var game = this[0];
  332.         if(game) {
  333.             if (openGamesFilters["hideMaxPlayers"] <= 100 && $(game).numOfPlayers() > openGamesFilters["hideMaxPlayers"]) return true;
  334.             if (openGamesFilters["hideMinPlayers"] <= 100 && $(game).numOfPlayers() < openGamesFilters["hideMinPlayers"]) return true;
  335.             if (openGamesFilters["hideLuck"] < 100 && game.SettingsOpt.LuckModifier * 100 > openGamesFilters["hideLuck"]) return true;
  336.             if (openGamesFilters["hideFFA"] && $(game).numOfTeams() == 0 && $(game).numOfPlayers() > 2) return true;
  337.             if (openGamesFilters["hideTeam"] && $(game).numOfTeams() > 0) return true;
  338.             if (openGamesFilters["hide1v1"] && $(game).numOfPlayers() == 2) return true;
  339.             if (openGamesFilters["hideCustomScenario"] && game.SettingsOpt.DistributionMode === -3) return true;
  340.             if (openGamesFilters["hideNonCustomScenario"] && game.SettingsOpt.DistributionMode !== -3) return true;
  341.             if (openGamesFilters["hideCommanderGames"] && game.SettingsOpt.HasCommanders) return true;
  342.             if (openGamesFilters["hideNoneCommanderGames"] && !game.SettingsOpt.HasCommanders) return true;
  343.             if (openGamesFilters["hidePractice"] && !game.SettingsOpt.RankedGame) return true;
  344.             if (openGamesFilters["hideNoSplit"] && game.SettingsOpt.NoSplit) return true;
  345.             if (openGamesFilters["hideLocalDeployments"] && game.SettingsOpt.LocalDeployments) return true;
  346.             if (openGamesFilters["hideNonPractice"] && game.SettingsOpt.RankedGame) return true;
  347.             if (openGamesFilters["hideManualDistribution"] && !game.SettingsOpt.AutoDistribution) return true;
  348.             if (openGamesFilters["hideAutoDistribution"] && game.SettingsOpt.AutoDistribution) return true;
  349.             if (openGamesFilters["hideKeyword"] && openGamesFilters["hideKeyword"].length > 0 && $(game).containsKeyword(openGamesFilters)) return true;
  350.             if (openGamesFilters["hideRealTimeBootTime"] > 0 && game.RealTimeGame && game.DirectBoot._totalMilliseconds < openGamesFilters["hideRealTimeBootTime"]) return true;
  351.             if (openGamesFilters["hideMultiDayBootTimeInMs"] > 0 && !game.RealTimeGame && game.DirectBoot._totalMilliseconds < openGamesFilters["hideMultiDayBootTimeInMs"]) return true;
  352.         }
  353.  
  354.         return false;
  355.     };
  356.  
  357.     $.fn.numOfPlayers = function () {
  358.         var game = this[0];
  359.         return game.Players.length + game.OpenSeats.length;
  360.  
  361.     };
  362.  
  363.     $.fn.playerJoined = function () {
  364.         var game = this[0];
  365.         var playerJoined = false;
  366.         var id = warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID;
  367.         $.each(game.Players, function (key, player) {
  368.             if (player.PlayerID == id) {
  369.                 playerJoined = true;
  370.             }
  371.         });
  372.         return playerJoined;
  373.     };
  374.  
  375.     $.fn.markJoined = function () {
  376.         var game = this[0];
  377.         game.Name += '##joined##';
  378.         return game;
  379.     };
  380.  
  381.     $.fn.numOfTeams = function () {
  382.         var game = this[0];
  383.         var teams = 0;
  384.         if (game.AtStartDivideIntoTeamsOfIfOpenGame > 0) return $(game).numOfPlayers() / game.AtStartDivideIntoTeamsOfIfOpenGame;
  385.         if (Math.max.apply(Math, game.OpenSeats) == -1) return 0;
  386.         var maxTeam = Math.max.apply(Math, game.OpenSeats);
  387.         $.each(game.Players, function (key, player) {
  388.             if (player.Team > maxTeam) {
  389.                 maxTeam = player.Team;
  390.             };
  391.         });
  392.         return maxTeam + 1;
  393.     }
  394.  
  395.     $.fn.containsKeyword = function (openGamesFilters) {
  396.         var game = this[0];
  397.         var keywords = openGamesFilters["hideKeyword"].split(",");
  398.         var title = game._nameLowered || game.Name.toLowerCase();
  399.         var filtered = false;
  400.         $.each(keywords, function (key, keyword) {
  401.             if (title.indexOf(keyword.trim().toLowerCase()) >= 0) {
  402.                 filtered = true;
  403.             }
  404.         })
  405.         return filtered;
  406.  
  407.     };
  408.  
  409.     $.fn.settingIsEnabled = function (setting) {
  410.         var selected = false;
  411.         $.each(userscriptSettings, function (key, set) {
  412.             if (set.id == setting) {
  413.                 selected = set.selected;
  414.             }
  415.         });
  416.         return selected;
  417.     };
  418.     
  419.     try {
  420.         $.extend( $$$.fn.dataTableExt.oSort, {
  421.             "rank-pre": function ( a ) {
  422.                 return a.match(/([0-9]*)/)[1] || 9999;
  423.             },
  424.  
  425.             "rank-asc": function( a, b ) {
  426.                 return a < b;
  427.             },
  428.  
  429.             "rank-desc": function(a,b) {
  430.                 return a > b;
  431.             }
  432.         } );
  433.     } catch(e) {
  434.     }
  435.     
  436.     window.searches = 0;
  437.  
  438.     if(pageIsNewThread()) {
  439.         $("[onclick='undoIgnore()']").closest("th").remove();
  440.         $(".checkbox").closest("td").remove()
  441.     }
  442.  
  443.  
  444.     window.data_mail = []
  445.     if (location.href.match(/.*warlight[.]net\/Discussion\/SendMail$/)) {
  446.         $($("#MainSiteContent div:nth-of-type(1)")[0]).before('<input id="search_input" placeholder="Filter" style="margin-bottom:10px">')
  447.         $("#search_input").on("input", function () {
  448.             filterMailTo()
  449.  
  450.         })
  451.  
  452.         $.each($($("#MainSiteContent div:nth-of-type(1)")[0]).find("label"), function (index, val) {
  453.             data_mail.push($(val))
  454.         });
  455.  
  456.     }
  457.  
  458.     
  459.     $("#MyGamesFilter").on("change", function() {
  460.         var customFilter = $(this).val()
  461.         Database.update(Database.Table.Settings, {name: "customFilter", value: customFilter}, undefined, function() {
  462.         })
  463.     })
  464.  
  465.     if(pageIsDashboard()) {
  466.         $("body").append("<div class='loader' style='    background: black;position: fixed;left: 0;right: 0;top: 75px;bottom: 0;z-index: 100;'></div>")
  467.         $("#MainSiteWrapper").show();
  468.     }
  469.     
  470.     if(pageIsThread()) {
  471.         setupTextarea()
  472.     }
  473.  
  474.     if (pageIsForumThread() || pageIsClanForumThread()) {
  475.         //Show Open Games Link
  476.         $("[href='#Reply']").after(" | <a style='cursor:pointer' onclick='bookmarkForumThread()'>Bookmark</a>")
  477.         $("#PostReply").after(" | <a style='cursor:pointer' onclick='bookmarkForumThread()'>Bookmark</a>")
  478.     }
  479.  
  480.     if (pageIsTournament()) {
  481.         window.setTimeout(function() {
  482.             setupTournamentFindMe()
  483.             setupPlayerDataTable()
  484.         }, 50)
  485.         $("#HostLabel").after(" | <a style='cursor:pointer' onclick='bookmarkTournament()'>Bookmark</a>");
  486.         $("#HostLabel").css("display", "inline-block")
  487.         $("#LeftToStartMessage").text(" | " + $("#LeftToStartMessage").text())
  488.         createSelector("#LeftToStartMessage:before", "content: ' | '")
  489.         createSelector("#ChatContainer", "clear:both")
  490.  
  491.     }
  492.  
  493.     if (pageIsCommonGames()) {
  494.         setupCommonGamesDataTable()
  495.     }
  496.  
  497.     if(pageIsTournamentOverview()) {
  498.         setupTournamentDecline();
  499.         setupTournamentTableStyles();
  500.         $(window).resize(function () {            
  501.             setTournamentTableHeight();
  502.         });
  503.     }
  504.  
  505.     if(pageIsLadderOverview()) {
  506.         setupLadderClotOverview()
  507.     }
  508.  
  509.     if(pageIsMapsPage()) {
  510.         setupMapSearch()
  511.     }
  512.  
  513.  
  514.  
  515.     if(pageIsRealTimeLadder()) {
  516.         setupRealTimeLadderPageTimer()
  517.     }
  518.  
  519.     if(pageIsDashboard() || pageIsRealTimeLadder()) {
  520.         window.setInterval(setRTLadderTime, 1000)
  521.         window.setInterval(setMyGamesTimeLeft, 1000)
  522.         $(window).on("mousewheel", function() {
  523.             $(".ui-tooltip").hide()
  524.         })
  525.     }
  526.  
  527.     if(pageIsProfile()) {
  528.         createSelector(".profileBox", "background-image: url(\'https://d2wcw7vp66n8b3.cloudfront.net/Images/ProfileSpeedBackground.png\'); background-repeat: no-repeat; text-align: left; padding:10px;margin-top: 12px;")
  529.  
  530.     //    setupManagerLeague();
  531.         foldProfileStats()
  532.     }
  533.     
  534.     window.lastRefresh;
  535.     window.myGamesTable = $("#MyGamesTable");
  536.     window.openGamesTable = $("#OpenGamesTable");
  537.     window.promotedGamesTable = $("#PromotedGamesTable");
  538.     window.lastClick = new Date();
  539.     
  540.     Database.init(function() {
  541.         if(pageIsDashboard()) {
  542.             warlight_shared_viewmodels_WaitDialogVM.Start("Tidying Up...")
  543.         }
  544.         
  545.         setIsMember();
  546.         setGlobalStyles();
  547.         setupUserscriptMenu();
  548.         setupBookmarkMenu();
  549.         checkVersion();
  550.         main();
  551.         setupSnowflakes()
  552.     })
  553.  
  554. }
  555.  
  556.  
  557. function main() {
  558.     if(pageIsForumOverview()) {
  559.         ifSettingIsEnabled("hideOffTopic", function() {
  560.             hideOffTopicThreads()
  561.         })
  562.         
  563.     }  
  564.  
  565.     if(pageIsForumOverview() || pageIsSubForum()) {
  566.         setupSpammersBeGone()
  567.     }
  568.     
  569.     ifSettingIsEnabled("unlinkDashboard", function() {
  570.         $("#MultiPlayerBtn").attr('href', 'https://www.warlight.net/MultiPlayer?MyGames=1');
  571.         $("#SubTabRow td > a[href='/MultiPlayer/']").attr('href', 'https://www.warlight.net/MultiPlayer?MyGames=1');
  572.     })
  573.     
  574.     if (pageIsMultiplayer()) {
  575.         //Show Open Games Link
  576.         ifSettingIsEnabled('showOpenGamesTab', function() {
  577.             showOpenGamesLink();
  578.         })
  579.     }
  580.     
  581.     if(pageIsProfile() && $("#BlackListImage").length > 0) {
  582.         ifSettingIsEnabled('showPrivateNotesOnProfile', function() {
  583.             loadPrivateNotes();
  584.         })
  585.     }
  586.     
  587.     if(pageIsBlacklistPage()) {
  588.         $("#MainSiteContent ul").before(`<span id="numBlacklisted">You have <b>${$("#MainSiteContent ul li:visible").length}</b> players on your blacklist.</span>`)
  589.         window.setInterval(function() {
  590.             $("#numBlacklisted").replaceWith(`<span id="numBlacklisted">You have <b>${$("#MainSiteContent ul li:visible").length}</b> players on your blacklist.</span>`)
  591.         }, 500)
  592.         
  593.     }
  594.     
  595.     setupRandomizedBonuses();
  596.     
  597.     if(pageIsPointsPage()) {
  598.         Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "totalPoints", function(res) {
  599.                 if(res) {
  600.                     $("#MainSiteContent table:first").before(`<br><span>In total, you've earned <b>${res.value.toLocaleString("en")}</b> points.</span>`)
  601.                 } else {
  602.                     $("#MainSiteContent table:first").before(`<br><span>Visit the Dashboard once to see how many points you've earned in total.</span>`)
  603.                 }
  604.             })
  605.     }
  606.     
  607.     if (pageIsDashboard()) {
  608.         window.StringTools.htmlEscape = function (a) {
  609.             if (a.indexOf("##joined##") >= 0) {
  610.                 a = a.replace("##joined##", "");
  611.                 return htmlEscape(a) + '<img style="display:inline-block;height:16px;width:16px;margin-left:10px;z-index:10;cursor:default" src="https://i.imgur.com/6akgXa7.png" title="You already joined this game">';
  612.             } else {
  613.                 return htmlEscape(a);
  614.             }
  615.  
  616.         }
  617.         setupDashboardSearch();
  618.         hideBlacklistedThreads();
  619.         setupBasicDashboardStyles();
  620.         
  621.         setupCustomSort(function() {
  622.             Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "customFilter", function(f) {
  623.                 var filter = (f && f.value) ? f.value : 4;
  624.                 $("#MyGamesFilter").val(filter)
  625.                 refreshMyGames();
  626.             })
  627.             
  628.         });
  629.         refreshOpenGames();        
  630.         setupOpenGamesFilter();
  631.         
  632.         ifSettingIsEnabled('hideCoinsGlobally', function() {
  633.             hideCoinsGlobally()
  634.         })
  635.         
  636.         ifSettingIsEnabled('useDefaultBootLabel', function() {
  637.             createSelector(".BootTimeLabel", "z-index:50;");
  638.         }, function() {
  639.             createSelector(".BootTimeLabel", "color:white !important;font-weight:normal!important;font-style:italic;font-size:13px!important;z-index:50;");
  640.         })
  641.  
  642.         ifSettingIsEnabled("hideRefreshButton", function() {
  643.             createSelector("#refreshAll", "display: none");
  644.         })
  645.  
  646.         ifSettingIsEnabled("highlightTournaments", function() {
  647.             createSelector("#MyTournamentsTable tbody", "background:#4C4C33;");
  648.         })
  649.  
  650.         ifOneOrMoreIsEnabled(["hidePromotedGames", "hideCoinsGlobally"], function() {
  651.             createSelector("#PromotedGamesTable", "display:none");
  652.         })
  653.  
  654.         ifSettingIsEnabled("hideMyGamesIcons", function() {
  655.             createSelector("#MyGamesTable td div img, #MyGamesTable td div a img", "display:none;");
  656.         })
  657.  
  658.         ifSettingIsEnabled("scrollGames", function() {
  659.             setupFixedWindowWithScrollableGames();
  660.         }, function() {
  661.             createSelector(".SideColumn", "padding-top: 22px;")
  662.             createSelector("body", "overflow: auto")
  663.             createSelector("#MainSiteContent > table", "width: 100%;max-width: 1400px;")
  664.             addCSS(`
  665.                 @media (max-width: 1050px) {
  666.                    #MyGamesTable > thead > tr * {
  667.                         font-size: 14px;
  668.                     }
  669.                     #MyGamesTable > thead > tr > td > div:nth-of-type(1) {
  670.                         margin-top: 5px!important;
  671.                         display: block;
  672.                         float: left;
  673.                         padding-right: 5px;
  674.                     }
  675.                 }
  676.  
  677.                 @media (max-width: 750px) {
  678.                     #MyGamesTable > thead > tr > td > div:nth-of-type(1) {
  679.                         display:none;
  680.                     }
  681.                 }`)
  682.         }, function() {
  683.             setupRightColumn(true);
  684.         })
  685.  
  686.         ifSettingIsEnabled("hideRightColumn", function() {
  687.             hideRightColumn();
  688.         })
  689.  
  690.         $("label[for='MultiDayRadio']").on("click", function () {
  691.             registerGameTabClick()
  692.  
  693.         });
  694.  
  695.         $("label[for='RealTimeRadio']").on("click", function () {
  696.             registerGameTabClick()
  697.         });
  698.  
  699.         $("label[for='BothRadio']").on("click", function () {
  700.             registerGameTabClick()
  701.         });
  702.  
  703.         $(window).resize(function () {
  704.             ifSettingIsEnabled("scrollGames", function() {
  705.                 refreshSingleColumnSize();
  706.             }, undefined, function() {
  707.                 makePopupVisible()
  708.             })      
  709.         });
  710.  
  711.         window.setTimeout(setupRefreshFunction, 00);
  712.         updateTotalPointsEarned()
  713.  
  714.     } else {
  715.         ifSettingIsEnabled('hideCoinsGlobally', function() {
  716.             hideCoinsGlobally();
  717.         })
  718.     }
  719. }
  720.  
  721. function setupSettingsDatabase() {
  722.     if(WLJSDefined()){
  723.         warlight_shared_viewmodels_WaitDialogVM.Start("Setting up Muli's Userscript...")
  724.     }
  725.     
  726.     var promises = [];
  727.     $.each(userscriptSettings, function(key, set) {
  728.         promises[key] = $.Deferred();
  729.         var setting = {
  730.             name: set.id,
  731.             value: set.selected
  732.         }
  733.         Database.update(Database.Table.Settings, setting, undefined, function() {
  734.             promises[key].resolve();
  735.         })
  736.     })
  737.     $.when.apply($, promises).done(function () {
  738.         sessionStorage.setItem("showUserscriptMenu", true)
  739.         window.setTimeout(window.location.reload(), 2000)
  740.     })
  741. }
  742.  
  743. function hideCoinsGlobally() {
  744.     $("#CoinsBtn").parent().next().css('left', 512);
  745.     $("#CoinsBtn").parent().next().next().css('left', 635);
  746.     $("#CoinsBtn").parent().next().next().next().css('left', 740);
  747.  
  748.     $("#LeaderboardTable").prev().remove();
  749.     $("#LeaderboardTable").css({
  750.         opacity: 0,
  751.         cursor: 'default'
  752.     });
  753.     $("#LeaderboardTable a").css('display', 'none');
  754.     $(".TopRightBar").find("a[href='/Coins/']").css('display', 'none');
  755.     $(".dropdown-menu a[href='/Coins/']").parent().remove()
  756.  
  757.     $("a[href='/Win-Money']").css('display', 'none');
  758.  
  759.     $("#OpenTournamentsTable").css('display', 'none');
  760. }
  761.  
  762. /**
  763.  * Creates the Userscript-Menu
  764.  */
  765. function setupUserscriptMenu() {
  766.  
  767.     var inputs = '';
  768.  
  769.     $.each(userscriptSettings, function (key, setting) {
  770.         if (setting.title != '') {
  771.             inputs += `<span class="title">${setting.title}</span><br>`;
  772.         }
  773.         var help = setting.help != undefined ? '<img src="' + IMAGES.QUESTION + '" class="help-icon" onclick=\'showSettingHelp("' + setting.id + '", this)\'>' : ''
  774.         inputs += '<label for="_' + setting.id + '">' + setting.text + help + '</label>' + '<input type="checkbox" id="' + setting.id + '"><br>';
  775.         if (setting.addBreak) {
  776.             inputs += '<hr>';
  777.         }
  778.     });
  779.  
  780.     inputs += '<div class="close-userscript">Close and Refresh</div>';
  781.     $("body").append('<ul class="custom-menu"><div class="content"></div></ul>');
  782.     $("body").append("<div class='overlay' style='display: none'></div><div class='popup popup600 userscript-show' style='display: none'><div class='head'>Change Userscript Settings " + GM_info.script.version + "<img class='close-popup-img' src='" + IMAGES.CROSS + "' height='25' width='25'></div>" + inputs + "</div>");
  783.     $(".userscript-show").on("change", function () {
  784.         storeSettingsVariables();
  785.     });
  786.     $("#TopRightDropDown .dropdown-divider").before('<li><div class="userscript-menu">Muli\'s Userscript</div></li>');
  787.  
  788.     $(".userscript-menu").on("click", function () {
  789.         showUserscriptMenu()
  790.     });
  791.  
  792.     $(".close-userscript").on("click", function () {
  793.         $(".userscript-show").fadeOut();
  794.         $(".overlay").fadeOut();
  795.         location.reload();
  796.     });
  797.  
  798.     $(".close-popup-img").on("click", function () {
  799.         $(".userscript-show").fadeOut();
  800.         $(".overlay").fadeOut();
  801.         $("embed#main").css('opacity', '1');
  802.     });
  803.     
  804.     $("#hideRightColumn").after('<button id="sortTables">Sort Right Column Tables</button><br>')
  805. //    $("#hideRightColumn").after('<button id="sortTables" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"><span class="ui-button-text">Sort Right Column Tables</span></button>')
  806.     createSelector("#sortTables","margin-top: 5px")
  807.     $("#sortTables").on("click", function() {
  808.         showSortTables()
  809.     })
  810.     
  811.     $("#snowLight").after('<button id="resetHiddenThreads" style="float: left; margin: 10px 5px">Reset Hidden Threads</button>')
  812.     $("#snowLight").after('<button id="exportSettings" style="float: left; margin: 10px 5px">Export Settings</button><br>')
  813.     $("#snowLight").after('<button id="showImportSettings" style="float: left; margin: 10px 5px">Import Settings</button>')
  814.     $("body").append("<div class='popup popup600 exportSettings-show' style='display: none'><div class='head'>Export Settings <img class='close-popup-img' src='" + IMAGES.CROSS + "' height='25' width='25'></div>Copy or download this text and save it somwhere on your computer!<br><br><textarea id='exportSettingsBox'></textarea><a id='downloadExportSettingsFile' href='' download='tuyd_settings.txt'>Download Text-File</a></div>");
  815.     $("body").append("<div class='popup popup600 importSettings-show' style='display: none'><div class='head'>Export Settings <img class='close-popup-img' src='" + IMAGES.CROSS + "' height='25' width='25'></div><textarea id='importSettingsBox' placeholder='Copy settings here'></textarea><button id='importSettings'>Import Settings</button></div>");
  816.     
  817.     createSelector("#exportSettingsBox, #importSettingsBox", "width:100%; height: 300px") 
  818.     $("#exportSettings").on("click", function() {
  819.         exportSettings();
  820.     })
  821.     $("#showImportSettings").on("click", function() {
  822.         showPopup('.importSettings-show');
  823.     }) 
  824.     
  825.     $("#importSettings").on("click", function() {
  826.         importSettings();
  827.     })
  828.     $("#resetHiddenThreads").on("click", function() {
  829.         window.undoIgnore();
  830.     })
  831.     
  832.     
  833.     getSortTables(function(tables){
  834.         var tableCode = ''
  835.         $.each(tables, function(key, table) {
  836.             tableCode += '<div class="sortableLadder ' + (table.hidden ? 'tableSortHidden' : '') +'" data-name="' + table.name + '" data-tableId="' + table.id + '">' + table.name + '<div class="tableSortNavigation"><span class="tableSortUp">▲</span><span class="tableSortDown">▼</span><span class="tableSortHideShow"><img src="' + IMAGES.EYE + '"></span></div></div>'
  837.         })
  838.         
  839.         createSelector(".sortableLadder", "border: 1px gray solid;margin: 5px;padding: 5px;background-color:rgb(25, 25, 25);")
  840.         createSelector(".tableSortNavigation", "display: inline-block;float: right;margin-top: -2px;")
  841.         createSelector(".tableSortNavigation span", "padding: 3px 10px; cursor: pointer")
  842.         createSelector(".tableSortNavigation span:hover", "color: #C0D0FF")
  843.         createSelector(".sortTableHighlight", "background-color: rgb(60, 60, 60)")
  844.         createSelector(".tableSortHideShow img", "height: 10px")
  845.  
  846.         createSelector(".tableSortHidden", "opacity: 0.2;") 
  847.  
  848.  
  849.  
  850.         $("body").append(' <div class="popup popup600" id="sortTablePopup" style="display:none;margin-top: 150px; width: 500px; margin-left: -282px;"><div class="head" style=" margin-top: 152px;width:560px;">Sort Tables<img class="close-popup-img" src="' + IMAGES.CROSS + '" height="25" width="25"></div>' + tableCode +' <div class="close-userscript" onclick="window.saveTableSort()">Save & Refresh</div></div>')
  851.         
  852.         
  853.          $(".close-popup-img").unbind();
  854.          $(".close-popup-img").on("click", function () {
  855.             $(".popup").fadeOut();
  856.             $(".overlay").fadeOut();
  857.         });
  858.  
  859.         $(".tableSortUp").on("click", function() {
  860.             $(".sortTableHighlight").removeClass("sortTableHighlight")
  861.             var table = $(this).closest(".sortableLadder")
  862.             table.addClass("sortTableHighlight")
  863.  
  864.             var prev = table.prev()
  865.             table = table.detach()
  866.             prev.before(table)
  867.         })
  868.  
  869.         $(".tableSortDown").on("click", function() {
  870.             $(".sortTableHighlight").removeClass("sortTableHighlight")
  871.             var table = $(this).closest(".sortableLadder")
  872.             table.addClass("sortTableHighlight")
  873.  
  874.             var next = table.next()
  875.             table = table.detach()
  876.             next.after(table)
  877.         })
  878.  
  879.         $(".tableSortHideShow").on("click", function() {
  880.             $(".sortTableHighlight").removeClass("sortTableHighlight")
  881.             var table = $(this).closest(".sortableLadder")
  882.             table.addClass("sortTableHighlight")
  883.             table.toggleClass("tableSortHidden")
  884.         })
  885.  
  886.         checkUserscriptMenuButtons();
  887.     })
  888.  
  889. }
  890.  
  891. function updateTotalPointsEarned() {
  892.     var pointsEarned = {
  893.         name: "totalPoints",
  894.         value: warlight_shared_points_PointValues.Get(warlight_shared_viewmodels_SignIn.get_CurrentPlayer().Level).RawPoints + warlight_shared_viewmodels_SignIn.get_CurrentPlayer().PointsThisLevel
  895.     }
  896.     Database.update(Database.Table.Settings, pointsEarned, undefined, function() {
  897.     })
  898. }
  899.  
  900. function importSettings() {
  901.     var deferredCount = 0;
  902.     var resolvedCount = 0;
  903.     var clearPromises = [];
  904.     $.each(Database.Table, function(key, table) {
  905.         clearPromises[deferredCount++] = $.Deferred();
  906.         Database.clear(table, function() {
  907.             clearPromises[resolvedCount++].resolve();
  908.         })
  909.     })
  910.     warlight_shared_viewmodels_WaitDialogVM.Start("Importing Settings...")
  911.     $(".popup").fadeOut();
  912.     var settings = $("#importSettingsBox").val().trim();
  913. //    try  {
  914. //        settings = JSON.parse((atob(settings)))
  915. //        for (x in settings) {
  916. //            localStorage.setItem(settings[x].id, decodeURI(settings[x].value))
  917. //        }
  918. //        window.location.reload();
  919. //    } catch (e) {
  920. //        console.log(e)
  921. //        warlight_shared_viewmodels_WaitDialogVM.Stop();
  922. //        $(".overlay").fadeOut();
  923. //        warlight_shared_viewmodels_AlertVM.DoPopup("There was an error importing the settings.");
  924. //    }   
  925.     $.when.apply($, clearPromises).done(function () {
  926.         var deferredCount = 0;
  927.         var resolvedCount = 0;
  928.         var promises = [];
  929.         try  {
  930.             settings = JSON.parse(atob(settings))
  931.             $.each(settings, function(key, data) {
  932.                 var table = data.table
  933.                 var content = data.data
  934.                 $.each(content, function(key, value){
  935.                     promises[deferredCount++] = $.Deferred();
  936.                     Database.add(table, value, function() {
  937.                         promises[resolvedCount++].resolve();
  938.                     })
  939.                 })
  940.             })
  941.             $.when.apply($, promises).done(function () {
  942.                 window.location.reload();
  943.             })
  944.            
  945.             } catch (e) {
  946.                 console.log(e)
  947.                 warlight_shared_viewmodels_WaitDialogVM.Stop();
  948.                 $(".overlay").fadeOut();
  949.                 warlight_shared_viewmodels_AlertVM.DoPopup("There was an error importing the settings.");
  950.             }    
  951.     });
  952.        
  953. }
  954.  
  955. function exportSettings() {
  956.     var settings = [];
  957.     var deferredCount = 0;
  958.     var resolvedCount = 0;
  959.     var promises = [];
  960.     $.each(Database.Table, function (key, table) {
  961.         promises[deferredCount++] = $.Deferred();
  962.         Database.readAll(table, function(data) {
  963.             settings.push({table: table, data: data})
  964.             promises[resolvedCount++].resolve();
  965.         })
  966.         
  967.         
  968.     })
  969.     $.when.apply($, promises).done(function () {
  970.         var settingsString = btoa(JSON.stringify(settings))
  971.         $("#exportSettingsBox").html(settingsString)
  972.         showPopup(".exportSettings-show");
  973.         $("#exportSettingsBox").focus();
  974.         $("#exportSettingsBox").select();
  975.         $("#downloadExportSettingsFile").click(function(){
  976.             this.href = "data:text/plain;charset=UTF-8,"  + settingsString;
  977.         });
  978.     });
  979. }
  980.  
  981.  
  982. function showUserscriptMenu() {
  983.     showPopup(".userscript-show")
  984.     $("#TopRightDropDown").fadeOut();
  985.     $("embed#main").attr('wmode', 'transparent');
  986.     $("embed#main").css('opacity', '0');
  987.     $("embed#main").attr('align', 'left');
  988. }
  989.  
  990. function showPopup(selector) {
  991.     if($(selector).length > 0) {
  992.         $(".popup").fadeOut();
  993.         $(selector).fadeIn();
  994.         $(".overlay").fadeIn();
  995.         makePopupVisible();
  996.     }
  997. }
  998.  
  999. function makePopupVisible() {
  1000.     if($(".popup600:visible").offset() && $(".popup600:visible").offset().top + $(".popup600:visible").height() + 150 > $(window).height() || ($(".popup600:visible").offset() && $(".popup600:visible").offset().top < 100)) {
  1001.         $(".popup600:visible").css("margin-top", $(window).height() - 250 - $(".popup600:visible").height())
  1002.         $(".popup600:visible .head").css("margin-top", $(window).height() - 250 - $(".popup600:visible").height() + 2)
  1003.     }
  1004. }
  1005.  
  1006. function getSortTables(callback) {
  1007.       var defaultTables = 
  1008.         [
  1009.             {id: "#BookmarkTable", name: "Bookmarks", hidden: false, order: 0}, 
  1010.             {id: "#ClotTable", name: "CLOTs", hidden: false, order: 1}, 
  1011.             {id: "#MyTournamentsTable", name: "Tournaments", hidden: false, order: 2}, 
  1012.             {id: "#RealTimeLadderTable", name: "Real-Time Ladder", hidden: false, order: 3}, 
  1013.             {id: "#MapOfTheWeekTable", name: "Map of the Week", hidden: false, order: 4}, 
  1014.             {id: "#ForumTable", name: "Forum Posts", hidden: false, order: 5}, 
  1015.             {id: "#ClanForumTable", name: "Clan Forum Posts", hidden: false, order: 6}, 
  1016.             {id: "#BlogTable", name: "Recent Blog Posts", hidden: false, order: 7}, 
  1017.             {id: "#LeaderboardTable", name: "Coin Leaderboard", hidden: false, order: 8}
  1018.         ]
  1019.       
  1020.     if($("#ShopTable").length > 0) {
  1021.         defaultTables.push({id: "#ShopTable", name: "WarLight Shop", hidden: false, order: -1})
  1022.     }
  1023.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "tableSort", function(tableData) {
  1024.         if(tableData && tableData.value.length > 3) {
  1025.             var tables = tableData.value;
  1026.             if($("#ShopTable").length > 0 && !arrayHasObjWithId(tables, "#ShopTable")) {
  1027.                 tables.push({id: "#ShopTable", name: "WarLight Shop", hidden: false, order: -1})
  1028.             }
  1029.             callback($(tables).sort(compareTable));
  1030.         } else {
  1031.             callback($(defaultTables).sort(compareTable))
  1032.         } 
  1033.     })
  1034.     
  1035. }
  1036.  
  1037. function arrayHasObjWithId(arr, id) {
  1038.     var found = false;
  1039.     $.each(arr, function(key, val) {
  1040.         if(val.id == id) {
  1041.             found = true;
  1042.         }
  1043.     })
  1044.     return found;
  1045. }
  1046.  
  1047. window.saveTableSort = function() {
  1048.     var tables = []
  1049.     $.each($("#sortTablePopup > div.sortableLadder"), function(key, table) {
  1050.         var order = key
  1051.         var id = $(table).attr('data-tableId')
  1052.         var hidden = $(table).hasClass("tableSortHidden")
  1053.         var name = $(table).attr('data-name')
  1054.         tables.push({id: id, name: name, hidden: hidden, order: order})
  1055.     })
  1056.     var tableSort = {
  1057.         name: "tableSort",
  1058.         value: tables
  1059.     }
  1060.     Database.update(Database.Table.Settings, tableSort, undefined, function() {
  1061.         $("#sortTablePopup").fadeOut();
  1062.         $(".overlay").fadeOut();
  1063.         refreshOpenGames();
  1064.     })
  1065.     
  1066.     
  1067. }
  1068.  
  1069. function showSortTables() {
  1070.     $(".popup").fadeOut();
  1071.     showPopup("#sortTablePopup")
  1072. }
  1073.  
  1074. function compareTable(a,b) {
  1075.   if (a.order < b.order)
  1076.     return -1;
  1077.   if (a.order > b.order)
  1078.     return 1;
  1079.   return 0;
  1080. }
  1081.  
  1082. function showInfo(text, x, y) {
  1083.     window.setTimeout(function () {
  1084.         if (!$(".custom-menu").is(':visible')) {
  1085.             $(".custom-menu .content").html(text);
  1086.             $(".custom-menu").finish().toggle(100).
  1087.  
  1088.             // In the right position (the mouse)
  1089.             css({
  1090.                 top: x + "px",
  1091.                 left: y + "px"
  1092.             });
  1093.         }
  1094.  
  1095.     }, 10);
  1096. }
  1097.  
  1098. window.showSettingHelp = function (id, obj) {
  1099.     var help = '';
  1100.     $.each(userscriptSettings, function (key, setting) {
  1101.         if (setting.id == id) {
  1102.             help = setting.help;
  1103.         }
  1104.     });
  1105.     var x = $(obj).offset().top;
  1106.     var y = $(obj).offset().left;
  1107.     showInfo(help, x, y);
  1108.  
  1109.  
  1110. }
  1111.  
  1112. function checkUserscriptMenuButtons() {
  1113.     $.each(userscriptSettings, function (key, set) {
  1114.         Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, set.id, function(setting) {
  1115.             if(setting){
  1116.                 $("#" + setting.name).prop("checked", setting.value);
  1117.             } else {
  1118.                 $("#" + set.id).prop("checked", set.selected);
  1119.             }
  1120.             
  1121.         })
  1122.     });
  1123. }
  1124.  
  1125. function StickyTitles(stickies) {
  1126.     var thisObj = this;
  1127.     thisObj.load = function () {
  1128.         stickies.each(function () {
  1129.             var thisSticky = $(this).wrap('<div class="followWrap" />');
  1130.             thisSticky.parent().height(thisSticky.outerHeight());
  1131.             var pos = parseInt(thisSticky.offset().top, 10) - parseInt($(".showSide").offset().top, 10);
  1132.             $.data(thisSticky[0], 'pos', pos);
  1133.         });
  1134.         $(".showSide").off("scroll.stickies").on("scroll.stickies", function () {
  1135.             thisObj.scroll();
  1136.         });
  1137.     };
  1138.  
  1139.     thisObj.scroll = function () {
  1140.         stickies.each(function (i) {
  1141.             var thisSticky = $(this),
  1142.                 nextSticky = stickies.eq(i + 1),
  1143.                 prevSticky = stickies.eq(i - 1),
  1144.                 pos = $.data(thisSticky[0], 'pos');
  1145.             var showSide = $(".showSide");
  1146.             if (pos <= showSide.scrollTop()) {
  1147.                 thisSticky.addClass("fixed");
  1148.                 if (nextSticky.length > 0 && thisSticky.offset().top >= $.data(nextSticky[0], 'pos') - thisSticky.outerHeight()) {
  1149.                     thisSticky.addClass("absolute").css("top", jQuery.data(nextSticky[0], 'pos') - thisSticky.outerHeight());
  1150.                 }
  1151.             } else {
  1152.                 thisSticky.removeClass("fixed");
  1153.                 if (prevSticky.length > 0 && showSide.scrollTop() <= $.data(thisSticky[0], 'pos') - prevSticky.outerHeight()) {
  1154.                     prevSticky.removeClass("absolute").removeAttr("style");
  1155.                 }
  1156.             }
  1157.         });
  1158.     }
  1159. }
  1160.  
  1161. /**
  1162.  * Stores User-Settings to local Storage
  1163.  */
  1164. function storeSettingsVariables() {
  1165.     $.each(userscriptSettings, function (key, set) {
  1166.         var isEnabled = $("#" + set.id).prop("checked");
  1167.         var setting = {
  1168.             name: set.id,
  1169.             value: isEnabled
  1170.         }
  1171.         Database.update(Database.Table.Settings, setting, undefined, function() {
  1172.             
  1173.         })
  1174.     });
  1175.  
  1176. }
  1177.  
  1178. /**
  1179.  * Refreshes Width & Height of Columns
  1180.  */
  1181. function refreshSingleColumnSize() {
  1182.     var showSide = $(".showSide");
  1183.     var showGames = $(".showGames");
  1184.     showSide.scrollTop(0);
  1185.     /**
  1186.      * Sticky Titles
  1187.      */
  1188.     $(".followMeBar").each(function () {
  1189.         $(this).removeClass("fixed");
  1190.         if ($(this).parent().hasClass("followWrap")) {
  1191.             $(this).unwrap();
  1192.         }
  1193.         var thisSticky = $(this).wrap('<div class="followWrap" />');
  1194.         thisSticky.parent().height(thisSticky.outerHeight());
  1195.         
  1196.         var pos = parseInt(thisSticky.offset().top) - parseInt(showSide.offset().top);
  1197.         $.data(thisSticky[0], 'pos', pos);
  1198.     });
  1199.     var width = $("#ForumTable").width();
  1200.     createSelector(".followMeBar", "width:" + width + "px;");
  1201.  
  1202.     showGames.find("table").css({
  1203.         height: window.innerHeight - 150
  1204.     });
  1205.  
  1206.     //var height = showGames.find("table thead tr").height() + 30;
  1207.     var height = 48;
  1208.     createSelector(".showGames table tbody tr:first-of-type td", "padding-top:" + height + "px");
  1209.  
  1210.  
  1211.     showSide.css({
  1212.         height: window.innerHeight - 150
  1213.     });
  1214.     showGames.find("table tbody tr:first-of-type td").css("padding-top", height);
  1215.     $(".showGames thead tr").width($(".showGames thead tr").closest("table").width()-30)
  1216.     $(".showGames thead tr td div").unwrap();
  1217. }
  1218.  
  1219. /**
  1220.  * Create a CSS selector
  1221.  * @param name The name of the object, which the rules are applied to
  1222.  * @param rules The CSS rules
  1223.  */
  1224. function createSelector(name, rules) {
  1225.     var style = document.createElement('style');
  1226.     style.type = 'text/css';
  1227.     document.getElementsByTagName('head')[0].appendChild(style);
  1228.     if (!(style.sheet || {}).insertRule) {
  1229.         (style.styleSheet || style.sheet).addRule(name, rules);
  1230.     } else {
  1231.         style.sheet.insertRule(name + "{" + rules + "}", 0);
  1232.     }
  1233. }
  1234. /**
  1235.  * Reloads all Games
  1236.  */
  1237. function refreshAllGames(force) {
  1238.     console.log("Reloading Games")
  1239.     if ($(".popup").is(":visible") && !force) {
  1240.         return;
  1241.     }
  1242.     ifSettingIsEnabled('scrollGames', function() {
  1243.         openGamesTable.scrollTop(0);
  1244.         myGamesTable.scrollTop(0);
  1245.         promotedGamesTable.scrollTop(0);
  1246.     })
  1247.  
  1248.     $('table').css('overflow-y', 'hidden')
  1249.     refreshMyGames();
  1250.     refreshOpenGames();
  1251.     refreshPromotedGames();
  1252. }
  1253.  
  1254. function setupCustomSort(cb) {
  1255.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "customSort", function(sort) {
  1256.         sortType = (sort != undefined && sort.value != undefined) ? sort.value : 1;
  1257.         $("#myGamesSortContainer").remove();
  1258.         var target;
  1259.         ifSettingIsEnabled("scrollGames", function() {
  1260.             target = $($("#MyGamesTable thead tr").find("*")[0]);
  1261.         }, function() {
  1262.             target = $($("#MyGamesTable thead tr td").find("*")[0]);
  1263.         }, function() {
  1264.             target.after('<div id="myGamesSortContainer" style="display:inline-block;float:right">Sort: <select id="myGamesSort" style="letter-spacing: 0px;margin-top: 5px;"> <option value="1" ' + (sortType == 1 ? 'selected' : '') + '>Default</option><option value="4" ' + (sortType == 4 ? 'selected' : '') + '>Default - Show time left</option> <option value="3" ' + (sortType == 3 ? 'selected' : '') +'>By time left</option><option value="2"' + (sortType == 2 ? 'selected' : '') +'>By time left - Ignore chat</option> </select></div>')
  1265.         
  1266.             sessionStorage.setItem("customSort", sortType)
  1267.  
  1268.             $("#myGamesSort").on("change", function() {
  1269.                 var sortType = $(this).val();
  1270.                 sessionStorage.setItem("customSort", sortType)
  1271.                 var sort = {
  1272.                     name: "customSort",
  1273.                     value: sortType
  1274.                 }
  1275.                 Database.update(Database.Table.Settings, sort, undefined, function() {
  1276.  
  1277.                 })
  1278.                 refreshMyGames();
  1279.             })
  1280.             cb();
  1281.             })
  1282.         
  1283.     })
  1284. }
  1285.  
  1286. function refreshMyGames(data) {
  1287.     
  1288.     myGamesTable.find("tbody").fadeTo('fast', 0.15);
  1289.     var filter = $("#MyGamesFilter").val() || 4;
  1290.     wljs_Jsutil.Post("?", "FilterChange=" + filter, function (a) {
  1291.         var myGames = wljs_Jsutil.GamesFromDump(a);
  1292.         renderMyGames(myGames)
  1293.     });
  1294. }
  1295.  
  1296. Array.prototype.diff = function(a) {
  1297.     return this.filter(function(i) {return a.indexOf(i) < 0;});
  1298. };
  1299.  
  1300. function renderMyGames(myGames) {
  1301.     removeMyGames()
  1302.     
  1303.     var sortType = sessionStorage.getItem("customSort")
  1304.     if(sortType != 1 && sortType != 4) {
  1305.         myGames.sort(gameSort)
  1306.     }
  1307.     
  1308.     var dueGames = myGames.filter(function(a) {
  1309.         var game = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 0, a, warlight_shared_viewmodels_SignIn.get_CurrentPlayer())
  1310.         return !game.UsOpt.HasCommittedOrders && (game.Game.State == 3 || game.Game.State == 5) && game.UsOpt.State == 2
  1311.     })
  1312.     
  1313.     if (myGames.length == 0) {
  1314.         d.append('<tr><td colspan="2" style="color: #C1C1C1">' + warlight_shared_viewmodels_main_MultiPlayerDashboardVM.NoGamesHtml(0) + "</td></tr>");
  1315.     } else {
  1316.         
  1317.         //Render MyGames
  1318.         for (var f = 0; f < myGames.length;) {
  1319.             var g = myGames[f];
  1320.             ++f;
  1321.             g = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 0, g, warlight_shared_viewmodels_SignIn.get_CurrentPlayer());
  1322.             d.append(warlight_shared_viewmodels_main_MultiPlayerDashboardVM.RenderGameHtml(warlight_shared_viewmodels_ConfigurationVM.Settings, g, null) + "<div>Hallo</div>")                
  1323.         }
  1324.         
  1325.         //Setup time left in GameRow
  1326.         if(sortType != 1) {
  1327.             $.each(dueGames, function(key, game) {
  1328.                 var id = game.GameID
  1329.                 var timeLeft = Math.min(game.AutoBoot._totalMilliseconds, game.VoteToBoot._totalMilliseconds, game.DirectBoot._totalMilliseconds) - game.WaitingFor._totalMilliseconds
  1330.                 var bootTime = new Date().getTime() + parseInt(timeLeft)
  1331.                 $("[gameid='" + id + "']").find("td div + span").append(`<span data-boottime="${bootTime}" data-inline> (${getTimeLeft(timeLeft)} left)</span>`)
  1332.  
  1333.             })
  1334.         }
  1335.         
  1336.         //Setup time left tooltip
  1337.         $.each(myGames, function(key, game) {
  1338.             var id = game.GameID
  1339.             var timeLeft = Math.min(game.AutoBoot._totalMilliseconds, game.VoteToBoot._totalMilliseconds, game.DirectBoot._totalMilliseconds) - game.WaitingFor._totalMilliseconds;
  1340.             var bootTime = new Date().getTime() + parseInt(timeLeft)
  1341.             var label = $("[gameid='" + id + "']").find(".BootTimeLabel")
  1342.  
  1343.             label.attr("title", getTimeLeft(timeLeft, true) + " left")
  1344.             label.tooltip({ show: {delay: 100}, hide: 100 });
  1345.             label.attr("data-boottime", bootTime)
  1346.         })
  1347.         
  1348.         //Setup NextGameId
  1349.         var nextGameIds = [];
  1350.         $.each(myGames, function(key, game) {
  1351.             var id = game.GameID
  1352.             if(gameCanBeNextGame(game)){
  1353.                 nextGameIds.push(id)
  1354.             }
  1355.         })
  1356.         
  1357.         $.each(myGames, function(key, game) {
  1358.             var id = game.GameID
  1359.             if(nextGameIds.length > 0 && nextGameIds[0]) {
  1360.                 var ids = [];
  1361.                 var url = "https://www.warlight.net/MultiPlayer?GameID=" + id + (nextGameIds.length > 1 ? ("&NextGameIDs=" + nextGameIds.slice(1, nextGameIds.length).join()) : "");
  1362.                 $("[gameid='" + id + "'] td > a").attr("href", url)
  1363.                 nextGameIds.push(nextGameIds.shift())
  1364.             }
  1365.         })
  1366.         
  1367.     }
  1368.     myGamesTable.find("tbody").fadeTo('fast', 1, function () {
  1369.         myGamesTable.css('overflow-y', 'scroll');
  1370.     });
  1371.     $(window).trigger('resize');
  1372. }
  1373.  
  1374. function removeMyGames() {
  1375.     d = $("#MyGamesTable").children("tbody");
  1376.     d.children().remove();
  1377. }
  1378.  
  1379. function setMyGamesTimeLeft() {
  1380.     $.each($("[data-boottime]"), function(key, target) {
  1381.         var timeLeft = $(target).attr("data-boottime") - new Date().getTime()
  1382.         if($(target).is("[data-inline]")) {
  1383.             $(target).text(` (${getTimeLeft(timeLeft)} left)`)
  1384.         } else {
  1385.             $(target).tooltip( "option", "content",  getTimeLeft(timeLeft, true) + " left")
  1386.         }
  1387.         
  1388.     })
  1389. }
  1390.  
  1391. function getTimeLeft(time, detailed) {
  1392.         
  1393.     var hours1 = 1 * 60 * 60 * 1000
  1394.     var hours5 = 5 * 60 * 60 * 1000
  1395.     var days5 = 5 * 25 * 60 * 60 * 1000
  1396.     var secs = time / 1000
  1397.     var mins = secs / 60
  1398.     var hours = mins / 60
  1399.     var days = hours / 24
  1400.     
  1401.     if(time < 0) {
  1402.         return "Hurry up! No time"
  1403.     } else if(time < hours1) {
  1404.         var m = Math.round(Math.floor(mins) % 60);
  1405.         var s = Math.round(Math.floor(secs) % 60);
  1406.         return m > 0 ? (m + (m == 1 ? " minute " : " minutes ")) : "" + s + (s == 1 ? " second" : " seconds")
  1407.     } else if(time < hours5) {
  1408.         var m = Math.round(Math.floor(mins) % 60)
  1409.         var h = Math.floor(hours);
  1410.         return h + (h == 1 ? " hour " : " hours ") + m + (m == 1 ? " minute" : " minutes")
  1411.     } else if(time < days5 && !detailed) {
  1412.         var d = Math.floor(days)
  1413.         var h = Math.round(Math.floor(hours) % 24)
  1414.         return (d > 0 ? d + (d == 1 ? " day " : " days ") : "") + h + (h == 1 ? " hour" : " hours")
  1415.     } else if(time >= days5 && !detailed) {
  1416.         return Math.round(days) + " days "
  1417.     } else if(detailed) {
  1418.         var d = Math.floor(days)
  1419.         var h = Math.round(Math.floor(hours) % 24)
  1420.         var m = Math.round(Math.floor(mins) % 60)
  1421.         return (d > 0 ? d + (d == 1 ? " day " : " days ") : "") + h + (h == 1 ? " hour " : " hours ") + m + (m == 1 ? " minute" : " minutes")
  1422.     } else {
  1423.         return "undefined left " + time
  1424.     }
  1425. }
  1426.  
  1427. function gameSort(a,b){
  1428.     
  1429.     var sortType = sessionStorage.getItem("customSort")
  1430.     var gameA = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 0, a, warlight_shared_viewmodels_SignIn.get_CurrentPlayer())
  1431.     var gameB = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 0, b, warlight_shared_viewmodels_SignIn.get_CurrentPlayer())
  1432.     
  1433.     var aRealTime = gameA.Game.RealTimeGame
  1434.     var aPlaying = (gameA.Game.State == 3 || gameA.Game.State == 5) && gameA.UsOpt.State == 2
  1435.     var aPrio0 = gameA.Game.PrivateMessagesWaiting || gameA.Game.PublicChatWaiting || gameA.Game.TeamChatWaiting
  1436.     var aPrio1 = gameA.Game.State == 2 && gameA.UsOpt.State == 1 //Waiting to join
  1437.     var aPrio4 = gameA.Game.State == 2 && gameA.Game.WaitingForYouToStart //Waiting for you to start
  1438.     var aPrio3 = aPlaying && !gameA.UsOpt.HasCommittedOrders //Your turn 3 = turn, 5 = picking
  1439.     var aBootTime = Math.min(a.AutoBoot._totalMilliseconds, a.VoteToBoot._totalMilliseconds, a.DirectBoot._totalMilliseconds) - a.WaitingFor._totalMilliseconds
  1440.  
  1441.     var bRealTime = gameB.Game.RealTimeGame
  1442.     var bPlaying = (gameB.Game.State == 3 || gameB.Game.State == 5) && gameB.UsOpt.State == 2
  1443.     var bPrio0 = gameB.Game.PrivateMessagesWaiting || gameB.Game.PublicChatWaiting || gameB.Game.TeamChatWaiting
  1444.     var bPrio1 = gameB.Game.State == 2 && gameB.UsOpt.State == 1
  1445.     var bPrio4 = gameB.Game.State == 2 && gameB.Game.WaitingForYouToStart
  1446.     var bPrio3 = bPlaying && !gameB.UsOpt.HasCommittedOrders
  1447.     var bBootTime = Math.min(b.AutoBoot._totalMilliseconds, b.VoteToBoot._totalMilliseconds, b.DirectBoot._totalMilliseconds) - b.WaitingFor._totalMilliseconds
  1448.  
  1449.     if(aRealTime && !bRealTime) return -1;
  1450.     if(bRealTime && !aRealTime) return 1;
  1451.     
  1452.     if(sortType == 3) {
  1453.         if(aPrio0 && !bPrio0) return -1;
  1454.         if(bPrio0 && !aPrio0) return 1;
  1455.     }
  1456.  
  1457.     if(aPrio1 && !bPrio1) return -1;
  1458.     if(bPrio1 && !aPrio1) return 1;
  1459.  
  1460.     if(aPrio3 && !bPrio3) return -1;
  1461.     if(bPrio3 && !aPrio3) return 1;
  1462.     
  1463.     if(aPlaying && !bPlaying) return -1;
  1464.     if(bPlaying && !aPlaying) return 1;
  1465.  
  1466.     if(aPrio3 && bPrio3) return aBootTime - bBootTime;
  1467.     
  1468.     if(aPrio4 && !bPrio4) return -1;
  1469.     if(bPrio4 && !aPrio4) return 1;
  1470.     
  1471.     return a.WaitingFor - b.WaitingFor
  1472. }
  1473.  
  1474. function gameCanBeNextGame(g) {
  1475.     var game = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 0, g, warlight_shared_viewmodels_SignIn.get_CurrentPlayer())
  1476.     
  1477.     
  1478.     var playing = (game.Game.State == 3 || game.Game.State == 5) && game.UsOpt.State == 2
  1479.     var prio0 = game.Game.PrivateMessagesWaiting || game.Game.PublicChatWaiting || game.Game.TeamChatWaiting
  1480.     var prio1 = game.Game.State == 2 && game.UsOpt.State == 1 //Waiting to join
  1481.     var prio3 = playing && !game.UsOpt.HasCommittedOrders //Your turn 3 = turn, 5 = picking
  1482.     var prio4 = game.Game.State == 2 && game.Game.WaitingForYouToStart //Waiting for you to start
  1483.     
  1484.     return prio0 || prio1 || prio3 || prio4
  1485. }
  1486.  
  1487.  
  1488. function refreshOpenGames() {
  1489.     deletedMD = deletedRT = 0;
  1490.     openGamesTable.find("tbody").fadeTo('fast', 0.15);
  1491.     var page = $('<div />').load('https://www.warlight.net/MultiPlayer/ ', function () {
  1492.         var data = page.find('#AllOpenGamesData').html();
  1493.         $('#AllOpenGamesData').html(data);
  1494.         WL_MPDash.OpenGamesCtrl.AllOpenGamesData = data
  1495.         Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "openGamesFilters", function(filters) {
  1496.             var openGamesFilters;
  1497.             if(filters) {
  1498.                 openGamesFilters = filters.value;
  1499.             }
  1500.             var games;
  1501.             if (openGamesFilters && openGamesFilters["disableAll"] != true) {
  1502.                 games = filterGames(wljs_Jsutil.GamesFromDump(data), openGamesFilters);
  1503.             } else {
  1504.                 games = wljs_Jsutil.GamesFromDump(data);
  1505.             }
  1506.             $.each(games, function (key, game) {
  1507.                 if ($(game).playerJoined()) {
  1508.                     games[key] = $(game).markJoined();
  1509.                 }
  1510.             });
  1511.  
  1512.  
  1513.             wljs_AllOpenGames = WL_MPDash.OpenGamesCtrl.AllOpenGames = games;
  1514.  
  1515.             var RealTimeLadderTable = page.find("#RealTimeLadderTable tbody tr:first-of-type").outerHTML();
  1516.             $("#RealTimeLadderTable tbody tr:first-of-type")
  1517.             $("#RealTimeLadderTable tbody tr:first-of-type").replaceWith(RealTimeLadderTable)
  1518.  
  1519.             replaceAndFilterForumTable(page.find("#ForumTable").outerHTML());
  1520.             $("#ClanForumTable").replaceWith(page.find("#ClanForumTable").outerHTML())
  1521.             setupRightColumn()
  1522.  
  1523.             updateOpenGamesCounter();
  1524.  
  1525.             wljs_AllOpenGamesData = wljs_multiplayer_Ctrl_AllOpenGamesData = data;
  1526.             var player = warlight_shared_viewmodels_SignIn.get_CurrentPlayer();
  1527.             if ((new js.JQuery(this.BothRadio)).is(":checked")) {
  1528.                 player.OpenGamePreference = 1;
  1529.             } else if ((new js.JQuery(this.MultiDayRadio)).is(":checked")) {
  1530.                 player.OpenGamePreference = 2;
  1531.             } else if ((new js.JQuery(this.RealTimeRadio)).is(":checked")) {
  1532.                 player.OpenGamePreference = 3;
  1533.             }
  1534.             wljs_Jsutil.Post("/MultiPlayer/", "ChangePace=" + player.OpenGamePreference, function (a) {});
  1535.  
  1536.  
  1537.             var a = $("#OpenGamesTable").children("tbody");
  1538.             a.children().remove();
  1539.  
  1540.             var gamesToShow = warlight_shared_viewmodels_main_MultiPlayerDashboardVM.GamesToShow(wljs_AllOpenGames, player.OpenGamePreference, 0 == this.ShowingAllOpenGames)
  1541.             for (var b = 0; b < gamesToShow.length;) {
  1542.                 var game = gamesToShow[b];
  1543.                 b++;
  1544.                 game.get_IsLottery() && warlight_shared_viewmodels_main_MultiPlayerDashboardVM.get_HideLotteryGames() ||
  1545.                     (game = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 2, game, warlight_shared_viewmodels_SignIn.get_CurrentPlayer()), a.append(warlight_shared_viewmodels_main_MultiPlayerDashboardVM.RenderGameHtml(warlight_shared_viewmodels_ConfigurationVM.Settings, game, null)))
  1546.             }
  1547.             openGamesTable.find("tbody").fadeTo('fast', 1, function () {
  1548.                 openGamesTable.css('overflow-y', 'scroll');
  1549.             });
  1550.             addOpenGamesSuffix();
  1551.             domRefresh();
  1552.         })
  1553.     });
  1554. }
  1555.  
  1556. function refreshPromotedGames() {
  1557.     promotedGamesTable.find("tbody").fadeTo('fast', 0.15);
  1558.     var page = $('<div />').load('https://www.warlight.net/MultiPlayer/ ', function () {
  1559.         var data = page.find('#MorePromotedGamesData').html();
  1560.         $('#MorePromotedGamesData').html(data);
  1561.         wljs_PromotedGames = wljs_Jsutil.GamesFromDump(data);
  1562.  
  1563.         var a = $("#PromotedGamesTable").children("tbody");
  1564.         a.children().remove();
  1565.         for (var b = 0; b < wljs_PromotedGames.length;) {
  1566.             var game = wljs_PromotedGames[b];
  1567.             b++;
  1568.             (game = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 2, game, warlight_shared_viewmodels_SignIn.get_CurrentPlayer()), a.append(warlight_shared_viewmodels_main_MultiPlayerDashboardVM.RenderGameHtml(warlight_shared_viewmodels_ConfigurationVM.Settings, game, null)))
  1569.         }
  1570.         domRefresh();
  1571.         promotedGamesTable.find("tbody").fadeTo('fast', 1, function () {
  1572.             promotedGamesTable.css('overflow-y', 'scroll');
  1573.         });
  1574.  
  1575.     });
  1576. }
  1577.  
  1578.  
  1579. /**
  1580.  * Setups the refresh functionality
  1581.  */
  1582. function setupRefreshFunction() {
  1583.     lastRefresh = new Date();
  1584.     var oldRefreshBtn = $("#RefreshBtn");
  1585.     var oldRefreshBtn2 = $("#RefreshBtn2");
  1586.     if (oldRefreshBtn.length) {
  1587.         var newRefreshBtn = $("#refreshAll");
  1588.         oldRefreshBtn.replaceWith(oldRefreshBtn.clone().removeAttr("id").attr("id", "refreshAll").attr("value", "Refresh (R)"));
  1589.         newRefreshBtn.appendTo("body");
  1590.         $("#refreshAll").on("click", function () {
  1591.             if (new Date() - lastRefresh > 3000) {
  1592.                 lastRefresh = new Date();
  1593.                 refreshAllGames();
  1594.             }
  1595.         });
  1596.     } else if (oldRefreshBtn2.length) {
  1597.         var newRefreshBtn = $("#refreshAll");
  1598.         oldRefreshBtn2.replaceWith(oldRefreshBtn2.clone().removeAttr("id").attr("id", "refreshAll").attr("value", "Refresh (R)"));
  1599.         newRefreshBtn.appendTo("body");
  1600.         $("#refreshAll").on("click", function () {
  1601.             if (new Date() - lastRefresh > 3000) {
  1602.                 lastRefresh = new Date();
  1603.                 refreshAllGames();
  1604.             }
  1605.         });
  1606.     }
  1607.  
  1608.     $(".MainColumn").prepend($('#refreshAll'))
  1609.  
  1610.     ifSettingIsEnabled('autoRefreshOnFocus', function() {
  1611. 		$(window).on('focus', function () {
  1612.             if (new Date() - lastRefresh > 30000) {
  1613.                 lastRefresh = new Date();
  1614.                 refreshAllGames();
  1615.             }
  1616.         });
  1617. 	})
  1618.  
  1619.     $("body").keyup(function (event) {
  1620.         // "R" is pressed
  1621.         if (event.which == 82) {
  1622.             if (new Date() - lastRefresh > 3000) {
  1623.                 lastRefresh = new Date();
  1624.                 refreshAllGames();
  1625.             }
  1626.         }
  1627.     });
  1628. }
  1629.  
  1630.  
  1631. function getDate(text) {
  1632.     var date;
  1633.  
  1634.     if (text.match(/[0-9]+ second/)) {
  1635.         date = new Date() - 1000;
  1636.  
  1637.     } else if (text.match(/[0-9]+ seconds/)) {
  1638.         date = new Date() - text.match(/[0-9]+/) * 1000;
  1639.  
  1640.     } else if (text.match(/[0-9]+ minute/)) {
  1641.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60;
  1642.  
  1643.     } else if (text.match(/[0-9]+ minutes/)) {
  1644.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60;
  1645.  
  1646.     } else if (text.match(/[0-9]+ hour/)) {
  1647.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 59;
  1648.  
  1649.     } else if (text.match(/[0-9]+ hours/)) {
  1650.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60;
  1651.  
  1652.     } else if (text.match(/[0-9]+ day/)) {
  1653.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60 * 36;
  1654.  
  1655.     } else if (text.match(/[0-9]+ days/)) {
  1656.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60 * 24;
  1657.  
  1658.     } else if (text.match(/[0-9]+[\/][0-9]+[\/][0-9]+/)) {
  1659.         var split = text.split('/');
  1660.         date = new Date(split[2], split[0] - 1, split[1]);
  1661.         date.setHours(0, 0, 0, 0);
  1662.     }
  1663.     return date;
  1664. }
  1665.  
  1666. function filterMailTo() {
  1667.     if (searches == 0) {
  1668.         $($("#MainSiteContent div:nth-of-type(1)")[0]).children().remove()
  1669.         searches++;
  1670.     }
  1671.     var find = $("#search_input").val().toLowerCase()
  1672.     if (find.length > 1) {
  1673.         removeUncheckedMail()
  1674.         $.each(data_mail, function (index, val) {
  1675.             if ($(val).text().toLowerCase().indexOf(find) > -1) {
  1676.                 var id = $(val).attr("id").replace("Lbl_", "")
  1677.                 if ($("#Lbl_" + id).length == 0) {
  1678.                     $($("#MainSiteContent div:nth-of-type(1)")[0]).append('<input type="checkbox" id="CB_' + id + '" onclick="PlayerClicked(' + id + ')">').append(val).append("<br>")
  1679.                 }
  1680.  
  1681.             }
  1682.         })
  1683.     } else {
  1684.         removeUncheckedMail()
  1685.     }
  1686. }
  1687.  
  1688. function removeUncheckedMail() {
  1689.     $.each($($("#MainSiteContent div:nth-of-type(1)")[0]).find("label"), function (index, val) {
  1690.         var id = $(val).attr("id").replace("Lbl_", "")
  1691.         if (!$('#CB_' + id).is(":checked")) {
  1692.             $(val).next().remove()
  1693.             $(val).prev().remove()
  1694.             $(val).remove()
  1695.         }
  1696.     })
  1697. }
  1698.  
  1699. function setGlobalStyles() {
  1700.     $("[src='https://d2wcw7vp66n8b3.cloudfront.net/Images/MembershipGiftIcon.gif']").closest(".dataTable").attr("id", "ShopTable");
  1701.     createSelector('.help-icon', 'display:inline-block;position:absolute; margin-left:10px;margin-top: 2px;cursor:pointer; height: 15px; width: 15px;')
  1702.     var winHeight = $(window).height();
  1703.     createSelector(".userscript-menu", "display: block;color: #555;text-decoration: none;line-height: 18px;padding: 3px 15px;margin: 0;white-space: nowrap;");
  1704.     createSelector(".userscript-menu:hover", "cursor:pointer;background-color: #08C;color: #FFF;cursor: pointer;");
  1705.     createSelector(".popup", "position: fixed;;left: 50%;background: #171717;top: 100px;z-index: 99; color:white;padding:60px 30px 30px 30px;border: 2px solid gray;border-radius:8px;max-height:" + (winHeight - 200) + "px;overflow-y:auto");
  1706.     createSelector(".close-userscript", "margin: 40px 0;width: 100%;text-align: center;font-size: 15px;cursor: pointer;background: gray;line-height: 30px;border-radius: 8px;clear: both");
  1707.     createSelector(".close-popup-img", "float:right;margin:5px;cursor:pointer;margin-right: 20px");
  1708.     createSelector(".popup label", "width: 80%;display: inline-block;font-size: 15px;margin: 5px;");
  1709.     createSelector(".popup .title", "color: gray;font-size: 15px;margin-top: 10px;display: inline-block;width: 95%;border-bottom: 1px gray solid;padding-bottom: 3px;");
  1710.     createSelector(".popup input[type='checkbox']", "width: 20px;height: 20px;margin-left:30px;margin: 5px;-moz-appearance:none;");
  1711.     createSelector(".overlay", "position: absolute;background: white;top: 0;left: 0;right: 0;bottom: 0;z-index: 98;opacity: 0.5;width: 100%;height: 100%;position: fixed;");
  1712.     createSelector(".popup .head", "position: fixed;height: 40px;background: #330000;width: 660px;left: 0;right: 0;top: 100px;color: white;font-size: 15px;text-align: center;line-height: 40px;border-top-left-radius:8px;border-top-right-radius:8px;margin:auto;z-index:10000;");
  1713.     createSelector(".userscript-show", "display:none");
  1714.     createSelector("#MorePromotedGamesHorizontalRow", "display:none");
  1715.     createSelector(".newSetting", "color: gold;font-weight: bold;");
  1716.     createSelector(".userscript-menu img", "height: 18px;display: inline-block;position: relative;margin-bottom: -5px;margin-right: 7px;");
  1717.     createSelector(".custom-menu", "display: none;z-index: 98;position: absolute;overflow: hidden;border: 1px solid #CCC;white-space: nowrap;font-family: sans-serif;background: #FFF;color: #333;border-radius:5px;padding: 10px;z-index:100000000; cursor:pointer");
  1718.     createSelector(".custom-menu .content", "width: 300px;white-space: pre-wrap;");
  1719.     createSelector('.popup input[type="text"]', 'display: inline-block;background: none;border-top: none;border-left: none;border-right: none;color: green;font-size: 15px;border-bottom: 1px white dashed;font-family: Verdana;padding: 0 5px 0 5px;text-align: center;margin-right: 5px');
  1720.  
  1721.     createSelector(".popup840", "width: 840px;margin-left: -452px");
  1722.     createSelector(".popup600", "width: 600px;margin-left: -332px");
  1723.  
  1724.     createSelector(".popup840 .head", "width: 900px");
  1725.     createSelector(".popup600 .head", "width: 660px");
  1726.         
  1727.     createSelector(".context-menu", "display: none;z-index: 100;position: absolute;overflow: hidden;border: 1px solid #CCC;white-space: nowrap;font-family: sans-serif;background: #FFF;color: #333;border-radius: 5px;padding: 0;");
  1728.     createSelector(".context-menu li", "padding: 8px 12px;cursor: pointer;list-style-type: none;");
  1729.     createSelector(".context-menu li:hover", "background-color: #DEF;");
  1730.     createSelector("#MyGamesTable select","margin: 0 10px 0 5px; width: 125px")
  1731.     createSelector("#MyGamesFilter", "float:right")
  1732.     createSelector("#MyGamesTable thead tr", "text-align: right")
  1733.  
  1734.     $("body").on("click", function (e) {
  1735.         if ($(".custom-menu").is(':visible')) {
  1736.             $(".custom-menu").hide(100);
  1737.         }
  1738.     });
  1739. }
  1740.  
  1741. window.deletedRT = 0;
  1742. window.deletedMD = 0;
  1743.  
  1744. function filterGames(games, openGamesFilters) {
  1745.     var filteredGames = [];
  1746.     var deletedGames = [];
  1747.  
  1748.     $.each(games, function (key, game) {
  1749.         if (!$(game).getsFiltered(openGamesFilters)) {
  1750.             filteredGames.push(game);
  1751.         } else {
  1752.             if (game.RealTimeGame) {
  1753.                 deletedRT++;
  1754.             } else {
  1755.                 deletedMD++;
  1756.             }
  1757.         }
  1758.     });
  1759.  
  1760.     return filteredGames;
  1761. }
  1762.  
  1763.  
  1764. function storeFilterVariables() {
  1765.     openGamesFilters = {};
  1766.  
  1767.     $.each(filters, function (key, filter) {
  1768.         if (filter.type == "checkbox") {
  1769.             openGamesFilters[filter.id] = $("#" + filter.id).prop("checked");
  1770.         }
  1771.     });
  1772.     openGamesFilters["hideKeyword"] = $("#hideKeyword").val()
  1773.     openGamesFilters["hideRealTimeBootTime"] = $("#hideRealTimeBootTime").val()
  1774.     openGamesFilters["hideMultiDayBootTimeDays"] = $("#hideMultiDayBootTimeDays").val()
  1775.     openGamesFilters["hideMultiDayBootTimeHours"] = $("#hideMultiDayBootTimeHours").val()
  1776.  
  1777.     var luck = $("#hideLuck").val();
  1778.     openGamesFilters["hideLuck"] = ($.isNumeric(luck) && luck <= 100 && luck >= 0) ? luck : 100;
  1779.  
  1780.     var minPlayers = $("#hideMinPlayers").val();
  1781.     openGamesFilters["hideMinPlayers"] = ($.isNumeric(minPlayers) && minPlayers <= 100 && minPlayers >= 2) ? minPlayers : 2;
  1782.  
  1783.     var maxPlayers = $("#hideMaxPlayers").val();
  1784.     openGamesFilters["hideMaxPlayers"] = ($.isNumeric(maxPlayers) && maxPlayers <= 100 && maxPlayers >= 2) ? maxPlayers : 100;
  1785.  
  1786.     if (parseFloat(openGamesFilters["hideMinPlayers"]) > parseFloat(openGamesFilters["hideMaxPlayers"])) {
  1787.         openGamesFilters["hideMaxPlayers"] = openGamesFilters["hideMinPlayers"]
  1788.     }
  1789.  
  1790.     var rtBoot = $("#hideRealTimeBootTime").val();
  1791.     openGamesFilters["hideRealTimeBootTime"] = $.isNumeric(rtBoot) ? rtBoot * 60 * 1000 : 0;
  1792.  
  1793.     var mdBoot = calculateMDBoot($("#hideMultiDayBootTimeHours").val(), $("#hideMultiDayBootTimeDays").val());
  1794.  
  1795.     openGamesFilters["hideMultiDayBootTimeDays"] = mdBoot.days;
  1796.     openGamesFilters["hideMultiDayBootTimeHours"] = mdBoot.hours;
  1797.  
  1798.     openGamesFilters["hideMultiDayBootTimeInMs"] = (parseInt(mdBoot.days) * 24 + parseInt(mdBoot.hours)) * 60 * 60 * 1000;
  1799.  
  1800.     var gameFilters = {
  1801.         name: "openGamesFilters",
  1802.         value: openGamesFilters
  1803.     }
  1804.     Database.update(Database.Table.Settings, gameFilters, undefined, function() {
  1805.         updateFilterSettings()
  1806.     })
  1807.     
  1808. }
  1809.  
  1810. function calculateMDBoot(hours, days) {
  1811.     hours = $.isNumeric(hours) ? hours : 0;
  1812.     days = $.isNumeric(days) ? days : 0;
  1813.  
  1814.     if (hours >= 24) {
  1815.         days = parseFloat(days) + parseInt(hours / 24);
  1816.         hours -= parseInt(hours / 24) * 24
  1817.     }
  1818.  
  1819.     return {
  1820.         hours: hours,
  1821.         days: days
  1822.     }
  1823.  
  1824. }
  1825.  
  1826. function updateFilterSettings() {
  1827.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "openGamesFilters", function(gameFilters) {
  1828.         if(!gameFilters || !gameFilters.value) {
  1829.             return;
  1830.         }
  1831.         var openGamesFilters = gameFilters.value;
  1832.         $.each(filters, function (key, filter) {
  1833.             if (filter.type == "checkbox") {
  1834.                 $("#" + filter.id).prop("checked", openGamesFilters[filter.id]);
  1835.             }
  1836.         });
  1837.         $("#hideLuck").val(openGamesFilters["hideLuck"] || 100);
  1838.         $("#hideMinPlayers").val(openGamesFilters["hideMinPlayers"] || 0);
  1839.         $("#hideMaxPlayers").val(openGamesFilters["hideMaxPlayers"] || 100);
  1840.         $("#hideKeyword").val(openGamesFilters["hideKeyword"] || "");
  1841.         $("#hideRealTimeBootTime").val(openGamesFilters["hideRealTimeBootTime"] / 1000 / 60 || 0);
  1842.         $("#hideMultiDayBootTimeDays").val(openGamesFilters["hideMultiDayBootTimeDays"] || 0);
  1843.         $("#hideMultiDayBootTimeHours").val(openGamesFilters["hideMultiDayBootTimeHours"] || 0);
  1844.     })
  1845. }
  1846.  
  1847. function ifSettingIsEnabled(setting, positive, negative, cb) {
  1848.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, setting, function(setting) {
  1849.         if(setting && setting.value) {
  1850.             positive();
  1851.             if(typeof cb == "function") {
  1852.                 cb();
  1853.             }
  1854.         } else {
  1855.             if(typeof negative == 'function') {
  1856.                 negative();
  1857.             }
  1858.             if(typeof cb == 'function') {
  1859.                 cb();
  1860.             }
  1861.         }
  1862.     })
  1863. }
  1864.  
  1865. function ifSettingIsNotEnabled(setting, callback) {
  1866.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, setting, function(setting) {
  1867.         if(!setting.value) {
  1868.             callback();
  1869.         }
  1870.     })
  1871. }
  1872.  
  1873. function ifAllAreEnabled(settings, positive, negative) {
  1874.     var promises = [];
  1875.     var allAreEnabled = true;
  1876.     $.each(settings, function (key, setting) {
  1877. 	
  1878. 		promises[key] = $.Deferred();
  1879. 		Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, setting, function(set) {
  1880. 			if(!set || !set.value) {
  1881. 				 allAreEnabled = false;
  1882. 			 }
  1883. 			promises[key].resolve();
  1884. 		})
  1885.     })
  1886.     $.when.apply($, promises).done(function () {
  1887.         if(allAreEnabled){
  1888.             positive()
  1889.         } else {
  1890.             if(typeof negative == "function") {
  1891.                 negative();
  1892.             }
  1893.         }
  1894.     })
  1895. }
  1896.  
  1897. function ifOneOrMoreIsEnabled(settings, positive, negative) {
  1898.     var promises = [];
  1899.     var isEnabled = false;
  1900.     $.each(settings, function (key, setting) {
  1901.         
  1902. 		promises[key] = $.Deferred();
  1903. 		Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, setting, function(set) {
  1904. 			if(set && set.value) {
  1905. 				 isEnabled = true;
  1906. 			 }
  1907. 			promises[key].resolve();
  1908. 		})
  1909.     })
  1910.     $.when.apply($, promises).done(function () {
  1911.         if(isEnabled){
  1912.             positive()
  1913.         } else {
  1914.             if(typeof negative == "function") {
  1915.                 negative();
  1916.             }
  1917.         }
  1918.     })
  1919. }
  1920.  
  1921. function pageIsMultiplayer() {
  1922.     return location.href.match(/.*warlight[.]net\/MultiPlayer.*/i);
  1923. }
  1924.  
  1925. function pageIsPointsPage() {
  1926.     return location.href.match(/.*warlight[.]net\/Points.*/i);
  1927. }
  1928.  
  1929. function pageIsDashboard() {
  1930.     return location.href.match(/.*warlight[.]net\/MultiPlayer\/(?:#|\?|$).*$/i);
  1931. }
  1932.  
  1933. function pageIsRealTimeLadder() {
  1934.     return location.href.match(/.*warlight[.]net\/LadderSeason\?ID=3.*$/i);
  1935. }
  1936.  
  1937. function pageIsProfile() {
  1938.     return location.href.match(/.*warlight[.]net\/profile\?p=[0-9]+$/i);
  1939. }
  1940.  
  1941. function pageIsMapsPage() {
  1942.     return location.href.match(/.*warlight[.]net\/maps/i);
  1943. }
  1944.  
  1945. function pageIsClanThread() {
  1946.     return location.href.match(/.*warlight[.]net\/Discussion/i);
  1947. }
  1948.  
  1949. function pageIsNewThread() {
  1950.     return location.href.match(/.*warlight[.]net\/Forum\/NewThread.*/i);
  1951. }
  1952.  
  1953. function pageIsForumThread() {
  1954.     return location.href.match(/.*warlight[.]net\/Forum\/[0-9]+.*/i);
  1955. }
  1956.  
  1957. function pageIsForumOverview() {
  1958.     return location.href.match(/.*warlight[.]net\/Forum\/Forum.*/i);
  1959. }
  1960.  
  1961. function pageIsThread() {
  1962.     return location.href.match(/.*warlight[.]net\/(Forum|Discussion).*/i);
  1963. }
  1964.  
  1965. function pageIsSubForum() {
  1966.     return location.href.match(/.*warlight[.]net\/Forum\/[A-Z]+.*/i);
  1967. }
  1968.  
  1969. function pageIsForum() {
  1970.     return location.href.match(/.*warlight[.]net\/Forum\/.*/);
  1971. }
  1972.  
  1973. function pageIsLadderOverview() {
  1974.     return location.href.match(/.*warlight[.]net\/Ladders/);
  1975. }
  1976.  
  1977. function pageIsLogin() {
  1978.     return location.href.match(/.*warlight[.]net\/LogIn.*/);
  1979. }
  1980.  
  1981. function pageIsClanForumThread() {
  1982.     return location.href.match(/.*warlight[.]net\/Discussion\/\?ID=[0-9]+.*/);
  1983. }
  1984.  
  1985. function pageIsTournament() {
  1986.     return location.href.match(/.*warlight[.]net\/MultiPlayer\/Tournament\?ID=[0-9]+/i);
  1987. }
  1988.  
  1989. function pageIsTournamentOverview() {
  1990.     return location.href.match(/.*warlight[.]net\/MultiPlayer\/Tournaments\/$/i);
  1991. }
  1992.  
  1993. function pageIsGame() {
  1994.     return location.href.match(/.*warlight[.]net\/MultiPlayer\?GameID=[0-9]+/i);
  1995. }
  1996.  
  1997. function pageIsCommonGames() {
  1998.     return location.href.match(/.*warlight[.]net\/CommonGames\?p=[0-9]+$/i);
  1999. }
  2000.  
  2001. function pageIsBlacklistPage() {
  2002.     return location.href.match(/.*warlight[.]net\/ManageBlackList.*/i);
  2003. }
  2004.  
  2005. function showOpenGamesLink() {
  2006.     $("#SubTabRow td:nth-child(8)").after('<td valign="top"><img src="https://d2wcw7vp66n8b3.cloudfront.net/Images/Tabs/SubSelectedLeft.png" width="6" height="16" style="visibility: hidden"></td><td nowrap="nowrap" class="SubTabCell" id="openGamesTab"><a href="/MultiPlayer/OpenGames">Open Games</a></td><td valign="top"><img src="https://d2wcw7vp66n8b3.cloudfront.net/Images/Tabs/SubSelectedRight.png" width="6" height="16" style="visibility: hidden"></td><td width="10">&nbsp;</td>');
  2007.  
  2008.     if (location.href.match(/.*warlight[.]net\/MultiPlayer\/OpenGames.*/)) {
  2009.         $("#openGamesTab").addClass("SubTabCellSelected");
  2010.         $("#openGamesTab").prev().children().css("visibility", "visible");
  2011.         $("#openGamesTab").next().children().css("visibility", "visible");
  2012.     }
  2013. }
  2014.  
  2015. function setupOpenGamesFilter() {
  2016.     $("#OpenGamesTable thead tr td").prepend('<a id="editFilters" style="color:#DDDDDD;font-size: 14px;float: right;">▼</a>');
  2017.  
  2018.  
  2019.     var filtersHTML = "<hr>";
  2020.     $.each(filters, function (key, filter) {
  2021.         if (filter.type == "checkbox") {
  2022.             filtersHTML += '<div class="filterOption"><label for="' + filter.id + '">' + filter.text + '</label><input type="checkbox" id="' + filter.id + '"></div>';
  2023.         } else if (filter.type == "custom") {
  2024.             filtersHTML += '<div class="filterOption">' + filter.text + '</div>';
  2025.         }
  2026.     });
  2027.  
  2028.     $("body").append("<div class='popup popup840 filters-show' style='display: none'><div class='head'>Change Filter Settings<img class='close-popup-img' src='" + IMAGES.CROSS + "' height='25' width='25'></div>" + filtersHTML + '<div class="close-userscript">Close and Apply</div></div>');
  2029.  
  2030.     createSelector('hr', 'height: 1px;border: none;background-color: gray;opacity:0.5;');
  2031.     createSelector('.number', 'width: 31px');
  2032.     createSelector('.filterOption', 'width: 400px;float: left;margin: 5px;');
  2033.     createSelector('.info', 'font-size: 12px;color: gray;border: 1px gray solid;padding: 5px;display: block;margin: 8px 0 8px 0;line-height: 20px;overflow: hidden; max-height:18px;transition:max-height 2s;-webkit-transition:max-height 2s;');
  2034.     createSelector('.info:hover', 'max-height:500px');
  2035.     createSelector('#hideKeyword', 'text-align: left;');
  2036.     createSelector('.filter-small, .filter-small label', 'font-size: 12px!important;color: #aaa;');
  2037.  
  2038.     $("#hideLuck").after("%");
  2039.  
  2040.     createSelector('.ui-button-text-only .ui-button-text', 'padding: .4em 0.6em;');
  2041.     createSelector('#editFilters:hover', 'cursor:pointer');
  2042.  
  2043.     $(".filters-show").on("change", function () {
  2044.         storeFilterVariables();
  2045.     });
  2046.  
  2047.     $("#editFilters").on("click", function () {
  2048.         window.showFilterOptions();
  2049.     });
  2050.  
  2051.     $(".close-userscript").on("click", function () {
  2052.         $(".filters-show").fadeOut();
  2053.         $(".overlay").fadeOut();
  2054.         refreshAllGames(true);
  2055.     });
  2056.  
  2057.     $(".close-popup-img").on("click", function () {
  2058.         $(".overlay").fadeOut();
  2059.         $(".popup").fadeOut();
  2060.     });
  2061.  
  2062.     updateFilterSettings();
  2063. }
  2064.  
  2065. function setupBasicDashboardStyles() {
  2066.     createSelector(".GameRow a", "font-size:16px !important;");
  2067.     createSelector("a", "outline: none");
  2068.     createSelector('#PromotedGamesTable td:last-of-type a img', 'display:none');
  2069.     createSelector("#MyGamesTable td > a > img", 'display:none');
  2070.     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;");
  2071.     createSelector("#MyGamesTable td span a img, #MyGamesTable td span a img", "display:inherit;");
  2072.     createSelector(".GameRow:hover", "background-color:rgb(50, 50, 50);cursor:pointer;");
  2073.     createSelector(".GameRow a:hover", "text-decoration:none;");
  2074.     createSelector(".TournamentRow a:hover", "text-decoration:none;");
  2075.     createSelector(".TournamentRow:hover", "background-color:rgb(50, 50, 50);cursor:pointer;");
  2076.     createSelector(".ui-buttonset label", "font-size:11px;");
  2077.     createSelector("#OpenGamesTable label:hover", " border: 1px solid #59b4d4;background: #0078a3 50% 50% repeat-x;font-weight: bold;color: #ffffff;");
  2078.     createSelector("#OpenGamesTable td:last-child,#MyGamesTable td:last-child, #PromotedGamesTable td:last-child", "position: relative;");
  2079.     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;");
  2080.     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;");
  2081.     createSelector(".loading img", "position: absolute;top: 50%;left: 50%;margin-left: -16px;margin-top: -16px;");
  2082.     createSelector("img", "position: relative;z-index:50;");
  2083.     createSelector("input", "z-index: 98;position: relative;");
  2084.     createSelector(".showGames thead tr", "background: rgb(51, 0, 0) none repeat scroll 0% 0%;z-index: 98;position: fixed;padding: 5px;border-bottom: 1px solid rgb(68, 68, 68);border-top-left-radius: 8px;letter-spacing: 1px;");
  2085.     createSelector(".showGames table tbody", "display:table;width:100%;");
  2086.     createSelector(".showGames table thead", "position:inherit;");
  2087.     createSelector(".ui-tooltip", "background: #EBEBEB;padding: 4px;font-style: italic;");
  2088.  
  2089.     $.each($(".TournamentRow td"), function () {
  2090.         $(this).find("font:first-of-type").appendTo($(this).find("a")).css("font-size", "10px");
  2091.     });
  2092. }
  2093.  
  2094. function setupFixedWindowStyles() {
  2095.     createSelector('html', 'width: 100%; position:fixed')
  2096.     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");
  2097.     var top = parseInt($(".showSide").offset().top) + parseInt(43);
  2098.     createSelector(".followMeBar.fixed", "position: fixed;top: " + top + "px;z-index: 0;z-index:98;");
  2099.     createSelector(".followMeBar.fixed.absolute", "position: absolute;");
  2100.  
  2101.     createSelector(".showSide", "overflow-y:scroll;float: left;margin-top: 43px;padding-right: 6px;");
  2102.     createSelector(".showSide thead", "display:none");
  2103.     createSelector(".showSide table", "border-top-right-radius:0;border-top-left-radius:0");
  2104.  
  2105.     createSelector("#switchGameRadio label", "margin-left: 6px !important");
  2106.     createSelector(".showGames table", "display:block !important");
  2107.     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);");
  2108.     createSelector("#MyGamesTable, #PromotedGamesTable, #OpenGamesTable", "display:none");
  2109.     createSelector("#MainSiteContent > table > tbody > tr > td", "width:100%");
  2110.     createSelector(".MainColumn", "width: calc(60% - 20px)!important;max-width: 800px;min-width:1px");
  2111.     createSelector(".SideColumn", "float:left !important");
  2112.     createSelector("h2 + span", "margin-right: 50px;");
  2113.     createSelector("body", "overflow:hidden");
  2114.     createSelector(".SideColumn", "width: 100% !important;");
  2115.     createSelector("#MyGamesFilter", "width:200px");
  2116.     createSelector(".showGames table", "display:block; overflow-y:scroll; overflow-x:hidden; border:1px gray solid; border-radius:8px");
  2117.     createSelector(".adsbygoogle", "margin-top: 25px;");
  2118.     createSelector(".showSide", "overflow-y:scroll;float: left;margin-top: 43px;padding-right: 6px;width:39%; min-width:1px;max-width:615px;margin-left: 20px;border-top-left-radius:8px;border-top-right-radius:8px");
  2119.     createSelector("#refreshAll", "width: 140px;float: right;margin-top: 10px;");
  2120.     createSelector("#fakeOpenGameMenu label", "margin-right:2px");
  2121.     createSelector("#RestoreLotteryGamesBtn", "display:none");
  2122.  
  2123.     createSelector('#ForumTable tbody tr td, #ClanForumTable tbody tr td', 'overflow:hidden;position:relative');
  2124.     createSelector('#ForumTable tbody tr td > a, #ClanForumTable tbody tr td > a', 'width: 100%;display: block;height: 100%;float: left;position: absolute;overflow: hidden;z-index: 1;');
  2125.     createSelector('#ForumTable tbody tr td span, #ClanForumTable tbody tr td span', 'display: inline-block;z-index: 1;float: left;position: relative;');
  2126.     createSelector('#ForumTable tbody tr:not(:last-child):hover, #ClanForumTable tbody tr:hover', 'background-color:rgb(50, 50, 50)');
  2127.  
  2128.     createSelector('#ForumTable tbody tr td a[href="/Forum/Forum"]', 'position: relative;');
  2129.     createSelector('#ClanForumTable tbody tr td a[href="/Clans/Forum"]', 'position: relative;');
  2130.  
  2131.     $("body").scrollTop(0)
  2132.     
  2133.     addCSS(`
  2134.         @media (max-width: 1400px) {
  2135.             .showSide {
  2136.                 //min-width: 380px;
  2137.                 //width: 40%;
  2138.             }
  2139.             h2 + span {
  2140.                 margin-right: 10px!important;
  2141.             }
  2142.         }
  2143.  
  2144.         @media (max-width: 1300px) {
  2145.             #MyGamesTable > thead > tr * {
  2146.                 font-size: 14px;
  2147.                
  2148.             }
  2149.             #MyGamesTable > thead > tr > div:nth-of-type(1) {
  2150.                 margin-top: 5px!important;
  2151.                 display: block;
  2152.                 float: left;
  2153.                 padding-right: 5px;
  2154.             }
  2155.             #MyGamesTable select {
  2156.                 width: 110px;
  2157.             }
  2158.  
  2159.         }
  2160.  
  2161.         @media (max-width: 1205px) {
  2162.             .MainColumn {
  2163.                 width: 60% ;
  2164.                 min-width: 0;
  2165.             }
  2166.             #MyGamesTable select {
  2167.                 width: 75px;
  2168.             }
  2169.  
  2170.         } 
  2171.  
  2172.         @media (max-width: 1100px) {
  2173.             #refreshAll {
  2174.                 width: 85px!important;
  2175.             }
  2176.             #MyGamesTable > thead > tr > div:nth-of-type(1) {
  2177.                 display: none;
  2178.             }
  2179.         }
  2180.  
  2181.         @media (max-width: 1100px) {
  2182.             .MainColumn {
  2183.                 float: left;
  2184.             }
  2185.         }
  2186.          @media (max-width: 1000px) {
  2187.             .showSide {
  2188.                 min-width:0px;
  2189.             }
  2190.         }
  2191.     `);
  2192. }
  2193.  
  2194. function setupFixedTitlesInSideColumn() {
  2195.     var blogTable = $("#BlogTable");
  2196.     var realTimeLadderTable = $("#RealTimeLadderTable");
  2197.     var forumTable = $("#ForumTable");
  2198.     var clanForumTable = $("#ClanForumTable");
  2199.     var mapOfTheWeekTable = $("#MapOfTheWeekTable");
  2200.     var leaderboardTable = $("#LeaderboardTable");
  2201.     var myTournamentsTable = $("#MyTournamentsTable");
  2202.     var bookmarkTable = $("#BookmarkTable");
  2203.  
  2204.     var shopTable = $("#ShopTable")
  2205.    
  2206.  
  2207.     blogTable.before("<div class='followMeBar'>" + blogTable.find("thead > tr > td").html() + "</div>");
  2208.     realTimeLadderTable.before("<div class='followMeBar'>" + realTimeLadderTable.find("thead > tr > td").html() + "</div>");
  2209.     forumTable.before("<div class='followMeBar'>" + forumTable.find("thead > tr > td").html() + "</div>");
  2210.     clanForumTable.before("<div class='followMeBar'>" + clanForumTable.find("thead > tr > td").html() + "</div>");
  2211.     mapOfTheWeekTable.before("<div class='followMeBar'>" + mapOfTheWeekTable.find("thead > tr > td").html() + "</div>");
  2212.     
  2213.     ifSettingIsEnabled("hideCoinsGlobally", function() {
  2214.         
  2215.     }, function() {
  2216.         leaderboardTable.before("<div class='followMeBar'>" + leaderboardTable.find("thead > tr > td").html() + "</div>");
  2217.     }, function() {
  2218.         myTournamentsTable.before("<div class='followMeBar'>" + myTournamentsTable.find("thead > tr > td").html() + "</div>");
  2219.         bookmarkTable.before("<div class='followMeBar'>" + bookmarkTable.find("thead > tr > td").html() + "</div>");
  2220.  
  2221.         shopTable.before("<div class='followMeBar'>" + shopTable.find("thead > tr > td").html() + "</div>");
  2222.  
  2223.  
  2224.         var clotTable = $("#ClotTable");   
  2225.         clotTable.before("<div class='followMeBar'>" + clotTable.find("thead > tr > td").html() + "</div>");
  2226.  
  2227.         new StickyTitles(jQuery(".followMeBar")).load();
  2228.     })
  2229.  
  2230. }
  2231.  
  2232. function setupFixedWindowWithScrollableGames() {
  2233.     var gameButtons = '<div style="margin: 10px;" id="switchGameRadio" class="ui-buttonset">';
  2234.     gameButtons += '<input type="radio" id="ShowMyGames" name="switchGames" checked="checked" class="ui-helper-hidden-accessible">';
  2235.     gameButtons += '<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>';
  2236.     
  2237.     ifOneOrMoreIsEnabled(["hidePromotedGames", "hideCoinsGlobally"], function() {
  2238.         gameButtons += '<input type="radio" id="ShowOpenGames" name="switchGames" class="ui-helper-hidden-accessible">';
  2239.         gameButtons += '<label for="ShowOpenGames" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right" role="button"><span class="ui-button-text">Open Games</span></label>';
  2240.         gameButtons += '</div>';
  2241.         setupMainColumn(gameButtons)
  2242.     }, function() {
  2243.         gameButtons += '<input type="radio" id="ShowOpenGames" name="switchGames" class="ui-helper-hidden-accessible">';
  2244.         gameButtons += '<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>';
  2245.         gameButtons += '<input type="radio" id="ShowCoinGames" name="switchGames" class="ui-helper-hidden-accessible">';
  2246.         gameButtons += '<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>';
  2247.         gameButtons += '</div>';
  2248.         setupMainColumn(gameButtons)
  2249.     })
  2250.  
  2251.     
  2252. }
  2253.  
  2254. function setupMainColumn(gameButtons) {
  2255.     var mainColumn = $(".MainColumn ");
  2256.     mainColumn.prepend('<div class="showGamesContainer">' + gameButtons + '<div class="showGames"></div></div>');
  2257.     mainColumn.prepend($('#refreshAll').detach())
  2258.     myGamesTable.appendTo(".showGames");
  2259.  
  2260.     mainColumn.after('<div class="showSide"></div>');
  2261.     $(".SideColumn").appendTo(".showSide");
  2262.  
  2263.     setupFixedWindowStyles();
  2264.  
  2265.     refreshSingleColumnSize();
  2266.  
  2267.     $("#switchGameRadio").find("label").on("click", function () {
  2268.         var newShowGames = $(this).attr("for");
  2269.         if (newShowGames != showGamesActive) {
  2270.             $.each($("#switchGameRadio").find("label"), function () {
  2271.                 $(this).removeClass("ui-state-active");
  2272.             });
  2273.             $(this).addClass("ui-state-active");
  2274.  
  2275.             if (newShowGames == "ShowMyGames") {
  2276.                 showGamesActive = newShowGames;
  2277.                 promotedGamesTable.appendTo("body");
  2278.                 openGamesTable.appendTo("body");
  2279.                 myGamesTable.appendTo(".showGames");
  2280.             } else if (newShowGames == "ShowCoinGames") {
  2281.                 showGamesActive = newShowGames;
  2282.                 myGamesTable.appendTo("body");
  2283.                 openGamesTable.appendTo("body");
  2284.                 promotedGamesTable.appendTo(".showGames");
  2285.             } else if (newShowGames == "ShowOpenGames") {
  2286.                 showGamesActive = newShowGames;
  2287.                 myGamesTable.appendTo("body");
  2288.                 promotedGamesTable.appendTo("body");
  2289.                 openGamesTable.appendTo(".showGames");
  2290.             }
  2291.  
  2292.             refreshSingleColumnSize()
  2293.         }
  2294.     });
  2295. }
  2296.  
  2297. function hideRightColumn() {
  2298.     ifSettingIsEnabled('scrollGames', function() {
  2299.         $(".showSide").css("display", "none");
  2300.         createSelector(".MainColumn", "margin: auto;max-width: 800px;width: 60%!important;float: none !important;min-width: 600px !important;");
  2301. 	}, function() {
  2302.         $(".SideColumn").css("display", "none");
  2303.         $(".MainColumn").css("width", "100%");
  2304.         $(".MainColumn").css("max-width", "800px");
  2305.     })
  2306. }
  2307.  
  2308. function registerGameTabClick() {
  2309.     if (lastClick - new Date() > 2000) {
  2310.         openGamesTable.scrollTop(0);
  2311.         lastClick = new Date();
  2312.     }
  2313.     window.setTimeout(function () {
  2314.         domRefresh();
  2315.         addOpenGamesSuffix();
  2316.     }, 1);
  2317. }
  2318.  
  2319. function updateOpenGamesCounter() {
  2320.     var numMD = countGames(wljs_AllOpenGames, 1);
  2321.     var numRT = countGames(wljs_AllOpenGames, 2);
  2322.     var numBoth = parseInt(numMD) + parseInt(numRT)
  2323.     //Both
  2324.     $("#OpenGamesTable [for='BothRadio'] span").text('Both (' + numBoth + ')')
  2325.         //Real
  2326.     $("#OpenGamesTable [for='RealTimeRadio'] span").text('Real-Time (' + numRT + ')')
  2327.         //Multi-Day
  2328.     $("#OpenGamesTable [for='MultiDayRadio'] span").text('Multi-Day (' + numMD + ')')
  2329. }
  2330.  
  2331. // Type 1 : Multiday
  2332. // Type 2 : Realtime
  2333. function countGames(games, type) {
  2334.     games = system_linq_Enumerable.Where(games, function (a) {
  2335.         if (type == 1) return !a.RealTimeGame;
  2336.         if (type == 2) return a.RealTimeGame;
  2337.     });
  2338.     return system_linq_Enumerable.ToArray(games).length
  2339. }
  2340.  
  2341. function addOpenGamesSuffix() {
  2342.     var deletedBoth = parseInt(deletedMD) + parseInt(deletedRT);
  2343.     $("#OpenGamesTable tbody tr:not(.GameRow)").remove();
  2344.     var active = $("#OpenGamesTable .ui-buttonset .ui-state-active").text();
  2345.  
  2346.     if (active.indexOf('Both') > -1 && deletedBoth > 0) {
  2347.         //Both
  2348.         $("#OpenGamesTable tbody").append("<tr id='gamesAreHidden' style='color: gray;font-style: italic;'><td colspan='2'>" + getNumHiddenLabelText(deletedBoth) + " <span style='float: right;cursor: pointer;font-size: 11px;margin-left: 10px;display: inline-block;margin-top: 2px;margin-right: 20px;' onclick='showFilterOptions()'>Change Filter Options</span</td></tr>");
  2349.     } else if (active.indexOf('Real') > -1 && deletedRT > 0) {
  2350.         //Real
  2351.         $("#OpenGamesTable tbody").append("<tr id='gamesAreHidden' style='color: gray;font-style: italic;'><td colspan='2'>" + getNumHiddenLabelText(deletedRT) + " <span style='float: right;cursor: pointer;font-size: 11px;margin-left: 10px;display: inline-block;margin-top: 2px;margin-right: 20px;' onclick='showFilterOptions()'>Change Filter Options</span</td></tr>");
  2352.     } else if (active.indexOf('Multi') > -1 && deletedMD > 0) {
  2353.         //Multi-Day
  2354.         $("#OpenGamesTable tbody").append("<tr id='gamesAreHidden' style='color: gray;font-style: italic;'><td colspan='2'>" + getNumHiddenLabelText(deletedMD) + " <span style='float: right;cursor: pointer;font-size: 11px;margin-left: 10px;display: inline-block;margin-top: 2px;margin-right: 20px;' onclick='showFilterOptions()'>Change Filter Options</span</td></tr>");
  2355.     }
  2356.  
  2357. }
  2358.  
  2359. function getNumHiddenLabelText(num) {
  2360.     return num == 1 ? "1 Game is hidden" : (num + " Games are hidden");
  2361. }
  2362.  
  2363.  
  2364. function loadPrivateNotes() {
  2365.     console.log("Loading private notes")
  2366.     $("#FeedbackMsg").after('<div class="profileBox" id="privateNotes"><h3>Private Notes</h3><p style="width: 285px;overflow:hidden" class="content">Loading Privates Notes..</p></div>');
  2367.     var url = $("img[alt='Private Notes']").parent()[0].href;
  2368.     var page = $('<div />').load(url, function () {
  2369.         var notes = page.find('#PostForDisplay_0').html().trim();
  2370.         if (notes) {
  2371.             $('#privateNotes .content').html(notes);
  2372.         } else {
  2373.             $('#privateNotes .content').html('You don\'t have any Private Notes.');
  2374.         }
  2375.  
  2376.     });
  2377. }
  2378.  
  2379. window.showFilterOptions = function () {
  2380.     showPopup(".filters-show")
  2381. }
  2382.  
  2383. function domRefresh() {
  2384.     $("body").hide(0).show(0);
  2385.     $(window).trigger('resize')
  2386. }
  2387.  
  2388. window.showFilterHelp = function (text, obj) {
  2389.     window.setTimeout(function () {
  2390.         if (!$(".custom-menu").is(':visible')) {
  2391.             $(".custom-menu .content").html(text);
  2392.             $(".custom-menu").finish().toggle(100).
  2393.  
  2394.             // In the right position (the mouse)
  2395.             css({
  2396.                 top: $(obj).offset().top + "px",
  2397.                 left: $(obj).offset().left + "px"
  2398.             });
  2399.         }
  2400.  
  2401.     }, 10);
  2402. }
  2403.  
  2404. function setupBookmarkMenu() {
  2405.     bookmarkBody = "<label for='bookmarkName'>Name</label><input style='width:100%;color: lightgray;text-align: left;' type='text' id='bookmarkName'><br><br><label for='bookmarkURL'>Url</label><input style='width:100%; text-align: left; color: lightgray' id='bookmarkURL' type='text'><br><br><label for='bookmarkNewWindow'>Open in new Window</label><input style='float:left;' id='bookmarkNewWindow' type='checkbox'>";
  2406.  
  2407.     $("body").append("<div class='popup popup600' id='bookmarkMenu' style='display: none; margin-top: 150px;width:500px; margin-left:-282px'><div class='head' style=' margin-top: 152px;width:560px;'>Add Bookmark<img class='close-popup-img' src='" + IMAGES.CROSS + "' height='25' width='25'></div>" + bookmarkBody + "<div class='close-userscript' onclick='saveBookmark()'>Add Bookmark</div></div>");
  2408.  
  2409.     $("bookmarkMenu").append('<div id="bookmarkMenu"></div>');
  2410.  
  2411.     $(".close-popup-img").on("click", function () {
  2412.         $(".popup").fadeOut();
  2413.         $(".overlay").fadeOut();
  2414.     });
  2415.     createSelector(".highlightedBookmark", "background-color:rgb(50, 50, 50);cursor:pointer;");
  2416.     $("body").append("<ul class='context-menu bookmark-context'><li onclick='editBookmark()'>Edit</li><li onclick='moveBookmarkUp()'>Move up</li><li onclick='moveBookmarkDown()'>Move Down</li></ul>")
  2417.     $("body").append("<ul class='context-menu thread-context'><li onclick='hideThread()'>Hide</li></ul>")
  2418.     $("body").append("<ul class='context-menu playersearch-context'><li onclick='findMostCommonGames()'>Most Common Games (Friends)</li></ul>")
  2419.     bindCustomContextMenu()
  2420.  
  2421. }
  2422.  
  2423. function setupBookmarkTable() {
  2424.     $(".SideColumn").prepend('<table class="dataTable" cellspacing="0" width="100%" id="BookmarkTable" style="text-align: left;"><thead><tr><td style="text-align: center">Bookmarks<img src="' + IMAGES.PLUS + '" width="15" height="15" onclick="showAddBookmark()"style="display:inline-block;float:right; opacity: 0.6; margin-right:15px; cursor: pointer"></td></tr></thead></table><br>');
  2425.  
  2426.     refreshBookmarks();
  2427.     bindBookmarkTable();
  2428. }
  2429.  
  2430. function refreshBookmarks() {
  2431.     Database.readAll(Database.Table.Bookmarks, function(bookmarks) {
  2432.         $("#BookmarkTable tbody tr").remove();
  2433.         bookmarks.sort(function(a, b) {return a.order - b.order})
  2434.         var data = "<tbody>";
  2435.         $.each(bookmarks, function (key, bookmark) {
  2436.             data += '<tr data-bookmarkId="' + bookmark.id + '" data-order="' + bookmark.order + '"><td><a ' + (bookmark.newWindow ? 'target="blank"' : "") + ' href="' + bookmark.url + '">' + bookmark.name + '</a>';
  2437.             data += '<a onclick="deleteBookmark(' + bookmark.id + ')" style="display:inline-block;float:right; opacity: 0.6;cursor: pointer;margin-right:5px">';
  2438.             data += '<span class="ui-icon ui-icon-trash"></span></a></td></tr>';
  2439.         })
  2440.  
  2441.         $("#BookmarkTable").prepend(data + '</tbody>');
  2442.         warlight_shared_viewmodels_WaitDialogVM.Stop()
  2443.         $(".loader").fadeOut("fast", function() {
  2444.             $(".loader").remove();
  2445.         })
  2446.     })
  2447.    
  2448.  
  2449. }
  2450.  
  2451. window.bookmarkOrder;
  2452. window.bookmarkId;
  2453. window.showAddBookmark = function () {
  2454.     showPopup("#bookmarkMenu")
  2455.     bookmarkId = undefined
  2456.     bookmarkOrder = undefined
  2457. }
  2458.  
  2459. window.editBookmark = function () {
  2460.     Database.read(Database.Table.Bookmarks, bookmarkId, function(bookmark) {
  2461.         $("#bookmarkURL").val(bookmark.url);
  2462.         $("#bookmarkName").val(bookmark.name);
  2463.         $("#bookmarkNewWindow").prop("checked", bookmark.newWindow);
  2464.         showPopup("#bookmarkMenu");
  2465.     })
  2466.    
  2467. }
  2468.  
  2469. window.moveBookmarkUp = function() {
  2470.     Database.readAll(Database.Table.Bookmarks, function(bookmarks) {
  2471.         var bookmark;
  2472.         var newIdx = -1
  2473.         $.each(bookmarks, function (key, bm) {
  2474.             if (bookmarkId == bm.id) {
  2475.                 bookmark = bm
  2476.             }
  2477.         })
  2478.         bookmarks.sort(function(a,b){return a.order - b.order});
  2479.         var previousBookmark1 = bookmarks[bookmarks.indexOf(bookmark) - 1]
  2480.         var previousBookmark2 = bookmarks[bookmarks.indexOf(bookmark) - 2] || {order: 0}
  2481.         if(previousBookmark1) {
  2482.             bookmark.order = (previousBookmark1.order + previousBookmark2.order) / 2
  2483.  
  2484.             Database.update(Database.Table.Bookmarks, bookmark, bookmark.id, function() {
  2485.                 $("#bookmarkURL").val('');
  2486.                 $("#bookmarkName").val('');
  2487.                 $("#bookmarkNewWindow").prop('checked', false);
  2488.                 $(".overlay").fadeOut();
  2489.                 refreshBookmarks();
  2490.             })
  2491.         } 
  2492.     })
  2493. }
  2494.  
  2495. window.moveBookmarkDown = function() {
  2496.         Database.readAll(Database.Table.Bookmarks, function(bookmarks) {
  2497.         var bookmark;
  2498.         var newIdx = -1
  2499.         $.each(bookmarks, function (key, bm) {
  2500.             if (bookmarkId == bm.id) {
  2501.                 bookmark = bm
  2502.             }
  2503.         })
  2504.         bookmarks.sort(function(a,b){return a.order - b.order});
  2505.         var nextBookmark1 = bookmarks[bookmarks.indexOf(bookmark) + 1]
  2506.         var nextBookmark2 = bookmarks[bookmarks.indexOf(bookmark) + 2] || {order: 100000}
  2507.         if(nextBookmark1) {
  2508.             bookmark.order = (nextBookmark1.order + nextBookmark2.order) / 2
  2509.             Database.update(Database.Table.Bookmarks, bookmark, bookmark.id, function() {
  2510.                 $("#bookmarkURL").val('');
  2511.                 $("#bookmarkName").val('');
  2512.                 $("#bookmarkNewWindow").prop('checked', false);
  2513.                 $(".overlay").fadeOut();
  2514.                 refreshBookmarks();
  2515.             })
  2516.         } 
  2517.     })
  2518. }
  2519.  
  2520.  
  2521. window.deleteBookmark = function (id) {
  2522.     Database.delete(Database.Table.Bookmarks, id, function() {
  2523.         refreshBookmarks();
  2524.     })
  2525. }
  2526.  
  2527. window.saveBookmark = function () {
  2528.     $("#bookmarkMenu").hide();
  2529.     var url = $("#bookmarkURL").val().trim();
  2530.     url = (url.lastIndexOf('http', 0) != 0) && (url.lastIndexOf('javascript', 0) != 0) ? "http://" + url : url;
  2531.     var name = $("#bookmarkName").val().trim();
  2532.     var newWindow = $("#bookmarkNewWindow").prop("checked");
  2533.     
  2534.     if(bookmarkId == undefined) {
  2535.         Database.readAll(Database.Table.Bookmarks, function(bookmarks) {
  2536.             bookmarks.sort(function(a, b) {return a.order - b.order})
  2537.             var bookmark = {
  2538.                 name: name, 
  2539.                 url: url, 
  2540.                 newWindow: newWindow, 
  2541.                 order: (bookmarks.length > 0) ? bookmarks[bookmarks.length - 1].order + 1 : 1
  2542.             }
  2543.             Database.add(Database.Table.Bookmarks, bookmark, function() {
  2544.                 showBookmarkTable();
  2545.                 refreshBookmarks();
  2546.             })         
  2547.         })
  2548.     } else {
  2549.        var bookmark = {
  2550.            name: name, 
  2551.            url: url, 
  2552.            newWindow: newWindow,
  2553.            order: bookmarkOrder
  2554.         }
  2555.         Database.update(Database.Table.Bookmarks, bookmark, bookmarkId, function() {
  2556.             showBookmarkTable();
  2557.             refreshBookmarks();
  2558.         })         
  2559.     }
  2560.         
  2561.     $("#bookmarkURL").val('');
  2562.     $("#bookmarkName").val('');
  2563.     $("#bookmarkNewWindow").prop('checked', false);
  2564.     $(".overlay").fadeOut();
  2565. }
  2566.  
  2567. function hideBookmarkTable() {
  2568.     $("#BookmarkTable").hide();
  2569.     if ($("#BookmarkTable").prev().hasClass("followWrap")) {
  2570.         $("#BookmarkTable").prev().hide();
  2571.     }
  2572.     if ($("#BookmarkTable").next().is('br')) {
  2573.         $("#BookmarkTable").next().hide();
  2574.     }
  2575. }
  2576.  
  2577. function showBookmarkTable() {
  2578.     $("#BookmarkTable").show();
  2579.     if ($("#BookmarkTable").prev().hasClass("followWrap")) {
  2580.         $("#BookmarkTable").prev().show();
  2581.     }
  2582.     if ($("#BookmarkTable").next().is('br')) {
  2583.         $("#BookmarkTable").next().show();
  2584.     }
  2585. }
  2586.  
  2587. window.bookmarkForumThread = function () {
  2588.     var title = $("title").text().replace(' - Play Risk Online Free - WarLight', '');
  2589.     var url = window.location.href;
  2590.  
  2591.     $("#bookmarkURL").val(url);
  2592.     $("#bookmarkName").val(title);
  2593.     showAddBookmark();
  2594.  
  2595. }
  2596. window.bookmarkTournament = function () {
  2597.     var title = $("#TournamentName").text().replace("Tournament: ", "").trim();
  2598.     var url = window.location.href;
  2599.  
  2600.     $("#bookmarkURL").val(url);
  2601.     $("#bookmarkName").val(title);
  2602.     showAddBookmark();
  2603.  
  2604. }
  2605.  
  2606. function addDefaultBookmark() {
  2607.     var bookmark = {
  2608.         name: "Muli's userscript (Tidy up Your Dashboard)",
  2609.         url: "https://www.warlight.net/Forum/106092-tidy-up-dashboard-2",
  2610.         newWindow: false,
  2611.         order: 0
  2612.     }
  2613.     Database.add(Database.Table.Bookmarks, bookmark, function() {
  2614.         showBookmarkTable();
  2615.         refreshBookmarks();
  2616.     })
  2617. }
  2618.  
  2619. function setupTournamentDecline() {
  2620.     $.each($(".TournamentRow"), function(key, val) {
  2621.         //Waiting for accept / decline
  2622.         if($(val).find("[style='color: red']:not(.BootTimeLabel)").length > 0) {
  2623.             $(val).find("td:last-of-type").append('<button style="width: 100px; height: 25px;float: right" class="DeclineBtn ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"><span class="ui-button-text">Decline</span></button>')
  2624.         }
  2625.     })
  2626.     
  2627.     $(".DeclineBtn").on("click", function(e) {
  2628.         var id = $(e.target).closest(".TournamentRow").attr("data-tournamentid")
  2629.         warlight_shared_messages_Message.DeclineTournamentAsync(null,
  2630.             warlight_shared_viewmodels_SignIn.Auth, id, null, function (b, c) {
  2631.                 warlight_shared_viewmodels_WaitDialogVM.Stop();
  2632.                 if (null != c && 129 != c.ErrorType) {
  2633.                     if (135 == c.ErrorType)  {
  2634.                         warlight_shared_viewmodels_AlertVM.DoPopup("The tournament has been deleted");
  2635.                     } else {
  2636.                         throw c;
  2637.                     }
  2638.                 }
  2639.                 var btn = $(e.target).closest(".DeclineBtn")
  2640. //                $(e.target).attr("disabled", true)
  2641. //                $(e.target).attr("value", "Declined")
  2642.                 $(e.target).text("Declined")
  2643.                 btn.attr("disabled", true).addClass("ui-state-disabled");
  2644.                 btn.closest(".TournamentRow").find("[style='color:red']:not(.BootTimeLabel)").remove()
  2645.             }
  2646.         )
  2647.     })
  2648. }
  2649.  
  2650. function setupTournamentTableStyles() {
  2651.     createSelector("body", "overflow: hidden")
  2652.     $("#MyTournamentsTable").parent().css({
  2653.         "display"       : "block",
  2654.         "overflow-y"    : "scroll",
  2655.         "border-bottom" : "1px solid #444444",
  2656.         "border-top" : "1px solid #444444"
  2657.     })
  2658.     setTournamentTableHeight();
  2659. }
  2660.  
  2661. function setTournamentTableHeight() {
  2662.     $("#MyTournamentsTable").parent().height(window.innerHeight - 100);
  2663. }
  2664.  
  2665. window.findMeIndex = -1;
  2666. window.findNextInTournament = function() {
  2667.     var boxes = getPlayerBoxes();
  2668.     var max = boxes.length - 1;
  2669.     findMeIndex = findMeIndex == max ? 0 : findMeIndex + 1;
  2670.     panzoomMatrix = undefined;
  2671.     findInTournament();
  2672. }
  2673.  
  2674. function setupPlayerDataTable() {
  2675.     var dataTable = $$$("#PlayersContainer > table").DataTable({
  2676.         "order": [],
  2677.         paging: false,
  2678.         sDom: 't',
  2679.         columnDefs: [ {
  2680.             targets: [ 0 ],
  2681.             orderData: [ 0, 3 ]
  2682.         },{
  2683.             targets: [ 1 ],
  2684.             orderData: [ 1, 0 ]
  2685.         },{
  2686.             targets: [ 2 ],
  2687.             orderData: [ 2, 1, 0 ],
  2688.             type: "rank"
  2689.         },{
  2690.             targets: [ 3 ],
  2691.             orderData: [ 3, 1, 0 ]
  2692.         },{
  2693.             targets: [ 4 ],
  2694.             orderData: [ 4, 1, 0 ]
  2695.         },{
  2696.             targets: [ 5 ],
  2697.             orderData: [ 5, 1, 0 ]
  2698.         } ], 
  2699.         "aoColumns": [
  2700.             { "orderSequence": [ "asc", "desc" ] },
  2701.             { "orderSequence": [ "asc", "desc" ] },
  2702.             { "orderSequence": [ "asc", "desc" ] },
  2703.             { "orderSequence": [ "desc", "asc" ] },
  2704.             { "orderSequence": [ "desc", "asc" ] },
  2705.             { "orderSequence": [ "desc", "asc" ] },
  2706.         ]
  2707.     });
  2708.     
  2709.     var styles = document.createElement("style");
  2710.     styles.type = "text/css";
  2711.     styles.innerHTML = getDataTableCSS();
  2712.     document.body.appendChild(styles);
  2713. }
  2714.  
  2715. function setupCommonGamesDataTable() {
  2716.     var $$$$$ = jQuery.noConflict(true);
  2717.     var dataTable = $$$("#MainSiteContent > table").DataTable({
  2718.         "order": [],
  2719.         paging: false,
  2720.         sDom: 't',
  2721.         columnDefs: [ {
  2722.             targets: [ 0 ],
  2723.             orderData: [ 0, 3 ]
  2724.         },{
  2725.             targets: [ 1 ],
  2726.             orderData: [ 1, 2, 3, 0 ]
  2727.         },{
  2728.             targets: [ 2 ],
  2729.             orderData: [ 2, 3, 0 ]
  2730.         },{
  2731.             targets: [ 3 ],
  2732.             orderData: [ 3, 2, 0 ]
  2733.         } ], 
  2734.         "aoColumns": [
  2735.             { "orderSequence": [ "asc", "desc" ] },
  2736.             { "orderSequence": [ "asc", "desc" ] },
  2737.             { "orderSequence": [ "asc", "desc" ] },
  2738.             { "orderSequence": [ "asc", "desc" ] },
  2739.         ]
  2740.     });
  2741.     
  2742.     var styles = document.createElement("style");
  2743.     styles.type = "text/css";
  2744.     styles.innerHTML = getDataTableCSS();
  2745.     document.body.appendChild(styles);
  2746. }
  2747.  
  2748. window.setCurrentplayer = function (player, noSearch) {
  2749.     window.currentPlayer = {
  2750.         id: player.id,
  2751.         name: player.name,
  2752.         fullID: player.fullID,
  2753.         team: player.team
  2754.     };
  2755.     $("#selectContainer").toggle(100);
  2756.     $("#activePlayer").html(htmlEscape(player.name == self.name ? "Me" : player.name));
  2757.     $("#playerSelectInput").val("");
  2758.     panzoomMatrix = undefined;
  2759.     findMeIndex = 0;
  2760.     $(".gold").removeClass("gold")
  2761.     $("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").addClass("gold")
  2762.     $("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "'] a").addClass("gold")
  2763.     
  2764.     
  2765.     if(window.WL_Tournament.Tourn.Type == 2 ) { //Robin Round
  2766.         $(".TeamTip_" + (window.currentPlayer.team == "" ? window.currentPlayer.id : window.currentPlayer.team.replace("Team ", "").charCodeAt(0)-65)).addClass("gold")
  2767.     } else { //Elimination Tournament
  2768.         getPlayerBoxes().find("a").addClass("gold")
  2769.     }
  2770.     if(noSearch != true) {
  2771.         window.findInTournament();
  2772.     }
  2773.  
  2774. }
  2775.  
  2776. function setupTournamentFindMe() {
  2777.     $("body").keyup(function (event) {
  2778.         // "Left" is pressed
  2779.         var boxes = getPlayerBoxes();
  2780.         var max = boxes.length - 1;
  2781.         if(event.which == 37) {
  2782.             findMeIndex = findMeIndex == 0 ? max : findMeIndex - 1;
  2783.             panzoomMatrix = undefined;
  2784.             findInTournament();
  2785.         } 
  2786.         // "Right" is pressed
  2787.         else if(event.which == 39) {
  2788.             findMeIndex = findMeIndex == max ? 0 : findMeIndex + 1;
  2789.             panzoomMatrix = undefined;
  2790.             findInTournament();
  2791.         }
  2792.         // "Home" is pressed
  2793.         else if(event.which == 36) {
  2794.             findMeIndex = 0;
  2795.             panzoomMatrix = undefined;
  2796.             findInTournament();
  2797.         }
  2798.         // "End" is pressed
  2799.         else if(event.which == 35) {
  2800.             findMeIndex = boxes.length - 1;
  2801.             panzoomMatrix = undefined;
  2802.             findInTournament();
  2803.         }
  2804.     });
  2805.     window.players = []
  2806.     $("[href='#SettingsTab']").parent().after('<li id="findMe" class="ui-state-default ui-corner-top"><div style="cursor: pointer" class="ui-tabs-anchor" onclick="window.findNextInTournament()">Find <label id="activePlayer"></labal></div><a id="showPlayerSelect">▼</a></li>');
  2807.     createSelector('#findMe:hover', 'border: 1px solid #59b4d4;background: #0078a3 url("https://d2wcw7vp66n8b3.cloudfront.net/jui4/images/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;font-weight: bold;color: #ffffff;border-bottom-width: 0')
  2808.     createSelector('#findMe', 'border: 1px solid #666666;border-bottom-width: 0')
  2809.  
  2810.     var css = '-webkit-keyframes pulsate{ 0% { background-color: rgba(0,0,0,0); } 50% { background-color: olive; } 100% { background-color: rgba(0,0,0,0); }}@keyframes pulsate { 0% { background-color: rgba(0,0,0,0); } 50% { background-color: olive; } 100% { background-color: rgba(0,0,0,0); }}.pulsate { -webkit-animation: pulsate 1s ease-in 1; -moz-animation: pulsate 1s ease-in 1; -ms-animation: pulsate 1s ease-in 1; -o-animation: pulsate 1s ease-in 1; animation: pulsate 1s ease-in 1;}-webkit-keyframes pulsate-border{ 0% { border: 3px solid #c4c2c4; } 25% { border: 3px solid red; } 50% { border: 3px solid red; } 100% { border: 3px solid #c4c2c4; }}@keyframes pulsate-border { 0% { border: 3px solid #c4c2c4; } 25% { border: 3px solid red; }50% { border: 3px solid red; } 100% { border: 3px solid #c4c2c4; }}.pulsate-border { -webkit-animation: pulsate-border 2s ease-in 1; -moz-animation: pulsate-border 2s ease-in 1; -ms-animation: pulsate-border 2s ease-in 1; -o-animation: pulsate-border 2s ease-in 1; animation: pulsate-border 2s ease-in 1;}'
  2811.     addCSS(css)
  2812.     
  2813.  
  2814.  
  2815.     $("#findMe").append('<div id="selectContainer"><div id="playerSelectInputContainer"><input placeholder="Search a Player" type="text" id="playerSelectInput"></input></div><div id="playerContainer"></div></div>');
  2816.         self = {
  2817.             id: warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID,
  2818.             name: warlight_shared_viewmodels_SignIn.get_CurrentPlayer().Name,
  2819.             fullID: String(warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ProfileToken).substring(0, 2) + warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID + String(warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ProfileToken).substring(2, 4),
  2820.             team: $("[data-playerid='" + warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID + "'] td:nth-of-type(2)").text()
  2821.         };
  2822.         window.setCurrentplayer(self, true);
  2823.         $.each($("#PlayingPlayers tr"), function (key, playerRow) {
  2824.             var id = $(playerRow).attr("data-playerid");
  2825.             var fullID = $(playerRow).find("a").get($(playerRow).find("a").length - 1).href.replace(/.*warlight.net\/Profile\?p=/, "");
  2826.             var name = $(playerRow).find("td a").text();
  2827.             var img = $(playerRow).find("td img").attr("src");
  2828.             var team = $("[data-playerid='" + id + "'] td:nth-of-type(2)").text();
  2829.             if (img && img.indexOf("MemberIcon") > -1) {
  2830.                 img = "";
  2831.             }
  2832.             window.players.push({
  2833.                 id: id,
  2834.                 fullID: fullID,
  2835.                 name: name,
  2836.                 img: img,
  2837.                 team: team
  2838.             });
  2839.         });
  2840.  
  2841.         $("#playerSelectInput").on('input', function (data) {
  2842.             $(".playerElement").remove();
  2843.             var search = $(this).val().toLowerCase();
  2844.             $("#playerContainer").append("<div class='playerElement' onclick='setCurrentplayer(self)'>" + self.name + " (Me)</div>")
  2845.             $.each(window.players, function (key, player) {
  2846.                 if (player.name.toLowerCase().indexOf(search) > -1 && self.name != player.name) {
  2847.                     var img = player.img ? "<img src='" + player.img + "'>" : "";
  2848.                     $("#playerContainer").append("<div onclick='setCurrentplayer(players[" + key + "])' class='playerElement'>" + img + "<span>" + htmlEscape(player.name) + "</span>" + "</div>")
  2849.                 }
  2850.             });
  2851.  
  2852.             $("#activePlayer").html(window.currentPlayer.name == self.name ? "Me" : window.currentPlayer.name);
  2853.             $("#playerContainer").scrollTop(0)
  2854.  
  2855.         });
  2856.         $("#playerSelectInput").trigger("input");
  2857.  
  2858.         $("#showPlayerSelect").on("click", function () {
  2859.             $("#selectContainer").toggle(100);
  2860.             $("#playerContainer").scrollTop(0);
  2861.             $("#playerSelectInput").trigger("input");
  2862.             $("#playerSelectInput").focus();
  2863.         });
  2864.     
  2865.     createSelector("#playerSelectInputContainer", "height: 28px; ");
  2866.     createSelector(".border-red", "border: 3px red solid !important; ");
  2867.     createSelector(".playerElement span, .playerElement img", "display:inline-block; margin-right: 10px");
  2868.     createSelector("#showPlayerSelect", "color: #DDDDDD;font-size: 14px;margin: 5px 5px 0 -3px;cursor: pointer; display: inline-block;margin-right: 10px;");
  2869.     createSelector("#playerSelectInput", "display: block;margin: 5px 3%;width: 93%;");
  2870.     createSelector("#activePlayer", "cursor:pointer");
  2871.     createSelector(".playerElement", "border-bottom: 1px gray solid;padding: 7px;color: white; clear:both; height: 14px; font-weight: normal;");
  2872.     createSelector(".playerElement:hover", "background: rgb(102, 102, 102);");
  2873.     createSelector("#playerContainer", "border: 2px gray solid; overflow-y: auto; overflow-x: hidden;max-height: 275px; min-width: 175px; ");
  2874.     createSelector(".gold", "color: gold")
  2875.     createSelector("#selectContainer", "cursor: pointer; background:rgb(23, 23, 23);position: fixed; z-index: 10;border: 2px gray solid;border-radius: 5px;box-shadow: 0 20px 50px 3px black;margin-top: 16px;display: none");
  2876. }
  2877.  
  2878.  
  2879. window.panzoomMatrix;
  2880. window.findInTournament = function () {
  2881.     var id;
  2882.     $("#selectContainer").hide(100);
  2883.     if ($("[href='#PlayersTab']").parent().hasClass("ui-state-active")) {
  2884.         id = window.currentPlayer.id;
  2885.         if ($("#PlayingPlayers [data-playerid='" + id + "']").length > 0) {
  2886.             var player = $("#PlayingPlayers [data-playerid='" + id + "']");
  2887.             var box = $("#CenterTabs").parent()
  2888.             var offset = player.offset().top - box.offset().top - box.height() / 2
  2889.  
  2890.             box.stop().animate({
  2891.                 scrollTop: offset
  2892.             }, '500', 'swing');
  2893.  
  2894.             window.setTimeout(function () {
  2895.                 $("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").addClass("pulsate");
  2896.                 window.setTimeout(function () {
  2897.                     $(".pulsate").removeClass("pulsate");
  2898.                 }, 1000);
  2899.             }, 250);
  2900.         } else {
  2901.             showInfo("You didn't join this tournament.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  2902.         }
  2903.  
  2904.         // Elimination Tournament
  2905.     } else if ($("[href='#BracketTab']").parent().hasClass("ui-state-active") && window.WL_Tournament.Tourn.Type != 2) {
  2906.         id = window.currentPlayer.fullID;
  2907.         //Started
  2908.         if (window.WL_Tournament.Tourn.State >= 1 && $("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").length > 0) {
  2909.  
  2910.             if (!panzoomMatrix) {
  2911.                 var currentMatrix = $("#Visualize").panzoom("getMatrix");
  2912.                 $("#Visualize").panzoom("reset", {
  2913.                     animate: false
  2914.                 });
  2915.  
  2916.                 VisualizePanzoom.panzoom("zoom", {
  2917.                     increment: 0.75,
  2918.                     animate: false
  2919.                 })
  2920.                
  2921.                 var boxes = getPlayerBoxes();
  2922.                 
  2923.                 $(".TeamBoxHighlighted").removeClass("TeamBoxHighlighted");
  2924.                 boxes.addClass("TeamBoxHighlighted");
  2925.                 var offsetTop = $(boxes.get(findMeIndex)).offset().top - $("#VisualizeContainer").offset().top - $("#VisualizeContainer").height() / 4;
  2926.                 var offsetLeft = $(boxes.get(findMeIndex)).offset().left - $("#VisualizeContainer").offset().left - $("#VisualizeContainer").width() / 2;
  2927.  
  2928.                 $(".border-red").removeClass("border-red");
  2929.                 $(boxes.get(findMeIndex)).addClass("border-red");
  2930.                 
  2931.                 $("#Visualize").panzoom("pan", 0 - offsetLeft, 100 - offsetTop, {
  2932.                     relative: true,
  2933.                     animate: false
  2934.                 });
  2935.  
  2936.                 panzoomMatrix = $("#Visualize").panzoom("getMatrix");
  2937.                 $("#Visualize").panzoom("setMatrix", currentMatrix, {
  2938.                     animate: false
  2939.                 });
  2940.             }
  2941.  
  2942.             window.setTimeout(function () {
  2943.                 $("#Visualize").panzoom("setMatrix", panzoomMatrix, {
  2944.                     animate: true
  2945.                 })
  2946.                 window.setTimeout(function () {
  2947.                     //getPlayerBoxes().addClass("pulsate-border");
  2948.                     window.setTimeout(function() {
  2949.                          $(".pulsate-border").removeClass("pulsate-border");
  2950.                     }, 2000)
  2951.                 }, 400);
  2952.             }, 10)
  2953.  
  2954.         } else {
  2955.             showFindMeError();
  2956.         }
  2957.         // Robin Round Tournament
  2958.     } else if ($("[href='#BracketTab']").parent().hasClass("ui-state-active") && window.WL_Tournament.Tourn.Type == 2) {
  2959.         
  2960.         //Started
  2961.         if ($("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").length > 0) {
  2962.             $(".TeamTip_" + (window.WL_Tournament.Tourn.TeamSize == 1 ? window.currentPlayer.id : window.currentPlayer.team.replace("Team ", "").charCodeAt(0)-65)).addClass("pulsate")
  2963.             window.setTimeout(function() {
  2964.                 $(".pulsate").removeClass("pulsate")                    
  2965.             }, 2000)
  2966.         } else {
  2967.             showFindMeError()
  2968.         }
  2969.         
  2970.         
  2971.     }
  2972. }
  2973.  
  2974. function showFindMeError() {
  2975.     if ($("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").length == 0) {
  2976.         showInfo("You didn't join this tournament.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  2977.  
  2978.     } else {
  2979.         showInfo("This tournament didn't start yet.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  2980.  
  2981.     }
  2982. }
  2983.  
  2984. function getPlayerBoxes() {
  2985.     var boxes = $(".GameBox [href='/Profile?p=" + window.currentPlayer.fullID + "']").closest(".TeamBox");
  2986.     if(boxes.length == 0) {
  2987.         boxes = $("[title='" + window.currentPlayer.team + "']").closest(".TeamBox");
  2988.     }
  2989.     
  2990.     return boxes;
  2991.     
  2992. }
  2993.  
  2994. function htmlEscape(str) {
  2995.     return String(str)
  2996.         .replace(/&/g, '&amp;')
  2997.         .replace(/"/g, '&quot;')
  2998.         .replace(/'/g, '&#39;')
  2999.         .replace(/</g, '&lt;')
  3000.         .replace(/>/g, '&gt;');
  3001. }
  3002.  
  3003. function bindBookmarkTable() {
  3004.     $("#BookmarkTable").bind("contextmenu", function (event) {
  3005.         $(".highlightedBookmark").removeClass("highlightedBookmark")
  3006.         var row = $(event.target).closest("tr");
  3007.         
  3008.         
  3009.         bookmarkId = row.attr("data-bookmarkid")
  3010.         bookmarkOrder = row.attr("data-order")
  3011.         
  3012.         if(bookmarkId && bookmarkOrder) {
  3013.             event.preventDefault();
  3014.             row.addClass("highlightedBookmark")
  3015.             // Show contextmenu
  3016.             $(".bookmark-context").finish().toggle(100).
  3017.             css({
  3018.                 top: event.pageY + "px",
  3019.                 left: event.pageX + "px"
  3020.             });
  3021.         }
  3022.         
  3023.     });
  3024. }
  3025.  
  3026.  
  3027.  
  3028. function bindCustomContextMenu() {
  3029.     // If the document is clicked somewhere
  3030.     $(document).bind("mousedown", function (e) {
  3031.  
  3032.         // If the clicked element is not the menu
  3033.         if (!$(e.target).parents(".context-menu").length > 0) {
  3034.  
  3035.             // Hide it
  3036.             $(".context-menu").hide(100);
  3037.             $(".highlightedBookmark").removeClass("highlightedBookmark")
  3038.         }
  3039.     });
  3040.  
  3041.  
  3042.     // If the menu element is clicked
  3043.     $(".context-menu li").click(function(){
  3044.  
  3045.         // This is the triggered action name
  3046.         switch($(this).attr("data-action")) {
  3047.  
  3048.             // A case for each action. Your actions here
  3049.             case "first": alert("first"); break;
  3050.             case "second": alert("second"); break;
  3051.             case "third": alert("third"); break;
  3052.         }
  3053.  
  3054.         // Hide it AFTER the action was triggered
  3055.         $(".context-menu").hide(100);
  3056.     });
  3057.  
  3058. }
  3059.  
  3060.  
  3061.  
  3062. function setupRealTimeLadderTable() {
  3063.     if($("#RealTimeLadderTable").length == 0) {
  3064.         return;
  3065.     }
  3066.     
  3067.     if( $(".extendedRTLadderRow").length == 0) {
  3068.         createSelector(".extendedRTLadderRow .rtBox", "width: calc(100%/2);");
  3069.         createSelector(".extendedRTLadderRow span", "");
  3070.         createSelector(".rtLeft", "float:left");
  3071.         createSelector(".rtRight", "float:Right");
  3072.         createSelector(".rtRight a", "    padding: 10px 30px;position: absolute;margin-left: -75px;");
  3073.         createSelector(".newGamesRT", "display:block");
  3074.         createSelector(".rtLabelBig", "font-size: 18px; margin: 5px"); 
  3075.     }
  3076.     $(".extendedRTLadderRow").remove()
  3077.     $("#RealTimeLadderTable tbody").append('<tr class="extendedRTLadderRow"><td colspan="2"><div class="rtLeft rtBox"><span class="newGamesRT">New Games in<br></span><div class="rtLabelBig">' + getRealTimeLadderTimerHTML() + '<a href="https://www.warlight.net/LadderJoin?Ladder=RealTime" class="rtLabelBig">Join!</a></div></td></tr>')
  3078.     $("[href='/LadderSeason?ID=3']").text("Ladder Page")
  3079.     setRTLadderTime() 
  3080. }
  3081.  
  3082. function setupRealTimeLadderPageTimer() {
  3083.     $("#LadderJoinBtn").after("<div>New Games in " + getRealTimeLadderTimerHTML() +"</div>")
  3084.     $("#LeaveLadderBtn").after("<div>New Games in " + getRealTimeLadderTimerHTML() +"</div>")
  3085.     setRTLadderTime()
  3086. }
  3087.  
  3088. function getRealTimeLadderTimerHTML() {
  3089.     return '<span class="rtMin">00</span>:<span class="rtSec">00</span></div></div><div class="rtRight rtBox">'
  3090. }
  3091.  
  3092.  
  3093. function setRTLadderTime() {
  3094.     var date = new Date()
  3095.     date.setMinutes(Math.ceil((new Date().getMinutes() + date.getSeconds() / 60) / 5) * 5)
  3096.     date.setSeconds(0)
  3097.     
  3098.     var diff = (date - new Date()) / 1000
  3099.     var min = Math.floor(diff / 60) % 60
  3100.     diff -= min * 60
  3101.     var sec = diff % 60
  3102.     $(".rtMin").text(padLeft(min))
  3103.     $(".rtSec").text(padLeft(sec))
  3104. }
  3105.  
  3106. function padLeft(str) {
  3107.     str = Math.round(str)
  3108.     len = 2
  3109.     symbol = '0'
  3110.      while(String(str).length < len) {
  3111.         str = symbol + str;
  3112.     }
  3113.     return str
  3114. }
  3115.  
  3116. function setupClotTable() {
  3117.     if($("#ClotTable").length == 0) {
  3118.         $(".SideColumn").append('<table class="dataTable" cellspacing="0" width="100%" id="ClotTable" style="text-align: left"><thead><tr><td style="text-align: center">CLOTs</td></tr></thead><tbody></tbody></table>')
  3119.     }
  3120.     parseClotTable() 
  3121.     loadClots()
  3122.     createSelector(".clotLabel", "display: inline-block; width: 70px")
  3123.     createSelector(".clotPlayers", "display: inline-block; margin-left: 5px; color:gray; ")
  3124.     
  3125. }
  3126.  
  3127. function setupLadderClotOverview() {
  3128.     $("h1").text($("h1").text() + " & CLOTs")
  3129.     var clotInfo = getClots()
  3130.     if(!clotInfo) {
  3131.         return
  3132.     }
  3133.     var clots = clotInfo
  3134.    
  3135.     var ladders = clots['ladders'] 
  3136.     var md = ""
  3137.     var rt = ""
  3138.     var counter = 0
  3139.     $.each(ladders, function (key, val) {
  3140.         if (val.type == "realtime") {
  3141.             rt += "<li><big><a target='_blank' href=" + val.url + ">" + val.name + "</a> using Real-Time boot times</big></li><br><br>"
  3142.             counter++
  3143.         } else if (val.type == "multiday") {
  3144.             md += "<li><big><a target='_blank' href = " + val.url + ">" + val.name + "</a> using Multi-Day boot times</big></li><br><br>"
  3145.             counter++
  3146.         }
  3147.     })
  3148.     
  3149.     $("#MainSiteContent > div").append("Warlight currently has " + toWords(counter) + " <a href='https://www.warlight.net/wiki/CLOT'>CLOTs</a><br><br>")
  3150.     
  3151.     $("#MainSiteContent > div").append("<ul id='clotInfo'></ul>")
  3152.     $("#clotInfo").append(rt)
  3153.     $("#clotInfo").append(md)
  3154. }
  3155.  
  3156. function parseClotTable() {        
  3157.     try {
  3158.         var clotInfo = getClots()
  3159.         if(!clotInfo) {
  3160.             return
  3161.         }
  3162.         var ladders = clots['ladders']
  3163.         var md = ""
  3164.         var rt = ""
  3165.         $.each(ladders, function (key, val) {
  3166.             if (val.type == "realtime") {
  3167.                 rt += "<tr><td><a target='_blank' href=" + val.url + ">" + val.name + " (RT)</a> <span class='clotPlayers'>" + val.players + " Players joined</span></td></tr>"
  3168.             } else if (val.type == "multiday") {
  3169.                 md += "<tr><td><a target='_blank' href = " + val.url + ">" + val.name + " (MD)</a><span class='clotPlayers'>" + val.players + " Players joined</span></td></tr>"
  3170.             }
  3171.         })
  3172.         $("#ClotTable tbody tr").remove()
  3173.         $("#ClotTable tbody").append(md)
  3174.         $("#ClotTable tbody").append(rt)
  3175.         $(window).trigger('resize');
  3176.     } catch (e) {
  3177.         console.log("Error reading CLOTs")
  3178.         console.log(e.message)
  3179.         hideTable("#ClotTable")
  3180.     }
  3181. }
  3182. function getClots() {
  3183.     try {
  3184.         return clots = $.parseJSON(sessionStorage.getItem('clots'))
  3185.     } catch (e) {
  3186.         console.log("Error reading CLOTs")
  3187.         console.log(e.message)
  3188.         hideTable("#ClotTable")
  3189.     }        
  3190.     return undefined
  3191. }
  3192.  
  3193. function loadClots() {
  3194.     $.ajax({
  3195.         type: 'GET',
  3196.         //url: 'https://php-psenough.rhcloud.com/hub/list.php',
  3197.         //url: 'https://w115l144.hoststar.ch/test.php',
  3198.         url: 'https://php-psenough.rhcloud.com/hub/list_jsonp.php',
  3199.         dataType: 'jsonp',
  3200.         crossDomain: true,
  3201.     }).done(function(response){
  3202.         try {
  3203.             var json = response.data
  3204.             sessionStorage.setItem('clots', JSON.stringify(json));
  3205.             parseClotTable()
  3206.             var datetime = json.datetime
  3207.             console.log("clot update " + datetime)
  3208.              
  3209.         } catch (e) {
  3210.             console.log("Error parsing CLOTs")
  3211.             console.log(e)
  3212.         }
  3213.     }).fail(function(e){
  3214.         console.log("Error loading CLOTs")
  3215.         console.log(e);
  3216.     });
  3217. }
  3218.  
  3219.  
  3220.                       
  3221. function isJson(str) {
  3222.     try {
  3223.         JSON.parse(str);
  3224.     } catch (e) {
  3225.         return false;
  3226.     }
  3227.     return true;
  3228. }
  3229.  
  3230.  
  3231. function setupRightColumn(isInit) {
  3232.     if(isInit) {
  3233.         createSelector(".SideColumn > table", "margin-bottom: 17px;")
  3234.     }
  3235.     
  3236.     //Bookmarks
  3237.     if(isInit) {
  3238.         setupBookmarkTable()
  3239.     } else {
  3240.         refreshBookmarks()
  3241.     }
  3242.     
  3243.     //Tournament
  3244.     // #MyTournamentsTable
  3245.     
  3246.     //Clots
  3247.     setupClotTable()
  3248.     
  3249.     //RT Ladder
  3250.     setupRealTimeLadderTable()
  3251.     
  3252.     //Map of the Week
  3253.     
  3254.     //Forum Posts
  3255. //     hideBlacklistedThreads()
  3256.     
  3257.     //Blog Posts
  3258.     
  3259.     //Coin Leaderboard
  3260.     
  3261.     sortRightColumnTables(function() {
  3262.         if(isInit) {
  3263.             ifSettingIsEnabled('scrollGames', function() {
  3264.                 setupFixedTitlesInSideColumn();
  3265.             })
  3266.         }
  3267.     })
  3268.     
  3269.     
  3270. }
  3271.  
  3272. function sortRightColumnTables(callback) {
  3273.     var sideColumn = $(".SideColumn")
  3274.     getSortTables(function(tables) {
  3275.         $.each(tables, function(key, table) {
  3276.             if(table.hidden == true) {
  3277.                 hideTable(table.id)
  3278.             } else {
  3279.                 var table = $(table.id)
  3280.                 if(table.prev().hasClass("followWrap")) {
  3281.                      var wrap = table.prev().remove()
  3282.                      sideColumn.append(wrap)
  3283.                 }
  3284.                 table = table.detach()
  3285.                 sideColumn.append(table)
  3286.             }
  3287.         })
  3288.  
  3289.         $(".SideColumn > br").remove()
  3290.         callback();
  3291.     })
  3292.     
  3293. }
  3294.  
  3295. function toWords(num) {
  3296.     if(num == 1) {
  3297.         return "one"
  3298.     } else if(num == 2) {
  3299.         return "two"
  3300.     } else if(num == 3) {
  3301.         return "three"
  3302.     } else if(num == 4) {
  3303.         return "four"
  3304.     } else if(num == 5) {
  3305.         return "five"
  3306.     } else if(num == 6) {
  3307.         return "six"
  3308.     } else if(num == 7) {
  3309.         return "seven"
  3310.     } else if(num == 8) {
  3311.         return "eight"
  3312.     } else if(num == 9) {
  3313.         return "nine"
  3314.     } else if(num == 10) {
  3315.         return "ten"
  3316.     } else if(num == 0) {
  3317.         return "zero"
  3318.     }  
  3319. }
  3320.  
  3321. function hideTable(seletor) {
  3322.     if( $(seletor).prev().hasClass("followWrap")) {
  3323.          $(seletor).prev().remove()
  3324.     }
  3325.      $(seletor).remove() 
  3326. }
  3327.  
  3328. window.findMostCommonGames = function() {
  3329.     $("#foundPlayers").empty()
  3330.     warlight_shared_viewmodels_WaitDialogVM.Start("Searching Players...")
  3331.     warlight_shared_messages_Message.GetFriendsAsync(null, warlight_shared_viewmodels_SignIn.Auth, null, function (b, c, players) {
  3332.         if (null != c) throw c;
  3333.         var myId = warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID;
  3334.         warlight_shared_SharedUtility.RemoveWhere(players, function (p) {
  3335.             return p.PlayerID == myId
  3336.         });
  3337.         var topPlayers = [];
  3338.         var limit = -1;
  3339.         for (var i = 0; i < players.length; i++) {
  3340.             var player = players[i];
  3341.             if(player.TimesPlayedWithYou > limit || topPlayers.length < 10) {
  3342.                 topPlayers.push(player)
  3343.                 topPlayers.sort(function (p1, p2) {
  3344.                     return p2.TimesPlayedWithYou - p1.TimesPlayedWithYou
  3345.                 });
  3346.                 topPlayers = topPlayers.slice(0, 10);
  3347.                 limit = topPlayers.slice(-1)[0].TimesPlayedWithYou
  3348.             }
  3349.         }
  3350.         warlight_shared_viewmodels_WaitDialogVM.Stop()
  3351.         parseFoundFriendPlayers(topPlayers)
  3352.     })
  3353. }
  3354.  
  3355. function setupDashboardSearch() {
  3356. //      $("body").append("<div class='popup popup600 playersearch-show' style='display: none'><div class='head'>Search Player <img class='close-popup-img' src='" + IMAGES.CROSS + "' height='25' width='25'></div><input placeholder='Player Name' id='playerSearchQuery'><button id='searchPlayerBtn'>Search</button><div class='playerSearchTypeSelect'><label for='playerSearchFriend'>Friends</label><input type='radio' id='playerSearchFriend' name='playerSearchType' value='playerSearchFriend' checked><label for='playerSearchGlobal'>All Players</label><input type='radio' id='playerSearchGlobal' name='playerSearchType' value='playerSearchGlobal'></div><button id='findPlayerExtra'>More ▼</button><div id='foundPlayers'></div></div>");
  3357.     
  3358.     var styles = document.createElement("style");
  3359.     styles.type = "text/css";
  3360.     styles.innerHTML = getDataTableCSS();
  3361.     document.body.appendChild(styles);
  3362.       
  3363.     $("body").append(`<div class='popup popup600 playersearch-show' style='display: none'>
  3364.         <div class='head'>Search<img class='close-popup-img' src='${IMAGES.CROSS}' height='25' width='25'></div>
  3365.         <div id="searchTabs">
  3366.             <ul>
  3367.                 <li><a href="#tabs-playerSearch">Player</a></li>
  3368.                 <li><a href="#tabs-clanSearch">Clan</a></li>
  3369.             </ul>
  3370.             <div id="tabs-playerSearch">
  3371.  
  3372.                 <input placeholder='Player Name' id='playerSearchQuery'>
  3373.                 <button id='searchPlayerBtn'>Search</button>
  3374.                 <div class='playerSearchTypeSelect'>
  3375.                     <label for='playerSearchFriend'>Friends</label>
  3376.                     <input type='radio' id='playerSearchFriend' name='playerSearchType' value='playerSearchFriend' >
  3377.                     <label for='playerSearchGlobal'>All Players</label>
  3378.                     <input type='radio' id='playerSearchGlobal' name='playerSearchType' value='playerSearchGlobal' checked>
  3379.                 </div>
  3380.                 <button id='findPlayerExtra'>More ▼</button>
  3381.                 <div id='foundPlayers'></div>
  3382.             </div>
  3383.             <div id="tabs-clanSearch">
  3384.                 <input placeholder='Clan Name' id='clanSearchQuery'>
  3385.                 <button id='searchClanBtn'>Search</button>
  3386.                 <div id='foundClans'></div>
  3387.             </div>
  3388.         </div>
  3389.     </div>`);
  3390.  
  3391.     $("#searchTabs").tabs();
  3392.     $( "#searchTabs" ).on( "tabsactivate", function( event, ui ) {
  3393.         console.log($(ui.newPanel[0]).find("input"))
  3394.         $(ui.newPanel[0]).find("input").focus();
  3395.     } );
  3396.     
  3397.     createSelector("#searchTabs", "background: rgb(23, 23, 23);border: none;")
  3398.     createSelector(".ui-tabs-nav", "border: none;border-bottom: 2px gray solid;border-radius: 0;background:none;")
  3399.     createSelector("#tabs-playerSearch, #tabs-clanSearch", "padding: 15px 0px")
  3400.  
  3401.     $("#SubTabRow").append('<td nowrap="nowrap" id="searchPlayerLink" data-subtabcell="Search Player" class="SubTabCell"><a>Search</a></td>');
  3402.     
  3403.     
  3404.     $("#searchPlayerLink").on("click", function() {
  3405.         showPopup(".playersearch-show")
  3406.         $("#playerSearchQuery").val("")
  3407.         $("#playerSearchQuery").focus()
  3408.     })
  3409.     
  3410.     $("#searchPlayerBtn").on("click", function() {
  3411.         searchPlayer()
  3412.     }) 
  3413.     
  3414.     $("#searchClanBtn").on("click", function() {
  3415.         searchClan()
  3416.     }) 
  3417.     
  3418.     $("#findPlayerExtra").on("click", function(event) {
  3419.         $(".playersearch-context").finish().toggle(100).
  3420.         css({
  3421.             top: event.pageY + "px",
  3422.             left: event.pageX + "px"
  3423.         });
  3424.     })
  3425.     $('#playerSearchQuery').keyup(function(e){
  3426.         if(e.keyCode == 13) {
  3427.             searchPlayer()
  3428.         }
  3429.     }); 
  3430.     $('#clanSearchQuery').keyup(function(e){
  3431.         if(e.keyCode == 13) {
  3432.             searchClan()
  3433.         }
  3434.     });
  3435.     
  3436.     try {
  3437.         $.extend( $$$.fn.dataTableExt.oSort, {
  3438.             "numeric-comma-pre": function ( a ) {
  3439.                 return Number(a.replace(/,/g, ""))
  3440.             },
  3441.  
  3442.             "numeric-comma-asc": function( a, b ) {
  3443.                 return a < b;
  3444.             },
  3445.  
  3446.             "numeric-comma-desc": function(a,b) {
  3447.                 return a > b;
  3448.             }
  3449.         } );
  3450.     } catch(e) {
  3451.     }
  3452.     
  3453.     createSelector(".SubTabCell", "cursor: pointer")
  3454.     createSelector(".playersearch-show button", "padding: 5px;float: left; margin: 10px")
  3455.     createSelector("#playerSearchQuery, #clanSearchQuery", "width: 200px; padding: 5px; margin: 10px;float: left")
  3456.     createSelector(".foundPlayer", "display: block; height: 25px; padding: 2px; clear:both")
  3457.     createSelector(".foundPlayer a", "line-height: 25px; float: left")
  3458.     createSelector(".foundPlayer img", "height: 15px; display: block; float: left; margin: 5px")
  3459.     createSelector(".notFound", "clear: both; display: block; color: gray;")
  3460.     
  3461.     createSelector("#foundPlayers span", "color: gray; padding: 0 5px; line-height: 25px")
  3462.     createSelector("#foundPlayers > span", "display: block; clear: both; margin: 0px; padding: 10px 0")
  3463.     createSelector(".playerSearchName", "float: left")
  3464.     createSelector(".playerSearchTypeSelect", "float: left; width: 30%")
  3465.     createSelector(".playerSearchTypeSelect label", "color: gray; font-size: 13px; margin: 2px")
  3466.     
  3467.     createSelector("#foundClansTable", "float: left")
  3468.     
  3469. }
  3470.  
  3471. function searchPlayer() {    
  3472.     $("#foundPlayers").empty()
  3473.     var query = $("#playerSearchQuery").val().toLowerCase()
  3474.     if($('#playerSearchFriend').is(':checked')) {
  3475.         warlight_shared_viewmodels_WaitDialogVM.Start("Searching Players...")
  3476.         warlight_shared_messages_Message.GetFriendsAsync(null, warlight_shared_viewmodels_SignIn.Auth, null, function (b, c, players) {
  3477.             if (null != c) throw c;
  3478.             var myId = warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID;
  3479.             warlight_shared_SharedUtility.RemoveWhere(players, function (p) {
  3480.                 return p.Name.toLowerCase().indexOf(query) < 0 || p.PlayerID == myId
  3481.             });
  3482.             warlight_shared_viewmodels_WaitDialogVM.Stop()
  3483.             parseFoundFriendPlayers(players)
  3484.         })
  3485.     } else {
  3486.         if(query.length < 3) {
  3487.             warlight_shared_viewmodels_AlertVM.DoPopup("Please enter at least 3 characters to search for");
  3488.             return
  3489.         }
  3490.         warlight_shared_viewmodels_main_manageplayers_ManagePlayersVM.SearchPlayers(query, function (players) {
  3491.             players = players.Results
  3492.             if(players.length >= 25) {
  3493.                 $("#foundPlayers").append("<span>This query found more than 25 results. Only the first 25 results are shown below.</span>")
  3494.             }
  3495.             parseFoundGlobalPlayers(players)
  3496.             $("#playerSearchQuery").focus()
  3497.             $("#playerSearchQuery").select()  
  3498.         })
  3499.     }   
  3500. }
  3501.  
  3502. function searchClan() {
  3503.     $("#foundClans").empty()
  3504.     var query = $("#clanSearchQuery").val().toLowerCase()
  3505.     warlight_shared_viewmodels_WaitDialogVM.Start("Searching Clans...")
  3506.     
  3507.     warlight_shared_messages_Message.GetClansAsync(null, null, function (a, b, clans) {
  3508.         warlight_shared_SharedUtility.RemoveWhere(clans, function (c) {
  3509.             return c.Name.toLowerCase().indexOf(query) < 0
  3510.         });
  3511.         warlight_shared_viewmodels_WaitDialogVM.Stop()
  3512.         parseFoundClans(clans)
  3513.     })
  3514. }
  3515.  
  3516. function parseFoundFriendPlayers(players) {
  3517.     if(!players || players.length == 0) {
  3518.         $("#foundPlayers").append("<span class='notFound'>No Players found.</span>");
  3519.         return;
  3520.     }
  3521.     players.sort(function (p1, p2) {
  3522.         return (p2.TimesPlayedWithYou - p1.TimesPlayedWithYou != 0) ? p2.TimesPlayedWithYou - p1.TimesPlayedWithYou : p1.Level > p2.Level
  3523.     });
  3524.     for (var i = 0; i < players.length; i++) {
  3525.         var player = players[i];
  3526.         var id = String(player.ProfileToken).substr(0, 2) + String(player.PlayerID) + String(player.ProfileToken).substr(2, 2);
  3527.         var nameLink = '<a href="/Profile?p=' + id + '">' + player.Name + '</a>'
  3528.         var clan = player.ClanOpt != null ? '<a href="https://www.warlight.net/Clans/?ID=' + player.ClanOpt.ClanID + '"><img onError="this.onError=null;$(this).remove()" class="playerSearchClan" src="https://d32kaghj56y4ei.cloudfront.net/Data/Clans/' + player.ClanOpt.ClanID + '/Icon/' + player.ClanOpt.IconIncre + '.png"></a>' : "";
  3529.         var member = player.IsMember ? '<img class="playerSearchMember" src="https://d2wcw7vp66n8b3.cloudfront.net/Images/MemberIcon.png">' : "";
  3530.         var description = '<div class="playerSearchName">' + nameLink + member + "<span>(Level " + player.Level + ", " + player.TimesPlayedWithYou + " common games)</span></div>";
  3531.         $("#foundPlayers").append('<div class="foundPlayer">' + clan + description + '</div>')
  3532.     }
  3533. }
  3534.  
  3535. function parseFoundClans(clans) {
  3536.     if(!clans || clans.length == 0) {
  3537.         $("#foundClans").append("<span class='notFound'>No Clans found.</span>");
  3538.         return;
  3539.     }
  3540.     clans.sort(function (c1, c2) {
  3541.         return (c2.TotalPointsInThousands - c1.TotalPointsInThousands)
  3542.     });
  3543.     var clanTableHTML = '<table id="foundClansTable"><thead><tr><td>Name</td><td>Created By</td><td>Total Points</td><td>Created On</td></tr></thead>'
  3544.     for (var i = 0; i < clans.length; i++) {
  3545.         var clan = clans[i];
  3546.         var name = clan.Name;
  3547.         var id = clan.ID;
  3548.         var createdBy = clan.CreatedBy;
  3549.         var iconId = clan.IconIncre;
  3550.         var totalpoints = (clan.TotalPointsInThousands * 1000).toLocaleString("en")
  3551.         var createdDate = moment(clan.CreatedDate.date).format('MM/DD/YYYY')
  3552.         var nameHTML = `<a target="_blank" href="https://www.warlight.net/Clans/?ID=${id}"><img src="https://d32kaghj56y4ei.cloudfront.net/Data/Clans/${id}/Icon/${iconId}.png" onError="this.onError=null;$(this).remove()">${name}</a>`;
  3553.         clanTableHTML += `<tr><td>${nameHTML}</td><td class="${createdBy}">Checking..</td><td>${totalpoints}</td><td>${createdDate}</td></tr>`
  3554.         
  3555.         setProfileLink(createdBy)
  3556.     }
  3557.     clanTableHTML += "</table>"
  3558.     $("#foundClans").append(clanTableHTML)
  3559.     
  3560.     var dataTable = $$$("#foundClansTable").DataTable({
  3561.         "order": [],
  3562.         paging: false,
  3563.         sDom: 't',
  3564.         columnDefs: [ {
  3565.             targets: [ 0 ],
  3566.             orderData: [ 0, 3 ]
  3567.         },{
  3568.             targets: [ 1 ],
  3569.             orderData: [ 1, 0 ]
  3570.         },{
  3571.             targets: [ 2 ],
  3572.             orderData: [ 2, 1, 0 ],
  3573.             type: "numeric-comma"
  3574.         },{
  3575.             targets: [ 3 ],
  3576.             orderData: [ 3, 1, 0 ]
  3577.         } ], 
  3578.         "aoColumns": [
  3579.             { "orderSequence": [ "asc", "desc" ] },
  3580.             { "orderSequence": [ "asc", "desc" ] },
  3581.             { "orderSequence": [ "asc", "desc" ] },
  3582.             { "orderSequence": [ "desc", "asc" ] },
  3583.         ]
  3584.     });
  3585.  
  3586. }
  3587.  
  3588. function setProfileLink(id) {
  3589.     $.ajax({
  3590.         type: 'GET',
  3591.         url: `https://w115l144.hoststar.ch/wl/wl_profile.php?p=${id}`,
  3592.         dataType: 'jsonp',
  3593.         crossDomain: true,
  3594.     }).done(function(response){
  3595.         if(isFinite(response.data)){
  3596.             $(`.${id}`).html(`<a target="_blank" href="https://www.warlight.net/Profile?p=${response.data}">Profile</a>`)   
  3597.         } else {
  3598.             $(`.${id}`).html(`Unknown`) 
  3599.         }
  3600.     });
  3601. }
  3602.  
  3603. function parseFoundGlobalPlayers(players) {
  3604.     if(!players || players.length == 0) {
  3605.         $("#foundPlayers").append("<span class='notFound'>No Players found.</span>");
  3606.         return;
  3607.     }
  3608.     players.sort(function(p1, p2){
  3609.         return (p2.Level - p1.Level != 0) ? p2.Level - p1.Level : p1.Name > p2.Name
  3610.     });
  3611.  
  3612.     for (var i = 0; i < players.length; i++) {
  3613.         var player = players[i];
  3614.         var id = String(player.ProfileToken).substr(0, 2) + String(player.PlayerID) + String(player.ProfileToken).substr(2, 2);
  3615.         var nameLink = '<a href="/Profile?p=' + id + '">' + player.Name + '</a>'
  3616.         var clan = player.ClanOpt != null ? '<a href="https://www.warlight.net/Clans/?ID=' + player.ClanOpt.ClanID + '"><img onError="this.onError=null;$(this).remove()" class="playerSearchClan" src="https://d32kaghj56y4ei.cloudfront.net/Data/Clans/' + player.ClanOpt.ClanID + '/Icon/' + player.ClanOpt.IconIncre + '.png"></a>' : "";
  3617.         var member = player.IsMember ? '<img class="playerSearchMember" src="https://d2wcw7vp66n8b3.cloudfront.net/Images/MemberIcon.png">' : "";
  3618.         var name = '<div class="playerSearchName">' + nameLink + "<span>(" + player.Level + ")</span></div>";
  3619.         $("#foundPlayers").append('<div class="foundPlayer">' + clan + name + member + '</div>');
  3620.     }
  3621. }
  3622.  
  3623. window.setTimeout(validateUser, 2000);
  3624. function validateUser() {
  3625.     if(pageIsLogin()) {
  3626.        setUserInvalid();
  3627.     }
  3628.     if(WLJSDefined() && warlight_shared_viewmodels_ConfigurationVM.Settings) {
  3629.         ifSettingIsEnabled("wlUserIsValid", function() {
  3630.             
  3631.         }, function() {
  3632.             var player = warlight_shared_viewmodels_SignIn.get_CurrentPlayer();
  3633.             $.ajax({
  3634.                 type: 'GET',
  3635.                 url: 'https://w115l144.hoststar.ch/wl/wlpost.php?n=' + btoa(encodeURI(player.Name)) + '&i=' +  (String)(player.ProfileToken).substring(0, 2) + player.ID + String(player.ProfileToken).substring(2, 4)+ '&v=' +  version,
  3636.                 dataType: 'jsonp',
  3637.                 crossDomain: true,
  3638.             }).done(function(response){
  3639.                 if(response.data.valid) {
  3640.                     console.log(atob(response.data.name) + " was validated on ", new Date(response.data.timestamp * 1000));
  3641.                     setUserValid();
  3642.                 }
  3643.             });
  3644.         })
  3645.     }
  3646. }
  3647.  
  3648.  
  3649. function setUserInvalid() {
  3650.      Database.update(Database.Table.Settings, {name: "wlUserIsValid", value: false}, undefined, function() {
  3651.         
  3652.     })
  3653. }
  3654.  
  3655. function setUserValid() {
  3656.     Database.update(Database.Table.Settings, {name: "wlUserIsValid", value: true}, undefined, function() {
  3657.         
  3658.     })
  3659. }
  3660.  
  3661. var mapData;
  3662. function setupMapSearch() {
  3663.     $("#PerPageBox").closest("tr").after('<tr><td></td><td><input id="mapSearchQuery" placeholder="Map Name"><br><button id="mapSearchBtn">Search</button><button style="margin: 4px" id="mapSearchResetBtn">Reset</button></td></tr>')
  3664.     
  3665.     $('#mapSearchQuery').on('keypress', function (event) {
  3666.          if(event.which === 13){
  3667.              searchMaps();
  3668.          }
  3669.    });
  3670.     
  3671.     $("#mapSearchBtn").on("click", function() {
  3672.          searchMaps();
  3673.     })    
  3674.     
  3675.     $("#FilterBox, #SortBox, #PerPageBox").on("change", function() {
  3676.        $("#mapSearchQuery").val("")
  3677.        $("#searchResultsTitle").remove()
  3678.     })
  3679.  
  3680. }
  3681.  
  3682. function searchMaps() {
  3683.     if(mapData == undefined) {
  3684.         $("<div />").load('Ajax/EnumerateMaps?Filter=' + 1 + '&Sort=' + 1 + "&PerPage=" + 2147483647 + "&Offset=" + 0, function(data) {
  3685.             mapData = data;
  3686.             filterMaps(this);
  3687.         })
  3688.     } else {
  3689.         var maps = $("<div />").html(mapData)
  3690.         filterMaps(maps);
  3691.     }
  3692. }
  3693.  
  3694. function filterMaps(selector) {
  3695.     var query = $("#mapSearchQuery").val()
  3696.     $.each($(selector).find("div"), function(key, div) {
  3697.         if($(div).text().trim().toLowerCase().replace(/(rated.*$)/, "").indexOf(query.toLowerCase()) == -1) {
  3698.             $(div).remove()
  3699.         }
  3700.     })
  3701.      
  3702.     var count = $(selector).find("div").length
  3703.     $('#MapsContainer').empty()
  3704.     $(selector).detach().appendTo('#MapsContainer')
  3705.     $("#MapsContainer tr:last-of-type").html("Showing maps 1 - " + count + " of " + count);
  3706.     $("#ReceivePager").html("Showing maps 1 - " + count + " of " + count); 
  3707.     $("#searchResultsTitle").length > 0 ? $("#searchResultsTitle").html("Searchresults for <i>" + query +"</i>") : $("#ReceivePager").after("<h2 id='searchResultsTitle'>Searchresults for <i>" + query +"</i></h2>")
  3708.     
  3709. }
  3710.  
  3711.  
  3712. /**************************************
  3713.  
  3714.     MANAGER LEAGUE
  3715.     
  3716. **************************************/
  3717.  
  3718. function setupManagerLeague() {
  3719.     var script = document.createElement("script");
  3720.     script.type = "text/javascript";
  3721.     document.body.appendChild( script );
  3722.     script.src = "https://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.js";
  3723.     script.onload = function() {
  3724.         console.log("loaded1")
  3725.         var script2 = document.createElement("script");
  3726.         script2.type = "text/javascript";
  3727.         document.body.appendChild( script2 );
  3728.         script2.src = "https://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.highlighter.min.js";    
  3729.         script2.onload = function() {
  3730.             console.log("loaded2")
  3731.         }
  3732.     }
  3733.     
  3734.     var styles = document.createElement("style");
  3735.     styles.type = "text/css";
  3736.     styles.innerHTML = getPlotCSS();
  3737.     document.body.appendChild(styles);
  3738.     
  3739.     var cosPoints = []; 
  3740.     for (var i=0; i<2*Math.PI; i+=0.1){ 
  3741.      cosPoints.push([i, Math.cos(i)]); 
  3742.     }
  3743.     console.log(cosPoints)
  3744.  
  3745.  $.ajax({
  3746.         type: 'GET',
  3747.         url: 'https://w115l144.hoststar.ch/wl/managerleague.php',
  3748.         dataType: 'jsonp',
  3749.         crossDomain: true,
  3750.     }).done(function(response){
  3751.         try {
  3752. 			var max = 100;
  3753.             var json = response.data
  3754. 			$.jqplot.config.enablePlugins = true;
  3755.             this.tooltipOffset = 100
  3756. 			$("#MainSiteContent > table tr:nth-of-type(2) > td:nth-of-type(3)").append('<div id="ManagerLeaguePrice" style="width:500px; height:200px;"></div>')
  3757.              var points = []; 
  3758. 			 var ticksx = [];
  3759. 			  for (var i = 1; i < json[0]["prices"].length; i++){
  3760. 				  var price = json[0]["prices"][i]
  3761. 				  max = price > 100 ? price : max
  3762. 				  points.push([i, price])
  3763. 				  ticksx.push([i, "Week " + i])
  3764. 			  } 
  3765. 			  console.log(points)
  3766. 			  var plot1 = $.jqplot('ManagerLeaguePrice', [points], {  
  3767. 				  series:[{color: '#5FAB78'}],
  3768.                   title: 'Manager League Price',
  3769. 				  axes:{
  3770. 					xaxis:{
  3771. 						label:'Time',
  3772. 						min: 0,
  3773. 						ticks: ticksx,
  3774.                         tickOptions:{
  3775.                             formatString:'Week %s'
  3776.                         } 
  3777. 					},
  3778. 					yaxis:{
  3779. 						label:'Price',
  3780. 						min: 0,
  3781. 						max: Math.ceil(max/25)*25,
  3782.                         numberTicks: max / 25 + 1,
  3783.                         tickOptions:{
  3784.                             formatString:'%d $'
  3785.                         } 
  3786. 					},
  3787. 					axesDefaults: {
  3788. 					  labelRenderer: $.jqplot.CanvasAxisLabelRenderer
  3789. 					},
  3790.                     grid: {
  3791.                         backgroundColor: '#DEA493'
  3792.                     },
  3793. 				  }
  3794. 			  });
  3795.              
  3796.         } catch (e) {
  3797.             console.log("Error parsing Manager League")
  3798.             console.log(e)
  3799.         }
  3800.     }).fail(function(e){
  3801.         console.log("Error loading Manager League")
  3802.         console.log(e);
  3803.     });
  3804.     
  3805. }
  3806.  
  3807. /**************************************
  3808.  
  3809.     SPAMMERS BE GONE BLACKLISTEDTHREADS
  3810.     
  3811. **************************************/
  3812.  
  3813. window.undoIgnore = function() {
  3814.     // reset blacklisted threads to empty list
  3815.     Database.clear(Database.Table.BlacklistedForumThreads, function() {
  3816.         if(pageIsForumOverview() || pageIsSubForum()) {
  3817.             $("#MainSiteContent > table tbody table:nth-of-type(2) tr .checkbox").prop("checked", false)
  3818.             $("#MainSiteContent > table tbody table:nth-of-type(2) tr").show()
  3819.         } else if(pageIsDashboard()) {
  3820.             $("#ForumTable tr").show()
  3821.         } else {
  3822.             location.reload;
  3823.         }
  3824.     })
  3825.     
  3826. }
  3827.  
  3828. function replaceAndFilterForumTable(tableHTML) {
  3829.     var table = $.parseHTML(tableHTML);
  3830.     var promises = [];
  3831.     $.each($(table).find("tr"), function (key, row) {
  3832.         
  3833.         if(threadId = $(row).html().match(/href="\/Forum\/([^-]*)/mi)) {
  3834.             promises[key] = $.Deferred();
  3835.             Database.readIndex(Database.Table.BlacklistedForumThreads, Database.Row.BlacklistedForumThreads.ThreadId, threadId[1], function(thread) {
  3836.                 if(thread) {
  3837.                      $(row).hide();
  3838.                  }
  3839.                 promises[key].resolve();
  3840.             })
  3841.         }
  3842.     })
  3843.     $.when.apply($, promises).done(function () {
  3844.         $("#ForumTable").replaceWith($(table).outerHTML())
  3845.         
  3846.         ifSettingIsEnabled('disableHideThreadOnDashboard', function() {
  3847.             
  3848.         }, function() {
  3849.             $("#ForumTable").unbind();
  3850.             $("#ForumTable").bind("contextmenu", function (event) {
  3851.                 $(".highlightedBookmark").removeClass("highlightedBookmark")
  3852.                 
  3853.                 var row = $(event.target).closest("tr")
  3854.                 row.addClass("highlightedBookmark")
  3855.                 // Avoid the real one
  3856.                 
  3857.                 if(row.is(":last-child")) {
  3858.                     return;
  3859.                 }
  3860.                 event.preventDefault();
  3861.                 threadId = row.html().match(/href="\/Forum\/([^-]*)/mi);
  3862.                 if (threadId) {
  3863.                     activeThreadId = threadId[1]
  3864.                 } else {
  3865.                     return
  3866.                 }
  3867.  
  3868.                 // Show contextmenu
  3869.                 $(".thread-context").finish().toggle(100).
  3870.  
  3871.                 // In the right position (the mouse)
  3872.                 css({
  3873.                     top: event.pageY + "px",
  3874.                     left: event.pageX + "px"
  3875.                 });
  3876.             });
  3877.         })
  3878.         
  3879.     });
  3880. }
  3881.  
  3882. var activeThreadId;
  3883. function hideBlacklistedThreads() {
  3884.     replaceAndFilterForumTable($("#ForumTable").outerHTML())    
  3885. }
  3886.  
  3887. window.hideThread = function() {
  3888.     clearOldBlacklistedThreads();
  3889.     var thread = {
  3890.         threadId: activeThreadId, 
  3891.         date: new Date().getTime()
  3892.     }
  3893.     Database.add(Database.Table.BlacklistedForumThreads, thread, function() {
  3894.         hideBlacklistedThreads();  
  3895.     })
  3896. }
  3897.  
  3898. function hideOffTopicThreads() {
  3899.     $.each($("#MainSiteContent > table tbody table:nth-of-type(2) tr:visible"), function(key, row) {
  3900.         if($(row).find("td:first-of-type").text().trim() == "Off-topic") {
  3901.             var threadId = $(row).html().match(/href="\/Forum\/([^-]*)/mi)
  3902.             Database.add(Database.Table.BlacklistedForumThreads, {threadId: threadId[1], date: new Date().getTime()}, function() {
  3903.                 $(row).hide()
  3904.             })        
  3905.         }
  3906.     })
  3907. }
  3908.  
  3909. function setupSpammersBeGone() {
  3910.     var path = window.location.pathname;
  3911.     if(pageIsForumThread()) {
  3912.         // TODO : Ignore posts from blacklisted players
  3913.     }
  3914.  
  3915.     if(pageIsForumOverview()) {
  3916.         // Do nothing
  3917.     }
  3918.  
  3919.     if(pageIsForumOverview()) {
  3920.         newColumnCountOnPage = 5;
  3921.         showIgnoreCheckBox(newColumnCountOnPage);    
  3922.         hideIgnoredThreads();
  3923.     }
  3924.  
  3925.     if(pageIsSubForum()) {
  3926.         newColumnCountOnPage = 4;
  3927.         showIgnoreCheckBox(newColumnCountOnPage);    
  3928.         hideIgnoredThreads();
  3929.     }
  3930.     
  3931.     $(".checkbox").on("change", function(){
  3932.         if(this.checked) {
  3933.             clearOldBlacklistedThreads();
  3934.             var threadId = $(this).closest("tr").html().match(/href="\/Forum\/([^-]*)/mi)
  3935.             Database.add(Database.Table.BlacklistedForumThreads, {threadId : threadId[1], date: new Date().getTime()}, function() {
  3936.                 hideIgnoredThreads();
  3937.             })
  3938.             
  3939.         }
  3940.     });
  3941.  
  3942. }
  3943.  
  3944. function clearOldBlacklistedThreads() {
  3945.     Database.readAll(Database.Table.BlacklistedForumThreads, function(threads) {
  3946.         $.each(threads, function(key, thread) {
  3947.             if(thread.date < (new Date() - 60 * 24 * 60 * 60 * 1000)) {
  3948.                 Database.delete(Database.Table.BlacklistedForumThreads, thread.id, function(){})
  3949.             } 
  3950.         })
  3951.     })
  3952. }
  3953.  
  3954. /**
  3955.  * Inserts a new column of check boxes for each Forum thread.
  3956.  */
  3957. function showIgnoreCheckBox(columnCountOnPage) {
  3958.     var $row = "<th> Ignore</th>";
  3959.     var header = $("table.region tr:first");
  3960.  
  3961.     if(header.children("th").length < columnCountOnPage) {
  3962.         header.append($row);
  3963.     }
  3964.  
  3965.     var allPosts = $('table.region tr').not(':first');
  3966.  
  3967.     allPosts.each(function( index, post){
  3968.         if($(this).children("td").length < columnCountOnPage) {
  3969.             var postId = $(this).find('a:first').attr('href');
  3970.             $(this).append("<td> <input type='checkbox' name='"+ postId +"' class='checkbox' value='Yes'/> </td>");
  3971.         }
  3972.     }); 
  3973. }
  3974.  
  3975. /**
  3976.  * Hides all threads marked as "ignored" by a user.
  3977.  */
  3978. function hideIgnoredThreads() {
  3979.     var allPosts = $('table.region tr').not(':first');
  3980.     $.each(allPosts, function(key, row) {
  3981.         if(threadId = $(row).html().match(/href="\/Forum\/([^-]*)/mi)) {
  3982.             Database.readIndex(Database.Table.BlacklistedForumThreads, Database.Row.BlacklistedForumThreads.ThreadId, threadId[1], function(thread) {
  3983.                 if(thread) {
  3984.                      $(row).hide();
  3985.                  }
  3986.             })
  3987.         }
  3988.     })
  3989.     
  3990. }
  3991.  
  3992. function foldProfileStats() {
  3993.     //$("#MainSiteContent table table h3")
  3994.     addCSS(`
  3995.         #accordion h3  {
  3996.             cursor: pointer;
  3997.     `)
  3998.     $.each($("big").parent().contents(), function(key, val) {
  3999.         if(val.nodeType == 3) {
  4000.             $(val).replaceWith(`<span>${val.data}</span>`)
  4001.         }
  4002.     })
  4003.     $.each($("#MainSiteContent table table h3"), function(key, val){
  4004.         $(val).nextUntil("h3").wrapAll("<div class='exp'></div>")
  4005.     })
  4006.     
  4007.     $("#MainSiteContent table table h3:first").prev().nextUntil("").wrapAll("<div id='accordion'></div>")
  4008.     $('#accordion h3').click(function(e){
  4009.         $(this).next().slideToggle();
  4010.     });
  4011.     
  4012. //    var id = Number(sessionStorage.getItem("profileAccordion")) || false;
  4013. //    $( "#accordion" ).accordion({
  4014. //        collapsible: true,
  4015. //        heightStyle: "content",
  4016. //        active: id,
  4017. //        activate: function( event, ui ) {
  4018. //            var id = $("#MainSiteContent table table h3").index(ui.newHeader)
  4019. //            sessionStorage.setItem("profileAccordion", id)
  4020. //        },
  4021. //    });
  4022. }
  4023.  
  4024.  
  4025. /**************************************
  4026.  
  4027.     RANDOMIZED BONUSES
  4028.  
  4029. **************************************/
  4030.  
  4031. // Compute Player Ids
  4032.  
  4033. window.yourId;
  4034. window.opponentId;
  4035. window.gameName;
  4036.  
  4037. function setupRandomizedBonuses() {
  4038.     if(pageIsProfile()) {
  4039.         ifSettingIsEnabled("isMember", function() {
  4040.             ifSettingIsEnabled("hideCreateRandomGameForm", function() {
  4041.                 
  4042.             }, function() {
  4043.                 var idRegex = /p=(\d+)/;
  4044.                 var yourProfileLink = document.evaluate('/html/body/div[1]/span/div/a[2]',
  4045.                     document, null, XPathResult.ANY_TYPE, null).iterateNext();
  4046.                 yourId = yourProfileLink.href.match(idRegex)[1];
  4047.                 opponentId = getParameterByName("p");
  4048.                 if (yourId == opponentId) {
  4049.                     opponentId = "OpenSeat";
  4050.                 }
  4051.  
  4052.                 // Add text box and button
  4053.                 addRandomizedControls();
  4054.             })
  4055.         })
  4056.         
  4057.     }
  4058. }
  4059.  
  4060.  
  4061. function addRandomizedControls() {
  4062.     /// <summary>
  4063.     /// Add a text box(for sample game Id) and a button to create randomized 
  4064.     /// game.
  4065.     /// </summary>
  4066.     /// <param name="levelElement" type="Element">
  4067.     /// The parent element if text box and button.
  4068.     /// </param>
  4069.  
  4070.     $("#FeedbackMsg").after("<div class='randomGameContainer profileBox'><h3>Randomized Bonuses Game</h3></div>")
  4071.     var br = document.createElement('br');
  4072.     
  4073.     $(".randomGameContainer").append('<label for="gameName">Game Name:</label><input id="gameName" type="text" placeholder="Game Name" value="Game - Randomized Bonuses"><br>')
  4074.         
  4075.     $(".randomGameContainer").append('<label for="gameId">Game ID:</label><input id="gameId" type="text" placeholder="Game ID" value="">')
  4076.     
  4077.     $(".randomGameContainer").append('<button id="createGame">Create Game</button>')
  4078.     $("#createGame").on("click", function() {
  4079.         $("#createGame").attr('disabled', true);
  4080.         $("#createGame").text('...processing...');
  4081.  
  4082.         setTimeout(function(){
  4083.             $("#createGame").attr('disabled', false);
  4084.         $("#createGame").text('Create Game');
  4085.         }, 1000);
  4086.         extractGameSettings();
  4087.     })
  4088.     
  4089.     $(".randomGameContainer").append('<button id="bookmarkRandomBonus"><img src="' + IMAGES.BOOKMARK + '"></button>')
  4090.     $("#bookmarkRandomBonus").on("click", function() {
  4091.         var templateId = getSampleGameId()
  4092.         if(isNaN(templateId)) {
  4093.             warlight_shared_viewmodels_AlertVM.DoPopup("Please enter a valid Game ID");
  4094.            return;
  4095.         }
  4096.         $("#bookmarkURL").val("javascript:randomBonusGame('" + $("#gameName").val().replace("'", "`").replace('"', "`") + "', '" + templateId + "', '"  + yourId + "', '" + opponentId + "')");
  4097.         $("#bookmarkName").val($("#gameName").val());
  4098.         showAddBookmark();
  4099.     })
  4100.  
  4101.  
  4102.     var saveButton = document.createElement("input");
  4103.     saveButton.setAttribute("type", "button");
  4104.     saveButton.setAttribute("value", "<img src='" + IMAGES.SAVE + "'>");
  4105.     saveButton.onclick = function () {
  4106.         var oldValue = saveButton.value;
  4107.         saveButton.setAttribute('disabled', true);
  4108.         saveButton.value = '...saving...';
  4109.  
  4110.         setTimeout(function(){
  4111.             saveButton.value = oldValue;
  4112.             saveButton.removeAttribute('disabled');
  4113.         }, 500);
  4114.         //extractGameSettings();
  4115.     };
  4116.     
  4117.     var bookmarkButton = document.createElement("input");
  4118.     bookmarkButton.setAttribute("type", "button");
  4119.     bookmarkButton.setAttribute("value", "Bookmark");
  4120.     bookmarkButton.onclick = function () {
  4121.         var oldValue = bookmarkButton.value;
  4122.         bookmarkButton.setAttribute('disabled', true);
  4123.         bookmarkButton.value = '...saving...';
  4124.  
  4125.         setTimeout(function(){
  4126.             bookmarkButton.value = oldValue;
  4127.             bookmarkButton.removeAttribute('disabled');
  4128.         }, 500);
  4129.         //extractGameSettings();
  4130.     };
  4131.     
  4132.     createSelector(".randomGameContainer button", "min-width: 10%; margin: 3px 6px 3px 0")
  4133.     createSelector(".randomGameContainer button img", "height: 12px")
  4134.     createSelector(".randomGameContainer input[type='text']", "margin: 3px")
  4135.     createSelector(".randomGameContainer label", "width: 100px; display: inline-block; color: #858585")
  4136. }
  4137.  
  4138. function getSampleGameId() {
  4139.     /// <summary>
  4140.     /// Gets the sample game Id and checks if it is a number.
  4141.     /// </summary>
  4142.     /// <returns type="number">Game Id.</returns>
  4143.     var gameIdElement = document.getElementById("gameId");
  4144.     if (gameIdElement !== undefined) {
  4145.         return parseInt(gameIdElement.value, 10);
  4146.     }
  4147. }
  4148.  
  4149. function extractGameSettings(gameId) {
  4150.     /// <summary>
  4151.     /// Extract game settings from the sample game using GameFeed API.
  4152.     /// </summary>
  4153.  
  4154.     var sampleGameId = gameId || getSampleGameId();
  4155.     if (isNaN(sampleGameId)) {
  4156.         alert("Invalid GameId");
  4157.     } else {
  4158.         doAsyncRequest("POST",
  4159.             'https://www.warlight.net/API/GameFeed?GameID=' +
  4160.             sampleGameId.toString() + '&GetHistory=true', {},
  4161.             "GameFeed");
  4162.     }
  4163. }
  4164.  
  4165. function setupRandomizedGame(response) {
  4166.     /// <summary>
  4167.     /// From the GameFeed API response, randomize bonuses and create a game 
  4168.     /// using the template.
  4169.     /// </summary>
  4170.     /// <param name="response" type="string">
  4171.     /// The GameFeed API response for the provided sample game.
  4172.     /// </param>
  4173.  
  4174.     var obj = JSON.parse(response);
  4175.     if (obj != undefined) {
  4176.         var templateId = obj.templateID;
  4177.         var bonuses = [];
  4178.         if(obj && obj.map) {
  4179.             for (var i = 0; i < obj.map.bonuses.length; i++) {
  4180.                 var bonusObj = obj.map.bonuses[i];
  4181.                 if (bonusObj.value != 0) {
  4182.                     var bonus = [];
  4183.                     var originalBonusValue = parseInt(bonusObj.value, 10);
  4184.  
  4185.                     // set the bonus value to (original-1, original+1)
  4186.                     bonus.push(bonusObj.name);
  4187.                     bonus.push(originalBonusValue - 1);
  4188.                     bonus.push(originalBonusValue + 1);
  4189.                     bonuses.push(bonus);
  4190.                 }
  4191.             }
  4192.         } else {
  4193.             alert("Invalid Game ID. Please make sure the game lasted at least 1 turn and is finished. Also ensure that the template exists and is not custom")
  4194.             warlight_shared_viewmodels_WaitDialogVM.Stop();
  4195.             return
  4196.         }
  4197.     }
  4198.     createGame(templateId, bonuses, yourId, opponentId);
  4199. }
  4200.  
  4201. window.randomBonusGame = function(name, templateId, yID, oID) {
  4202.     ifSettingIsEnabled("isMember", function() {
  4203.         warlight_shared_viewmodels_WaitDialogVM.Start("Creating Game...")
  4204.         yourId = yID;
  4205.         opponentId = oID;
  4206.         gameName = name;
  4207.         extractGameSettings(templateId)
  4208.     }, function() {
  4209.         warlight_shared_viewmodels_AlertVM.DoPopup("You need to be a Warlight Member to use this Feature");
  4210.     })
  4211. }
  4212. function createGame(templateId, bonuses, yourId, opponentId) {
  4213.     /// <summary>
  4214.     /// Create a game on Warlight between the two players on given settings.
  4215.     /// </summary>
  4216.     /// <param name="templateId" type="number">
  4217.     /// The game template Id.
  4218.     /// </param>
  4219.     /// <param name="bonuses" type="array">
  4220.     /// All bonuses on the map and the range of values they can take.
  4221.     /// </param>
  4222.  
  4223.     var template = templateId;
  4224.     var postDataObject = {
  4225.         "gameName": gameName || $("#gameName").val() || "Randomized bonuses game",
  4226.         "personalMessage": "Check bonuses carefully as they may have been altered",
  4227.         "templateID": template,
  4228.         "players": [{
  4229.             "token": yourId,
  4230.             "team": "None"
  4231.         }, {
  4232.             "token": opponentId,
  4233.             "team": "None"
  4234.         }],
  4235.         "overriddenBonuses": []
  4236.     };
  4237.     if (bonuses !== null) {
  4238.         for (var i = 0; i < bonuses.length; i++) {
  4239.             var bonusName = bonuses[i][0];
  4240.             var min = bonuses[i][1];
  4241.             var max = bonuses[i][2];
  4242.             postDataObject.overriddenBonuses.push({
  4243.                 "bonusName": bonusName,
  4244.                 value: getRandomInt(min, max) // Randomize the bonus
  4245.             });
  4246.         }
  4247.     }
  4248.     var response = doAsyncRequest("POST",
  4249.         'https://www.warlight.net/API/CreateGame', JSON.stringify(
  4250.             postDataObject), "CreateGame");
  4251. }
  4252.  
  4253. function getRandomInt(min, max) {
  4254.     /// <summary>
  4255.     /// Pick a random number in the interval (min, max)
  4256.     /// </summary>
  4257.     /// <param name="min" type="number">
  4258.     /// lower bound of number
  4259.     /// </param>
  4260.     /// <param name="max" type="number">
  4261.     /// upper bound of number
  4262.     /// </param>
  4263.     /// <returns type="number">
  4264.     /// Random number in the interval
  4265.     /// </returns>
  4266.  
  4267.     return Math.floor(Math.random() * (max - min + 1)) + min;
  4268. }
  4269.  
  4270. function doAsyncRequest(method, url, data, api) {
  4271.     /// <summary>
  4272.     /// Perform an asynchronous request to create a game on Warlight.
  4273.     /// </summary>
  4274.     /// <param name="method" type="string">
  4275.     /// GET/POST
  4276.     /// </param>
  4277.     /// <param name="url" type="string">
  4278.     /// The request url.
  4279.     /// </param>
  4280.     /// <param name="data" type="dictionary">
  4281.     /// Request parameters
  4282.     /// </param>
  4283.     /// <param name="api" type="string">
  4284.     /// Warlight api type
  4285.     /// </param>
  4286.     var xhr = new XMLHttpRequest();
  4287.     xhr.onreadystatechange = function() {
  4288.         //if (xhr.readyState === 4){
  4289.         if (xhr.readyState != 4) return;
  4290.             if (api === "GameFeed") {
  4291.                 setupRandomizedGame(xhr.responseText);
  4292.             } else if (api === "CreateGame") {
  4293.                 var obj = JSON.parse(xhr.responseText);
  4294.                 if (obj.gameID !== undefined) {
  4295.                     if(pageIsDashboard()) {
  4296.                         refreshMyGames()
  4297.                         warlight_shared_viewmodels_WaitDialogVM.Stop();
  4298.                     } else {
  4299.                         window.location.href = "https://www.warlight.net/MultiPlayer?GameID=" + obj.gameID
  4300.                     }
  4301.                     
  4302.                 } else if (obj.error !== undefined) {
  4303.                     if(!obj.hasOwnProperty('templateID')) {
  4304.                         alert("Please make sure the game you are providing uses an existing Template and not \"Custom\"")
  4305.                     } else {
  4306.                         alert("Cannot create game. Warlight says: " + obj.error);
  4307.                     }
  4308.                     try {
  4309.                         warlight_shared_viewmodels_WaitDialogVM.Stop();
  4310.                     } catch(e){}
  4311.                 }
  4312.         }
  4313.     };
  4314.  
  4315.     xhr.open(method, url, true);
  4316.     xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); 
  4317.     xhr.send(data);
  4318. }
  4319.  
  4320. function setIsMember() {
  4321.     if (WLJSDefined()) {
  4322.         window.setTimeout(function() {
  4323.             if(warlight_shared_viewmodels_ConfigurationVM.Settings) {
  4324.                 var isMember = {name: "isMember", value: warlight_shared_viewmodels_SignIn.get_CurrentPlayer().IsMember}
  4325.                 Database.update(Database.Table.Settings, isMember, undefined, function() {
  4326.                 })
  4327.             }
  4328.             
  4329.         }, 2000)
  4330.        
  4331.     }
  4332. }
  4333.  
  4334. function getParameterByName(name, url) {
  4335.     url = url || location.search
  4336.     name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
  4337.     var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
  4338.         results = regex.exec(url);
  4339.     return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
  4340. }
  4341.  
  4342. /**************************************
  4343.  
  4344.     SNOWFALL JQUERY PLUGIN
  4345.  
  4346. **************************************/
  4347.  
  4348. if (!Date.now)
  4349.     Date.now = function() { return new Date().getTime(); };
  4350.  
  4351. (function() {
  4352.     'use strict';
  4353.  
  4354.     var vendors = ['webkit', 'moz'];
  4355.     for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
  4356.         var vp = vendors[i];
  4357.         window.requestAnimationFrame = window[vp+'RequestAnimationFrame'];
  4358.         window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame']
  4359.                                    || window[vp+'CancelRequestAnimationFrame']);
  4360.     }
  4361.     if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) // iOS6 is buggy
  4362.         || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
  4363.         var lastTime = 0;
  4364.         window.requestAnimationFrame = function(callback) {
  4365.             var now = Date.now();
  4366.             var nextTime = Math.max(lastTime + 16, now);
  4367.             return setTimeout(function() { callback(lastTime = nextTime); },
  4368.                               nextTime - now);
  4369.         };
  4370.         window.cancelAnimationFrame = clearTimeout;
  4371.     }
  4372. }());
  4373.  
  4374.  
  4375.  
  4376.  
  4377.  
  4378.  
  4379.  
  4380.  
  4381.  
  4382. function setupSnowflakes() {
  4383.     $.snowfall = function(element, options){
  4384.         var flakes = [],
  4385.             defaults = {
  4386.                 flakeCount : 50,
  4387.                 flakeColor : '#ffffff',
  4388.                 flakePosition: 'absolute',
  4389.                 flakeIndex: 999999,
  4390.                 minSize : 1,
  4391.                 maxSize : 2,
  4392.                 minSpeed : 1,
  4393.                 maxSpeed : 5,
  4394.                 round : false,
  4395.                 shadow : false,
  4396.                 collection : false,
  4397.                 collectionHeight : 40,
  4398.                 deviceorientation : false
  4399.             },
  4400.             options = $.extend(defaults, options),
  4401.             random = function random(min, max){
  4402.                 return Math.round(min + Math.random()*(max-min));
  4403.             };
  4404.  
  4405.             $(element).data("snowfall", this);
  4406.  
  4407.             // Snow flake object
  4408.             function Flake(_x, _y, _size, _speed){
  4409.                 // Flake properties
  4410.                 this.x  = _x;
  4411.                 this.y  = _y;
  4412.                 this.size = _size;
  4413.                 this.speed = _speed;
  4414.                 this.step = 0;
  4415.                 this.stepSize = random(1,10) / 100;
  4416.  
  4417.                 if(options.collection){
  4418.                     this.target = canvasCollection[random(0,canvasCollection.length-1)];
  4419.                 }
  4420.  
  4421.                 var flakeMarkup = null;
  4422.  
  4423.                 if(options.image){
  4424.                     flakeMarkup = document.createElement("img");
  4425.                     flakeMarkup.src = options.image;
  4426.                 }else{
  4427.                     flakeMarkup = document.createElement("div");
  4428.                     $(flakeMarkup).css({'background' : options.flakeColor});
  4429.                 }
  4430.  
  4431.                 $(flakeMarkup).attr({
  4432.                     'class': 'snowfall-flakes', 
  4433.                 }).css({
  4434.                     'width' : this.size, 
  4435.                     'height' : this.size, 
  4436.                     'position' : options.flakePosition, 
  4437.                     'top' : this.y, 
  4438.                     'left' : this.x, 
  4439.                     'fontSize' : 0, 
  4440.                     'zIndex' : options.flakeIndex
  4441.                 });
  4442.  
  4443.                 if($(element).get(0).tagName === $(document).get(0).tagName){
  4444.                     $('body').append($(flakeMarkup));
  4445.                     element = $('body');
  4446.                 }else{
  4447.                     $(element).append($(flakeMarkup));
  4448.                 }
  4449.  
  4450.                 this.element = flakeMarkup;
  4451.  
  4452.                 // Update function, used to update the snow flakes, and checks current snowflake against bounds
  4453.                 this.update = function(){
  4454.                     this.y += this.speed;
  4455.  
  4456.                     if(this.y > (elHeight) - (this.size  + 6)){
  4457.                         this.reset();
  4458.                     }
  4459.  
  4460.                     this.element.style.top = this.y + 'px';
  4461.                     this.element.style.left = this.x + 'px';
  4462.  
  4463.                     this.step += this.stepSize;
  4464.  
  4465.                     if (doRatio === false) {
  4466.                         this.x += Math.cos(this.step);
  4467.                     } else {
  4468.                         this.x += (doRatio + Math.cos(this.step));
  4469.                     }
  4470.  
  4471.                     // Pileup check
  4472.                     if(options.collection){
  4473.                         if(this.x > this.target.x && this.x < this.target.width + this.target.x && this.y > this.target.y && this.y < this.target.height + this.target.y){
  4474.                             var ctx = this.target.element.getContext("2d"),
  4475.                                 curX = this.x - this.target.x,
  4476.                                 curY = this.y - this.target.y,
  4477.                                 colData = this.target.colData;
  4478.  
  4479.                                 if(colData[parseInt(curX)][parseInt(curY+this.speed+this.size)] !== undefined || curY+this.speed+this.size > this.target.height){
  4480.                                     if(curY+this.speed+this.size > this.target.height){
  4481.                                         while(curY+this.speed+this.size > this.target.height && this.speed > 0){
  4482.                                             this.speed *= .5;
  4483.                                         }
  4484.  
  4485.                                         ctx.fillStyle = "#fff";
  4486.  
  4487.                                         if(colData[parseInt(curX)][parseInt(curY+this.speed+this.size)] == undefined){
  4488.                                             colData[parseInt(curX)][parseInt(curY+this.speed+this.size)] = 1;
  4489.                                             ctx.fillRect(curX, (curY)+this.speed+this.size, this.size, this.size);
  4490.                                         }else{
  4491.                                             colData[parseInt(curX)][parseInt(curY+this.speed)] = 1;
  4492.                                             ctx.fillRect(curX, curY+this.speed, this.size, this.size);
  4493.                                         }
  4494.                                         this.reset();
  4495.                                     }else{
  4496.                                         // flow to the sides
  4497.                                         this.speed = 1;
  4498.                                         this.stepSize = 0;
  4499.  
  4500.                                         if(parseInt(curX)+1 < this.target.width && colData[parseInt(curX)+1][parseInt(curY)+1] == undefined ){
  4501.                                             // go left
  4502.                                             this.x++;
  4503.                                         }else if(parseInt(curX)-1 > 0 && colData[parseInt(curX)-1][parseInt(curY)+1] == undefined ){
  4504.                                             // go right
  4505.                                             this.x--;
  4506.                                         }else{
  4507.                                             //stop
  4508.                                             ctx.fillStyle = "#fff";
  4509.                                             ctx.fillRect(curX, curY, this.size, this.size);
  4510.                                             colData[parseInt(curX)][parseInt(curY)] = 1;
  4511.                                             this.reset();
  4512.                                         }
  4513.                                     }
  4514.                                 }
  4515.                         }
  4516.                     }
  4517.  
  4518.                     if(this.x + this.size > (elWidth) - widthOffset || this.x < widthOffset){
  4519.                         this.reset();
  4520.                     }
  4521.                 }
  4522.  
  4523.                 // Resets the snowflake once it reaches one of the bounds set
  4524.                 this.reset = function(){
  4525.                     this.y = 0;
  4526.                     this.x = random(widthOffset, elWidth - widthOffset);
  4527.                     this.stepSize = random(1,10) / 100;
  4528.                     this.size = random((options.minSize * 100), (options.maxSize * 100)) / 100;
  4529.                     this.element.style.width = this.size + 'px';
  4530.                     this.element.style.height = this.size + 'px';
  4531.                     this.speed = random(options.minSpeed, options.maxSpeed);
  4532.                 }
  4533.             }
  4534.  
  4535.             // local vars
  4536.             var i = 0,
  4537.                 elHeight = $(element).height(),
  4538.                 elWidth = $(element).width(),
  4539.                 widthOffset = 0,
  4540.                 snowTimeout = 0;
  4541.  
  4542.             // Collection Piece ******************************
  4543.             if(options.collection !== false){
  4544.                 var testElem = document.createElement('canvas');
  4545.                 if(!!(testElem.getContext && testElem.getContext('2d'))){
  4546.                     var canvasCollection = [],
  4547.                         elements = $(options.collection),
  4548.                         collectionHeight = options.collectionHeight;
  4549.  
  4550.                     for(var i =0; i < elements.length; i++){
  4551.                             var bounds = elements[i].getBoundingClientRect(),
  4552.                                 $canvas = $('<canvas/>',
  4553.                                     {
  4554.                                         'class' : 'snowfall-canvas'
  4555.                                     }),
  4556.                                 collisionData = [];
  4557.  
  4558.                             if(bounds.top-collectionHeight > 0){
  4559.                                 $('body').append($canvas);
  4560.  
  4561.                                 $canvas.css({
  4562.                                     'position' : options.flakePosition,
  4563.                                     'left'     : bounds.left + 'px',
  4564.                                     'top'      : bounds.top-collectionHeight + 'px'
  4565.                                 })
  4566.                                 .prop({
  4567.                                     width: bounds.width,
  4568.                                     height: collectionHeight
  4569.                                 });
  4570.  
  4571.                                 for(var w = 0; w < bounds.width; w++){
  4572.                                     collisionData[w] = [];
  4573.                                 }
  4574.  
  4575.                                 canvasCollection.push({
  4576.                                     element : $canvas.get(0), 
  4577.                                     x : bounds.left, 
  4578.                                     y : bounds.top-collectionHeight, 
  4579.                                     width : bounds.width, 
  4580.                                     height: collectionHeight, 
  4581.                                     colData : collisionData
  4582.                                 });
  4583.                             }
  4584.                     }
  4585.                 }else{
  4586.                     // Canvas element isnt supported
  4587.                     options.collection = false;
  4588.                 }
  4589.             }
  4590.             // ************************************************
  4591.  
  4592.             // This will reduce the horizontal scroll bar from displaying, when the effect is applied to the whole page
  4593.             if($(element).get(0).tagName === $(document).get(0).tagName){
  4594.                 widthOffset = 25;
  4595.             }
  4596.  
  4597.             // Bind the Window resize event so we can get the innerHeight again
  4598.             $(window).bind("resize", function(){
  4599.                 elHeight = $(element)[0].clientHeight;
  4600.                 elWidth = $(element)[0].offsetWidth;
  4601.             });
  4602.  
  4603.  
  4604.             // initialize the flakes
  4605.             for(i = 0; i < options.flakeCount; i+=1){
  4606.                 flakes.push(new Flake(random(widthOffset,elWidth - widthOffset), random(0, elHeight), random((options.minSize * 100), (options.maxSize * 100)) / 100, random(options.minSpeed, options.maxSpeed)));
  4607.             }
  4608.  
  4609.             // This adds the style to make the snowflakes round via border radius property
  4610.             if(options.round){
  4611.                 $('.snowfall-flakes').css({'-moz-border-radius' : options.maxSize, '-webkit-border-radius' : options.maxSize, 'border-radius' : options.maxSize});
  4612.             }
  4613.  
  4614.             // This adds shadows just below the snowflake so they pop a bit on lighter colored web pages
  4615.             if(options.shadow){
  4616.                 $('.snowfall-flakes').css({'-moz-box-shadow' : '1px 1px 1px #555', '-webkit-box-shadow' : '1px 1px 1px #555', 'box-shadow' : '1px 1px 1px #555'});
  4617.             }
  4618.  
  4619.             // On newer Macbooks Snowflakes will fall based on deviceorientation
  4620.             var doRatio = false;
  4621.             if (options.deviceorientation) {
  4622.                 $(window).bind('deviceorientation', function(event) {
  4623.                     doRatio = event.originalEvent.gamma * 0.1;
  4624.                 });
  4625.             }
  4626.  
  4627.             // this controls flow of the updating snow
  4628.             function snow(){
  4629.                 for( i = 0; i < flakes.length; i += 1){
  4630.                     flakes[i].update();
  4631.                 }
  4632.  
  4633.                 snowTimeout = requestAnimationFrame(function(){snow()});
  4634.             }
  4635.  
  4636.             snow();
  4637.  
  4638.             // clears the snowflakes
  4639.             this.clear = function(){
  4640.                 $('.snowfall-canvas').remove();
  4641.                 $(element).children('.snowfall-flakes').remove();
  4642.                 cancelAnimationFrame(snowTimeout);
  4643.             }
  4644.     };
  4645.  
  4646.     // Initialize the options and the plugin
  4647.     $.fn.snowfall = function(options){
  4648.         if(typeof(options) == "object" || options == undefined){
  4649.                  return this.each(function(i){
  4650.                     (new $.snowfall(this, options));
  4651.                 });
  4652.         }else if (typeof(options) == "string") {
  4653.             return this.each(function(i){
  4654.                 var snow = $(this).data('snowfall');
  4655.                 if(snow){
  4656.                     snow.clear();
  4657.                 }
  4658.             });
  4659.         }
  4660.     };
  4661.  
  4662.     ifSettingIsEnabled('showSnow', function() {
  4663.         var flakes;
  4664.         ifSettingIsEnabled('snowLight', function() {
  4665.             flakes = pageIsGame() ? 40 : 125
  4666.             $(document).snowfall({flakeCount : flakes});
  4667.         }, function() {
  4668.             flakes = pageIsGame() ? 75 : 225
  4669.             $(document).snowfall({flakeCount : flakes});
  4670.         })
  4671.     }, function() {
  4672.  
  4673.     })
  4674. }
  4675.  
  4676.  
  4677.  
  4678. /**************************************
  4679.  
  4680.     Textarea HTML Box
  4681.  
  4682. **************************************/
  4683.  
  4684.  
  4685. function setupTextarea() {
  4686.     var controls_default = [
  4687.         {title: "<b>B</b>", class: ["tag"], openClose: true,    tag: "b"},
  4688.         {title: "<i>I</i>", class: ["tag"], openClose: true,    tag: "i"},
  4689.         {title: "code",     class: ["tag"], openClose: true,    tag: "code"},
  4690.         {title: "img",      class: ["tag"], openClose: true,    tag: "img"},
  4691.         {title: "hr",       class: ["tag"], openClose: false,   tag: "hr"},
  4692.         {title: "quote",    class: ["tag"], openClose: true,    tag: "quote"},
  4693.         {title: "list",     class: ["tag"], openClose: true,    tag: "list"},
  4694.         {title: "*",        class: ["tag"], openClose: false,   tag: "*"},
  4695.         
  4696.     ]
  4697.     var controls = "";
  4698.     
  4699.     $.each(controls_default, function(key, control) {
  4700.         controls += `<span class="button ${control.class.join(" ")}" ${(control.openClose ? `open-close` : ``)} data-tag="${control.tag}">${control.title}</span>`
  4701.     })                           
  4702.     $(".region textarea").before(`<div class="editor">${controls}</div>`)
  4703.     $("textarea").attr("style", "")
  4704.     addCSS(`
  4705.         .editor {
  4706.             padding: 5px;
  4707.             background: brown;
  4708.             margin: 5px 5px 0 0;
  4709.         }
  4710.         .editor .button {
  4711.             margin-right: 10px;
  4712.             background: rgb(185,122,122);
  4713.             padding: 3px 5px;
  4714.             border-radius: 5px;
  4715.             cursor: pointer;
  4716.         }
  4717.         textarea {
  4718.             padding: 5px 0 0 5px;
  4719.             box-sizing: border-box;
  4720.             width: calc(100% - 5px);
  4721.             max-width: 774px; 
  4722.             height: 300px
  4723.         }
  4724.     `)
  4725.     createSelector("pre, textarea", "-moz-tab-size: 4;-o-tab-size: 4;tab-size: 4;")
  4726.  
  4727.     $(".editor .tag").on("click", function(e) {
  4728.         var areaId = $(this).closest(".editor").next().attr("id")
  4729.         var area = document.getElementById(areaId)
  4730.         var tag = $(e.target).closest(".tag").attr("data-tag")
  4731.         if(area) {
  4732.             var startPos = area.selectionStart || 0;
  4733.             var endPos = area.selectionEnd || 0;
  4734.             if($(this).is("[open-close]")) {
  4735.                 addTagInEditor(area, startPos, endPos, tag)    
  4736.             } else {
  4737.                 addCodeInEditor(area, startPos, tag)    
  4738.                 
  4739.             }
  4740.                   
  4741.         }
  4742.     })
  4743.     
  4744.     $("textarea").on('keydown', function(e) { 
  4745.         var keyCode = e.keyCode || e.which; 
  4746.         if (keyCode == 9) { 
  4747.             e.preventDefault(); 
  4748.             var areaId = $(this).attr("id")
  4749.             var area = document.getElementById(areaId)
  4750.             console.log(areaId)
  4751.             if(area) { 
  4752.                 var oldVal = $(area).val();
  4753.                 var start = area.selectionStart || 0;
  4754.                 var end = area.selectionEnd || 0;
  4755.                 var newVal = oldVal.substring(0, start) + "\t" + oldVal.substring(end)
  4756.                 if(browserIsFirefox()) {
  4757.                     $(area).val(newVal)
  4758.                     area.setSelectionRange(start + 1, start + 1)
  4759.                 } else {
  4760.                     document.execCommand("insertText", false, "\t")
  4761.                 }
  4762.                             
  4763.             }        
  4764.         } 
  4765.     });
  4766.  
  4767. }
  4768.  
  4769. function addCodeInEditor(area, place, tag) {
  4770.     var oldVal = $(area).val()
  4771.     var newVal = oldVal.substring(0, place) + "[" + tag + "]" + oldVal.substring(place)
  4772.     $(area).focus();
  4773.     if(browserIsFirefox()) {
  4774.         $(area).val(newVal)
  4775.     } else {
  4776.         document.execCommand("insertText", false, "[" + tag + "]")
  4777.     }
  4778.     area.setSelectionRange(place + tag.length + 2, place + tag.length + 2)
  4779.     $(area).focus();
  4780. }
  4781.  
  4782. function addTagInEditor(area, start, end, tag) {
  4783.     var oldVal = $(area).val()
  4784.     var selection = oldVal.substring(start, end)
  4785.     var newContent = "[" + tag + "]" + selection + "[/" + tag + "]"
  4786.     var newVal = oldVal.substring(0, start) + newContent + oldVal.substring(end)
  4787.     $(area).focus();
  4788.     if(browserIsFirefox()) {
  4789.         $(area).val(newVal)
  4790.     } else {
  4791.         document.execCommand("insertText", false, newContent)   
  4792.     }
  4793.     
  4794.     if(start == end) {
  4795.         area.setSelectionRange(start + tag.length + 2, start + tag.length + 2)
  4796.     } else {
  4797.         area.setSelectionRange(end + 5 + (2 * tag.length), end + 5 + (2 * tag.length))
  4798.     }
  4799.     
  4800.     $(area).focus();
  4801. }
  4802.  
  4803. function browserIsFirefox() {
  4804.     return navigator.userAgent.toLowerCase().indexOf('firefox') > -1
  4805. }
  4806.  
  4807.  
  4808. /**************************************
  4809.  
  4810.     INDEXED DB
  4811.  
  4812. **************************************/
  4813.  
  4814.  
  4815. function setupDatabase() {
  4816.     window.Database = {
  4817.         db: null,
  4818.         Table: {
  4819.             Bookmarks: "Bookmarks",
  4820.             Settings: "Settings",
  4821.             BlacklistedForumThreads: "BlacklistedForumThreads"
  4822.         },
  4823.         Row: {
  4824.             BlacklistedForumThreads: {
  4825.                 ThreadId: "threadId",
  4826.                 Date: "date"
  4827.             },
  4828.             Bookmarks: {
  4829.                 Order: "order"
  4830.             },
  4831.             Settings: {
  4832.                 Name: "name"
  4833.             }
  4834.         },
  4835.         init: function(callback) {
  4836.            if(!"indexedDB" in window) {
  4837.                 console.log("no IndexedDB found")
  4838.                 return;
  4839.             }
  4840.             var openRequest = indexedDB.open("TidyUpYourDashboard_v3", 1);
  4841.             openRequest.onupgradeneeded = function(e) {
  4842.                 
  4843.                 var thisDB = e.target.result;
  4844.                 if(!thisDB.objectStoreNames.contains("Bookmarks")) {
  4845.                     var objectStore = thisDB.createObjectStore("Bookmarks", {autoIncrement:true});
  4846.                     objectStore.createIndex("order", "order", {unique:true});
  4847.                 }
  4848.                 if(!thisDB.objectStoreNames.contains("Settings")) {
  4849.                     var objectStore = thisDB.createObjectStore("Settings", { keyPath: "name" });
  4850.                     objectStore.createIndex("name", "name", {unique: true});
  4851.                     objectStore.createIndex("value", "value", {unique: false});
  4852.                 }
  4853.                 if(!thisDB.objectStoreNames.contains("BlacklistedForumThreads")) {
  4854.                     var objectStore = thisDB.createObjectStore("BlacklistedForumThreads", {autoIncrement:true});
  4855.                     objectStore.createIndex("threadId", "threadId", {unique:true});
  4856.                     objectStore.createIndex("date", "date", {unique:false});
  4857.                 }
  4858.  
  4859.             }
  4860.  
  4861.             openRequest.onsuccess = function(e) {
  4862.                 console.log("indexedDB init sucessful");
  4863.                 db = e.target.result;
  4864.                 callback()
  4865.             }
  4866.  
  4867.             openRequest.onerror = function(e) {
  4868.                 console.log("Error Init IndexedDB")
  4869.                 console.log(e.target.error)
  4870. //                alert("Sorry, Tidy Up Your Dashboard is not supported")
  4871.                 $("<div>Sorry,<br> Tidy Up Your Dashboard is not supported.</div>").dialog();
  4872.             }
  4873.         },
  4874.         update: function(table, value, key, callback) {
  4875.             var transaction = db.transaction([table],"readwrite");
  4876.             var store = transaction.objectStore(table);
  4877.  
  4878.  
  4879.             //Perform the add
  4880.             var request = store.put(value, key != undefined ? Number(key) : undefined);
  4881.  
  4882.             request.onerror = function(e) {
  4883.                 console.log("Error saving in ", table)
  4884.                 console.log(e.target.error);
  4885.                 //some type of error handler
  4886.             }
  4887.  
  4888.             request.onsuccess = function(e) {
  4889.                 console.log("Saved in ", table)
  4890.                 callback()
  4891.             }
  4892.         },
  4893.         read: function(table, key, callback) {
  4894.             var transaction = db.transaction([table], "readonly");
  4895.             var objectStore = transaction.objectStore(table);
  4896.  
  4897.             var ob = objectStore.get(Number(key));
  4898.  
  4899.             ob.onsuccess = function(e) {
  4900.                 var result = e.target.result;
  4901.                 callback(result)            
  4902.             }
  4903.         },
  4904.         readIndex: function(table, row, value, callback) {
  4905.             var transaction = db.transaction([table], "readonly");
  4906.             var objectStore = transaction.objectStore(table);
  4907.  
  4908.             var index = objectStore.index(row);
  4909.  
  4910.             //name is some value
  4911.             var ob = index.get(value);
  4912.  
  4913.             ob.onsuccess = function(e) {
  4914.                 var result = e.target.result;
  4915.                 callback(result)            
  4916.             }
  4917.         },
  4918.         readAll: function(table, callback) {
  4919.             var transaction = db.transaction([table], "readonly");
  4920.             var objectStore = transaction.objectStore(table);
  4921.             var items = []
  4922.  
  4923.             var ob = objectStore.openCursor()
  4924.  
  4925.             ob.onsuccess = function(e) {
  4926.                 var cursor = e.target.result;
  4927.                 if (cursor) {
  4928.                     var item = cursor.value;
  4929.                     item.id = cursor.primaryKey;
  4930.                     items.push(item);
  4931.                     cursor.continue();
  4932.                 } else {
  4933.                     callback(items)
  4934.                 }                
  4935.             }
  4936.         },
  4937.         add: function(table, value, callback) {
  4938.             console.log("adding to db")
  4939.             var transaction = db.transaction([table],"readwrite");
  4940.             var store = transaction.objectStore(table);
  4941.  
  4942.  
  4943.             //Perform the add
  4944.             var request = store.add(value);
  4945.  
  4946.             request.onerror = function(e) {
  4947.                 console.log("Error saving in ", table)
  4948.                 console.log(e.target.error);
  4949.                 //some type of error handler
  4950.             }
  4951.  
  4952.             request.onsuccess = function(e) {
  4953.                 console.log("Saved in ", table)
  4954.                 callback()
  4955.             }
  4956.         },
  4957.         delete: function(table, key, callback) {
  4958.             var transaction = db.transaction([table],"readwrite");
  4959.             var store = transaction.objectStore(table);
  4960.  
  4961.  
  4962.             //Perform the add
  4963.             var request = store.delete(key)
  4964.  
  4965.             request.onerror = function(e) {
  4966.                 console.log("Error deleting in ", table)
  4967.                 console.log(e.target.error);
  4968.                 //some type of error handler
  4969.             }
  4970.  
  4971.             request.onsuccess = function(e) {
  4972.                 console.log("Deleted in ", table)
  4973.                 callback()
  4974.             }
  4975.         },
  4976.         clear: function(table, callback) {
  4977.             var transaction = db.transaction([table],"readwrite");
  4978.             var store = transaction.objectStore(table);
  4979.  
  4980.  
  4981.             //Perform the add
  4982.             var request = store.clear();
  4983.  
  4984.             request.onerror = function(e) {
  4985.                 console.log("Error clearing ", table)
  4986.                 console.log(e.target.error);
  4987.                 //some type of error handler
  4988.             }
  4989.  
  4990.             request.onsuccess = function(e) {
  4991.                 console.log("Cleared ", table)
  4992.                 callback()
  4993.             }
  4994.         },
  4995.  
  4996.     }
  4997.  
  4998. }
  4999.  
  5000. /**************************************
  5001.  
  5002.     Other
  5003.  
  5004. **************************************/
  5005.  
  5006. function addCSS(css) {
  5007.     head = document.head || document.getElementsByTagName('head')[0],
  5008.     style = document.createElement('style');
  5009.  
  5010.     style.type = 'text/css';
  5011.     if (style.styleSheet) {
  5012.         style.styleSheet.cssText = css;
  5013.     } else {
  5014.         style.appendChild(document.createTextNode(css));
  5015.     }
  5016.     head.appendChild(style);
  5017. }
  5018.  
  5019. function addVersionLabel() {
  5020.     if(!pageIsGame()) {
  5021.         $("body").append('<div class="versionLabel">' + GM_info.script.version +'</div>')
  5022.         createSelector(".versionLabel", "position:fixed; right:0; bottom: 0; padding: 5px; color: #555; font-size: 10px; cursor:pointer")
  5023.         $(".versionLabel").on("click", showUserscriptMenu)        
  5024.     }
  5025.     
  5026. }
  5027.  
  5028. function WLJSDefined() {
  5029.     return (typeof WLJSLoaded) != "undefined" && WLJSLoaded();
  5030. }
  5031.  
  5032.  
  5033. function getDataTableCSS() {
  5034.     
  5035.     return 'table.dataTable thead td,table.dataTable thead th{padding:6px 18px 6px 6px}table.dataTable tfoot td,table.dataTable tfoot th{padding:10px 18px 6px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{cursor:pointer}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_desc_disabled{background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url(https://cdn.datatables.net/1.10.10/images/sort_both.png)}table.dataTable thead .sorting_asc{background-image:url(https://cdn.datatables.net/1.10.10/images/sort_asc.png)}table.dataTable thead .sorting_desc{background-image:url(https://cdn.datatables.net/1.10.10/images/sort_desc.png)}table.dataTable thead .sorting_asc_disabled{background-image:url(https://cdn.datatables.net/1.10.10/images/sort_asc_disabled.png)}table.dataTable thead .sorting_desc_disabled{background-image:url(https://cdn.datatables.net/1.10.10/images/sort_desc_disabled.png)}.dataTables_wrapper{position:relative;clear:both;zoom:1}#PlayersContainer tbody td{border-left:#222 1px solid}#PlayersContainer td{white-space:nowrap}'
  5036. }
  5037.  
  5038. function getPlotCSS() {
  5039.     return '.jqplot-target{position:relative;color:#666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1em;}.jqplot-axis{font-size:.75em;}.jqplot-xaxis{margin-top:10px;}.jqplot-x2axis{margin-bottom:10px;}.jqplot-yaxis{margin-right:10px;}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis{margin-left:10px;margin-right:10px;}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{position:absolute;}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top;}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom;}.jqplot-yaxis-tick{right:0;top:15px;text-align:right;}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em;}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left;}.jqplot-meterGauge-tick{font-size:.75em;color:#999;}.jqplot-meterGauge-label{font-size:1em;color:#999;}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute;}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute;}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute;}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;position:absolute;}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px;}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,0.6);border:1px solid #ccc;position:absolute;font-size:.75em;}td.jqplot-table-legend{vertical-align:middle;}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer;}td.jqplot-table-legend>div{border:1px solid #ccc;padding:1px;}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid;}.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.2em;}table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px;}.jqplot-highlighter-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px;}.jqplot-point-label{font-size:.75em;z-index:2;}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center;}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em;}.jqplot-error{text-align:center;}.jqplot-error-message{position:relative;top:46%;display:inline-block;}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:rgb(20%,20%,20%);}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,0.7);}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,0.3);}'
  5040. }
  5041.  
  5042. function setupImages() {
  5043.     window.IMAGES = {
  5044.         EYE: 'https://i.imgur.com/kekYrsO.png',
  5045.         CROSS: 'https://i.imgur.com/RItbpDS.png',
  5046.         QUESTION: 'https://i.imgur.com/TUyoZOP.png',
  5047.         PLUS: 'https://i.imgur.com/lT6SvSY.png',
  5048.         SAVE: 'https://i.imgur.com/Ze4h3NQ.png',
  5049.         BOOKMARK: 'https://i.imgur.com/c6IxAql.png'
  5050.  
  5051.     }
  5052. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

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