☰

Tidy up your Dashboard

Customizable Userscript which tidies up your Dashboard!

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

  1. // ==UserScript==
  2. // @name Tidy up your Dashboard
  3. // @namespace https://gf.qytechs.cn/users/10154
  4. // @grant none
  5. // @match https://www.warlight.net/*
  6. // @description Customizable Userscript which tidies up your Dashboard!
  7. // @version 1.9.11.5
  8. // @icon http://i.imgur.com/XzA5qMO.png
  9. /// @require http://code.jquery.com/jquery-1.11.3.min.js
  10. /// @require https://gf.qytechs.cn/scripts/14620-randomized-bonus/code/Randomized%20Bonus.user.js
  11. /// @require https://gf.qytechs.cn/scripts/8981-spammers-be-gone/code/Spammers%20be%20gone!.user.js
  12.  
  13. // ==/UserScript==
  14. //this.$ = this.jQuery = jQuery.noConflict(true);
  15.  
  16. var version = "1.9.11.5";
  17.  
  18. function checkVersion() {
  19.     var currentVersion = localStorage.getItem('version');
  20.  
  21.     if (currentVersion == version) {
  22.         //Script Up to date
  23.  
  24.     } else if (currentVersion == undefined) {
  25.         //Script new installed
  26.         $(".userscript-show").fadeIn();
  27.         $(".overlay").fadeIn();
  28.         if (!localStorage.getItem("bookmarks")) {
  29.             addDefaultBookmark();
  30.         }
  31.     } else {
  32.         //Script Updated
  33.         //$("label[for='showPrivateNotesOnProfile']").addClass('newSetting');
  34.         
  35.         //$(".userscript-show").fadeIn();
  36.         //$(".overlay").fadeIn();
  37.  
  38.     }
  39.  
  40.     localStorage.setItem('version', version);
  41. }
  42.  
  43.  
  44. var lastRefresh;
  45. var myGamesTable = $("#MyGamesTable");
  46. var openGamesTable = $("#OpenGamesTable");
  47. var promotedGamesTable = $("#PromotedGamesTable");
  48. var lastClick = new Date();
  49.  
  50. var openGamesFilters;
  51. var bookmarks;
  52.  
  53. var userscriptSettings = [
  54.     {
  55.         id: 'scrollGames',
  56.         text: 'Fixed Window with scrollable Games',
  57.         selected: false,
  58.         title: 'Dashboard',
  59.         addBreak: false,
  60.         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. '
  61.     },
  62.     {
  63.         id: 'hideMyGamesIcons',
  64.         text: 'Hide Icons in "My Games"',
  65.         selected: false,
  66.         title: '',
  67.         addBreak: false,
  68.         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"'
  69.     },
  70.     {
  71.         id: 'autoRefreshOnFocus',
  72.         text: 'Automatically refresh Games on Tab-Focus',
  73.         selected: false,
  74.         title: '',
  75.         addBreak: false,
  76.         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.'
  77.     },
  78.     {
  79.         id: 'highlightTournaments',
  80.         text: 'Highlight Tournament invites',
  81.         selected: false,
  82.         title: '',
  83.         addBreak: false,
  84.     },
  85.     {
  86.         id: 'highlightNewForumPosts',
  87.         text: 'Highlight new Clan Posts',
  88.         selected: false,
  89.         title: '',
  90.         addBreak: false,
  91.         help: 'This Option highlights Forum Posts in the Clan Forum Posts section which you haven\'t read yet.'
  92.     },
  93.     {
  94.         id: 'hideRightColumn',
  95.         text: 'Hide Right Column',
  96.         selected: false,
  97.         title: '',
  98.         addBreak: false,
  99.         help: 'This Option hides the right column completely and leaves you alone with My-, Open- and Coin-Games.'
  100.     },
  101.     {
  102.         id: 'hidePromotedGames',
  103.         text: 'Hide Promoted Games',
  104.         selected: false,
  105.         title: '',
  106.         addBreak: false,
  107.         help: 'This Option hides the Promoted Games on the Dashboard'
  108.     },
  109.     {
  110.         id: 'useDefaultBootLabel',
  111.         text: 'Use the Default Boot Time Label',
  112.         selected: false,
  113.         title: '',
  114.         addBreak: false
  115.     },
  116.     {
  117.         id: 'showOpenGamesTab',
  118.         text: 'Show Open Games Tab in Menu Bar',
  119.         selected: false,
  120.         title: 'Global',
  121.         addBreak: false,
  122.         help: 'This Option displays a link to the "Open Games" site right next to the "Past Games" Link.'
  123.     },
  124.     {
  125.         id: 'hideCoinsGlobally',
  126.         text: 'Hide Coins Globally',
  127.         selected: false,
  128.         title: '',
  129.         addBreak: false,
  130.         help: 'This Option removes everything from Warlight related to Coins'
  131.     },
  132.     {
  133.         id: 'showPrivateNotesOnProfile',
  134.         text: 'Show Private Notes on Profile',
  135.         selected: false,
  136.         title: '',
  137.         addBreak: false,
  138.         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.'
  139.     },
  140.     {
  141.         id: 'unlinkDashboard',
  142.         text: 'Link Dashboard to "old" My-Games Site',
  143.         selected: false,
  144.         title: '',
  145.         addBreak: false,
  146.         help: 'This Option links the Dashboard to the "old" My-Games Site'
  147.     },
  148.     
  149.     {
  150.         id: 'disableSnow',
  151.         text: 'Disable Snow',
  152.         selected: false,
  153.         title: 'Special',
  154.         addBreak: false,
  155.         help: 'Turns off the snow animation on all sites'
  156.     },
  157.     {
  158.         id: 'snowLight',
  159.         text: 'Reduce the number of Snowflakes',
  160.         selected: false,
  161.         title: '',
  162.         addBreak: false,
  163.         help: 'Reduce the number of Snowflakes for a better performance'
  164.     }
  165. ];
  166.  
  167. var filters = [
  168.     {
  169.         id: "disableAll",
  170.         text: "Disable All Filters",
  171.         selected: false,
  172.         type: "checkbox"
  173.     },
  174.     {
  175.         id: "",
  176.         text: "<div style='display:inline-block;height:30px; width: 10px'> </div>",
  177.         selected: false,
  178.         type: "custom"
  179.     },
  180.     {
  181.         id: "hideTeam",
  182.         text: "Hide Team Games",
  183.         selected: false,
  184.         type: "checkbox"
  185.     }, {
  186.         id: "hideManualDistribution",
  187.         text: "Hide Manual Distribution Games",
  188.         selected: false,
  189.         type: "checkbox"
  190.     },
  191.     {
  192.         id: "hideFFA",
  193.         text: "Hide FFA Games",
  194.         selected: false,
  195.         type: "checkbox"
  196.     },
  197.     {
  198.         id: "hideAutoDistribution",
  199.         text: "Hide Auto Distribution Games",
  200.         selected: false,
  201.         type: "checkbox"
  202.     },
  203.     {
  204.         id: "hide1v1",
  205.         text: "Hide 1 v 1 Games",
  206.         selected: false,
  207.         type: "checkbox"
  208.     },
  209.     {
  210.         id: "hideCustomScenario",
  211.         text: "Hide Custom Scenario Games",
  212.         selected: false,
  213.         type: "checkbox"
  214.     },
  215.     {
  216.         id: "hideNoSplit",
  217.         text: "Hide No-Split Games",
  218.         selected: false,
  219.         type: "checkbox"
  220.     },
  221.     {
  222.         id: "hideNonCustomScenario",
  223.         text: "Hide Non-Custom Scenario Games",
  224.         selected: false,
  225.         type: "checkbox"
  226.     },
  227.     {
  228.         id: "hideLocalDeployments",
  229.         text: "Hide Local Deployment Games",
  230.         selected: false,
  231.         type: "checkbox"
  232.     },
  233.     {
  234.         id: "hidePractice",
  235.         text: "Hide Practice Games",
  236.         selected: false,
  237.         type: "checkbox"
  238.     },
  239.     {
  240.         id: "hideLuck",
  241.         text: "<label for='hideLuck' style='width:169px'>Hide Luck greater than</label><input type='text' id='hideLuck' class='number'>",
  242.         selected: false,
  243.         type: "custom"
  244.     },
  245.     {
  246.         id: "hideNonPractice",
  247.         text: "Hide Non-Practice Games",
  248.         selected: false,
  249.         type: "checkbox"
  250.     },
  251.     {
  252.         id: "limitPlayers",
  253.         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>',
  254.         selected: false,
  255.         type: "custom"
  256.     },
  257.     {
  258.         id: "hideBootTime",
  259.         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>',
  260.         selected: false,
  261.         type: "custom"
  262.     },
  263.     {
  264.         id: "hideKeyword",
  265.         text: '<label for="hideKeyword" style="width:115px">Hide Keywords<img src="https://i.imgur.com/TUyoZOP.png" 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>',
  266.         selected: false,
  267.         type: "custom",
  268.     }
  269.  
  270. ];
  271.  
  272. var showGamesActive = "ShowMyGames";
  273.  
  274.  
  275. var openGames = [];
  276. readLocalstorage();
  277. setGlobalStyles();
  278. setupUserscriptMenu();
  279. setupBookmarkMenu();
  280. checkVersion();
  281. setupExternalJS();
  282.  
  283. $.fn.settingIsEnabled = function (setting) {
  284.     var selected = false;
  285.     $.each(userscriptSettings, function (key, set) {
  286.         if (set.id == setting) {
  287.             selected = set.selected;
  288.         }
  289.     });
  290.     return selected;
  291. };
  292.  
  293. if (isEnabled('unlinkDashboard')) {
  294.     $("#MultiPlayerBtn").attr('href', 'https://www.warlight.net/MultiPlayer?MyGames=1');
  295.     $("#SubTabRow td > a[href='/MultiPlayer/'").attr('href', 'https://www.warlight.net/MultiPlayer?MyGames=1');
  296.  
  297. }
  298.  
  299. if (pageIsForumThread() || pageIsClanForumThread()) {
  300.     //Show Open Games Link
  301.     $("[href='#Reply']").after(" | <a style='cursor:pointer' onclick='bookmarkForumThread()'>Bookmark</a>")
  302.     $("#PostReply").after(" | <a style='cursor:pointer' onclick='bookmarkForumThread()'>Bookmark</a>")
  303. }
  304.  
  305. if (pageIsTournament()) {
  306.     $(document).ready(function () {
  307.         setupTournamentFindMe()
  308.     });
  309.     $("#HostLabel").after(" | <a style='cursor:pointer' onclick='bookmarkTournament()'>Bookmark</a>");
  310.     $("#HostLabel").css("display", "inline-block")
  311.     $("#LeftToStartMessage").text(" | " + $("#LeftToStartMessage").text())
  312.     createSelector("#LeftToStartMessage:before", "content: ' | '")
  313.     
  314. }
  315.  
  316. if (pageIsMultiplayer()) {
  317.     //Show Open Games Link
  318.     if (isEnabled('showOpenGamesTab')) {
  319.         showOpenGamesLink();
  320.     }
  321. }
  322.  
  323. if(pageIsLadderOverview()) {
  324.     setupLadderClotOverview()
  325. }
  326.  
  327.  
  328. if (pageIsDashboard()) {
  329.     window.StringTools.htmlEscape = function (a) {
  330.         if (a.indexOf("##joined##") >= 0) {
  331.             a = a.replace("##joined##", "");
  332.             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">';
  333.         } else {
  334.             return htmlEscape(a);
  335.         }
  336.  
  337.     }
  338.     hideBlacklistedThreads();
  339.     setupBasicDashboardStyles();
  340.     refreshOpenGames();
  341.  
  342.     setupOpenGamesFilter();
  343.  
  344.  
  345.     if (isEnabled('hideCoinsGlobally')) {
  346.         hideCoinsGlobally()
  347.     }
  348.  
  349.     if (isEnabled('highlightTournaments')) {
  350.         createSelector("#MyTournamentsTable tbody", "background:#4C4C33;");
  351.     }
  352.  
  353.     if (isEnabled('hidePromotedGames') || isEnabled('hideCoinsGlobally')) {
  354.         createSelector("#PromotedGamesTable", "display:none");
  355.     }
  356.  
  357.     if (isEnabled('hideMyGamesIcons')) {
  358.         createSelector("#MyGamesTable td div img, #MyGamesTable td div a img", "display:none;");
  359.     }
  360.  
  361.     if (isEnabled('highlightNewForumPosts')) {
  362.         hightlightNewClanForumPosts();
  363.     }
  364.  
  365.     if (isEnabled('scrollGames')) {
  366.         setupFixedWindowWithScrollableGames();
  367.     } 
  368.      setupRightColumn(true);
  369.    
  370.  
  371.     if (isEnabled('hideRightColumn')) {
  372.         hideRightColumn();
  373.     }
  374.  
  375.     $("label[for='MultiDayRadio']").on("click", function () {
  376.         registerGameTabClick()
  377.  
  378.     });
  379.  
  380.     $("label[for='RealTimeRadio']").on("click", function () {
  381.         registerGameTabClick()
  382.     });
  383.  
  384.     $("label[for='BothRadio']").on("click", function () {
  385.         registerGameTabClick()
  386.     });
  387.  
  388.     $(window).resize(function () {
  389.         if (isEnabled('scrollGames')) {
  390.             refreshSingleColumnSize();
  391.         }
  392.     });
  393.  
  394.     checkBookmarkTable();
  395.     setupRefreshFunction();
  396.  
  397. } else {
  398.     if (isEnabled('hideCoinsGlobally')) {
  399.         hideCoinsGlobally()
  400.     }
  401. }
  402.  
  403. if (pageIsClanThread()) {
  404.     registerClanThread();
  405. }
  406.  
  407. if (pageIsProfile() && isEnabled('showPrivateNotesOnProfile') && $("#BlackListImage").length > 0) {
  408.     loadPrivateNotes();
  409. }
  410.  
  411.  
  412. function hideCoinsGlobally() {
  413.     $("#CoinsBtn").parent().next().css('left', 512);
  414.     $("#CoinsBtn").parent().next().next().css('left', 635);
  415.     $("#CoinsBtn").parent().next().next().next().css('left', 740);
  416.  
  417.     $("#LeaderboardTable").prev().remove();
  418.     $("#LeaderboardTable").css({
  419.         opacity: 0,
  420.         cursor: 'default'
  421.     });
  422.     $("#LeaderboardTable a").css('display', 'none');
  423.     $(".TopRightBar").find("a[href='/Coins/']").css('display', 'none');
  424.     $(".dropdown-menu a[href='/Coins/']").parent().remove()
  425.  
  426.     $("a[href='/Win-Money']").css('display', 'none');
  427.  
  428.     $("#OpenTournamentsTable").css('display', 'none');
  429. }
  430.  
  431. /**
  432.  * Reads the User-Settings from Localstorage
  433.  */
  434. function readLocalstorage() {
  435.  
  436.     //Settings
  437.  
  438.     $.each(userscriptSettings, function (key, setting) {
  439.         setting.selected = localStorage.getItem(setting.id) == "true";
  440.     });
  441.  
  442.     //Filters
  443.     var filters = localStorage.getItem("openGamesFilters");
  444.  
  445.     if (filters) {
  446.         openGamesFilters = $.parseJSON(filters);
  447.     } else {
  448.         openGamesFilters = {};
  449.     }
  450.  
  451.     var bm = localStorage.getItem("bookmarks");
  452.  
  453.     if (bm) {
  454.         bookmarks = $.parseJSON(bm);
  455.     } else {
  456.         bookmarks = [];
  457.     }
  458.  
  459.     hideCoinSymbol = true;
  460. }
  461.  
  462. /**
  463.  * Creates the Userscript-Menu
  464.  */
  465. function setupUserscriptMenu() {
  466.  
  467.     var inputs = '';
  468.  
  469.     $.each(userscriptSettings, function (key, setting) {
  470.         if (setting.title != '') {
  471.             inputs += '<span class="title">' + setting.title + '</span><br>';
  472.         }
  473.         var help = setting.help != undefined ? '<img src="https://i.imgur.com/TUyoZOP.png" class="help-icon" onclick=\'showSettingHelp("' + setting.id + '", this)\'>' : ''
  474.         inputs += '<label for="_' + setting.id + '">' + setting.text + help + '</label>' + '<input type="checkbox" id="' + setting.id + '"><br>';
  475.         if (setting.addBreak) {
  476.             inputs += '<hr>';
  477.         }
  478.     });
  479.  
  480.     inputs += '<div class="close-userscript">Close and Refresh</div>';
  481.     $("body").append('<ul class="custom-menu"><div class="content"></div></ul>');
  482.     $("body").append("<div class='overlay' style='display: none'></div><div class='popup popup600 userscript-show' style='display: none'><div class='head'>Change Userscript Settings<img class='close-popup-img' src='https://i.imgur.com/RItbpDS.png' height='25' width='25'></div>" + inputs + "</div>");
  483.     $(".userscript-show").on("change", function () {
  484.         storeSettingsVariables();
  485.     });
  486.     $("#TopRightDropDown .dropdown-divider").before('<li><div class="userscript-menu">Userscript</div></li>');
  487.  
  488.     $(".userscript-menu").on("click", function () {
  489.         $(".userscript-show").fadeIn();
  490.         $(".overlay").fadeIn();
  491.         $("#TopRightDropDown").fadeOut();
  492.         $("embed#main").attr('wmode', 'transparent');
  493.         $("embed#main").css('opacity', '0');
  494.         $("embed#main").attr('align', 'left');
  495.  
  496.     });
  497.  
  498.     $(".close-userscript").on("click", function () {
  499.         $(".userscript-show").fadeOut();
  500.         $(".overlay").fadeOut();
  501.         location.reload();
  502.     });
  503.  
  504.     $(".close-popup-img").on("click", function () {
  505.         $(".userscript-show").fadeOut();
  506.         $(".overlay").fadeOut();
  507.         $("embed#main").css('opacity', '1');
  508.     });
  509.     
  510.     $("#hideRightColumn").after('<button id="sortTables">Sort Right Column Tables</button><br>')
  511.     createSelector("#sortTables","margin-top: 5px")
  512.     $("#sortTables").on("click", function() {
  513.         showSortTables()
  514.     })
  515.     
  516.     var tables = getSortTables()
  517.     
  518.     
  519.    
  520.     var tableCode = ''
  521.     $.each(tables, function(key, table) {
  522.         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">?</span></div></div>'
  523.     })
  524.     
  525.     createSelector(".sortableLadder", "border: 1px gray solid;margin: 5px;padding: 5px;background-color:rgb(25, 25, 25);")
  526.     createSelector(".tableSortNavigation", "display: inline-block;float: right;margin-top: -2px;")
  527.     createSelector(".tableSortNavigation span", "padding: 3px 10px; cursor: pointer")
  528.     createSelector(".tableSortNavigation span:hover", "color: #C0D0FF")
  529.     createSelector(".sortTableHighlight", "background-color: rgb(60, 60, 60)")
  530.     
  531.     createSelector(".tableSortHidden", "opacity: 0.2;") 
  532. 	
  533. 	
  534.    
  535.     $("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="https://i.imgur.com/RItbpDS.png" height="25" width="25"></div>' + tableCode +' <div class="close-userscript" onclick="window.saveTableSort()">Save & Refresh</div></div>')
  536.     
  537.     $(".tableSortUp").on("click", function() {
  538.         $(".sortTableHighlight").removeClass("sortTableHighlight")
  539.         var table = $(this).closest(".sortableLadder")
  540.         table.addClass("sortTableHighlight")
  541.         
  542.         var prev = table.prev()
  543.         table = table.detach()
  544.         prev.before(table)
  545.     })
  546.     
  547.     $(".tableSortDown").on("click", function() {
  548.         $(".sortTableHighlight").removeClass("sortTableHighlight")
  549.         var table = $(this).closest(".sortableLadder")
  550.         table.addClass("sortTableHighlight")
  551.         
  552.         var next = table.next()
  553.         table = table.detach()
  554.         next.after(table)
  555.     })
  556.     
  557.     $(".tableSortHideShow").on("click", function() {
  558.         $(".sortTableHighlight").removeClass("sortTableHighlight")
  559.         var table = $(this).closest(".sortableLadder")
  560.         table.addClass("sortTableHighlight")
  561.         table.toggleClass("tableSortHidden")
  562.     })
  563.     
  564.     checkUserscriptMenuButtons();
  565.  
  566. }
  567.  
  568. function getSortTables() {
  569.       var defaultTables = 
  570.         [
  571.             {id: "#BookmarkTable", name: "Bookmarks", hidden: false, order: 0}, 
  572.             {id: "#ClotTable", name: "CLOTs", hidden: false, order: 1}, 
  573.             {id: "#MyTournamentsTable", name: "Tournaments", hidden: false, order: 2}, 
  574.             {id: "#RealTimeLadderTable", name: "Real-Time Ladder", hidden: false, order: 3}, 
  575.             {id: "#MapOfTheWeekTable", name: "Map of the Week", hidden: false, order: 4}, 
  576.             {id: "#ForumTable", name: "Forum Posts", hidden: false, order: 5}, 
  577.             {id: "#ClanForumTable", name: "Clan Forum Posts", hidden: false, order: 6}, 
  578.             {id: "#BlogTable", name: "Recent Blog Posts", hidden: false, order: 7}, 
  579.             {id: "#LeaderboardTable", name: "Coin Leaderboard", hidden: false, order: 8}
  580.         ]
  581.     var tables;
  582.     var tableData = localStorage.getItem("tableSort")
  583.     try {
  584.         tables = (tableData != undefined && isJson(tableData)) ? JSON.parse(tableData) : defaultTables
  585.     }
  586.      catch(e) {
  587.         return $(defaultTables).sort(compareTable)
  588.     }
  589.     return $(tables).sort(compareTable);
  590. }
  591.  
  592. window.saveTableSort = function() {
  593.     var tables = []
  594.     $.each($("#sortTablePopup > div.sortableLadder"), function(key, table) {
  595.         var order = key
  596.         var id = $(table).attr('data-tableId')
  597.         var hidden = $(table).hasClass("tableSortHidden")
  598.         var name = $(table).attr('data-name')
  599.         tables.push({id: id, name: name, hidden: hidden, order: order})
  600.     })
  601.     localStorage.setItem("tableSort", JSON.stringify(tables))
  602.     
  603.     $("#sortTablePopup").fadeOut();
  604.     $(".overlay").fadeOut();
  605.     window.location.reload()
  606. }
  607.  
  608. function showSortTables() {
  609.     $(".popup").fadeOut();
  610.     $("#sortTablePopup").fadeIn();
  611.     $(".overlay").fadeIn();
  612. }
  613.  
  614. function compareTable(a,b) {
  615.   if (a.order < b.order)
  616.     return -1;
  617.   if (a.order > b.order)
  618.     return 1;
  619.   return 0;
  620. }
  621.  
  622. function showInfo(text, x, y) {
  623.     window.setTimeout(function () {
  624.         if (!$(".custom-menu").is(':visible')) {
  625.             $(".custom-menu .content").html(text);
  626.             $(".custom-menu").finish().toggle(100).
  627.  
  628.             // In the right position (the mouse)
  629.             css({
  630.                 top: x + "px",
  631.                 left: y + "px"
  632.             });
  633.         }
  634.  
  635.     }, 10);
  636. }
  637.  
  638. window.showSettingHelp = function (id, obj) {
  639.     var help = '';
  640.     $.each(userscriptSettings, function (key, setting) {
  641.         if (setting.id == id) {
  642.             help = setting.help;
  643.         }
  644.     });
  645.     var x = $(obj).offset().top;
  646.     var y = $(obj).offset().left;
  647.     showInfo(help, x, y);
  648.  
  649.  
  650. }
  651.  
  652. function checkUserscriptMenuButtons() {
  653.     $.each(userscriptSettings, function (key, setting) {
  654.         $("#" + setting.id).prop("checked", setting.selected);
  655.     });
  656. }
  657.  
  658. function StickyTitles(stickies) {
  659.     var thisObj = this;
  660.     thisObj.load = function () {
  661.         stickies.each(function () {
  662.             var thisSticky = $(this).wrap('<div class="followWrap" />');
  663.             thisSticky.parent().height(thisSticky.outerHeight());
  664.             var pos = parseInt(thisSticky.offset().top, 10) - parseInt($(".showSide").offset().top, 10);
  665.             $.data(thisSticky[0], 'pos', pos);
  666.         });
  667.         $(".showSide").off("scroll.stickies").on("scroll.stickies", function () {
  668.             thisObj.scroll();
  669.         });
  670.     };
  671.  
  672.     thisObj.scroll = function () {
  673.         stickies.each(function (i) {
  674.             var thisSticky = $(this),
  675.                 nextSticky = stickies.eq(i + 1),
  676.                 prevSticky = stickies.eq(i - 1),
  677.                 pos = $.data(thisSticky[0], 'pos');
  678.             var showSide = $(".showSide");
  679.             if (pos <= showSide.scrollTop()) {
  680.                 thisSticky.addClass("fixed");
  681.                 if (nextSticky.length > 0 && thisSticky.offset().top >= $.data(nextSticky[0], 'pos') - thisSticky.outerHeight()) {
  682.                     thisSticky.addClass("absolute").css("top", jQuery.data(nextSticky[0], 'pos') - thisSticky.outerHeight());
  683.                 }
  684.             } else {
  685.                 thisSticky.removeClass("fixed");
  686.                 if (prevSticky.length > 0 && showSide.scrollTop() <= $.data(thisSticky[0], 'pos') - prevSticky.outerHeight()) {
  687.                     prevSticky.removeClass("absolute").removeAttr("style");
  688.                 }
  689.             }
  690.         });
  691.     }
  692. }
  693.  
  694. jQuery.fn.outerHTML = function (s) {
  695.     return s ? this.before(s).remove() : jQuery("<p>").append(this.eq(0).clone()).html();
  696. };
  697.  
  698.  
  699. /**
  700.  * Stores User-Settings to local Storage
  701.  */
  702. function storeSettingsVariables() {
  703.  
  704.     $.each(userscriptSettings, function (key, setting) {
  705.         localStorage.setItem(setting.id, $("#" + setting.id).prop("checked"));
  706.     });
  707.  
  708. }
  709.  
  710. /**
  711.  * Refreshes Width & Height of Columns
  712.  */
  713. function refreshSingleColumnSize() {
  714.     var showSide = $(".showSide");
  715.     var showGames = $(".showGames");
  716.     showSide.scrollTop(0);
  717.     /**
  718.      * Sticky Titles
  719.      */
  720.     $(".followMeBar").each(function () {
  721.         $(this).removeClass("fixed");
  722.         if ($(this).parent().hasClass("followWrap")) {
  723.             $(this).unwrap();
  724.         }
  725.         var thisSticky = $(this).wrap('<div class="followWrap" />');
  726.         thisSticky.parent().height(thisSticky.outerHeight());
  727.  
  728.         var pos = parseInt(thisSticky.offset().top) - parseInt(showSide.offset().top);
  729.         $.data(thisSticky[0], 'pos', pos);
  730.     });
  731.     var width = $("#ForumTable").width();
  732.     createSelector(".followMeBar", "width:" + width + "px;");
  733.  
  734.     showGames.find("table").css({
  735.         height: window.innerHeight - 150
  736.     });
  737.  
  738.     //var height = showGames.find("table thead tr").height() + 30;
  739.     var height = 48;
  740.     createSelector(".showGames table tbody tr:first-of-type td", "padding-top:" + height + "px");
  741.  
  742.  
  743.     showSide.css({
  744.         height: window.innerHeight - 150
  745.     });
  746.     showGames.find("table tbody tr:first-of-type td").css("padding-top", height);
  747.  
  748.     $(".showGames thead tr td div").unwrap();
  749.     checkBookmarkTable()
  750. }
  751.  
  752. /**
  753.  * Create a CSS selector
  754.  * @param name The name of the object, which the rules are applied to
  755.  * @param rules The CSS rules
  756.  */
  757. function createSelector(name, rules) {
  758.     var style = document.createElement('style');
  759.     style.type = 'text/css';
  760.     document.getElementsByTagName('head')[0].appendChild(style);
  761.     if (!(style.sheet || {}).insertRule) {
  762.         (style.styleSheet || style.sheet).addRule(name, rules);
  763.     } else {
  764.         style.sheet.insertRule(name + "{" + rules + "}", 0);
  765.     }
  766. }
  767.  
  768. /**
  769.  * Reloads all Games
  770.  */
  771. function refreshAllGames(force) {
  772.     if ($(".popup").is(":visible") && !force) {
  773.         return;
  774.     }
  775.     if (isEnabled('scrollGames')) {
  776.         openGamesTable.scrollTop(0);
  777.         myGamesTable.scrollTop(0);
  778.         promotedGamesTable.scrollTop(0);
  779.     }
  780.  
  781.     $('table').css('overflow-y', 'hidden')
  782.     refreshMyGames();
  783.     refreshOpenGames();
  784.     refreshPromotedGames();
  785.     loadClots()
  786. }
  787.  
  788.  
  789. function refreshMyGames() {
  790.     myGamesTable.find("tbody").fadeTo('fast', 0.15);
  791.     var filter = $("#MyGamesFilter").val() || 4;
  792.     wljs.Jsutil.Post("?", "FilterChange=" + 4, function (a) {
  793.         myGames = wljs.Jsutil.GamesFromDump(a);
  794.         d = $("#MyGamesTable").children("tbody");
  795.         d.children().remove();
  796.  
  797.         if (myGames.length == 0) {
  798.             d.append('<tr><td colspan="2" style="color: #C1C1C1">' + warlight.shared.viewmodels.main.MultiPlayerDashboardVM.NoGamesHtml(0) + "</td></tr>");
  799.         } else {
  800.             for (var f = 0; f < myGames.length;) {
  801.                 var g = myGames[f];
  802.                 ++f;
  803.                 g = (new warlight.shared.viewmodels.main.MyGamesGameVM).Init(1, g, warlight.shared.viewmodels.SignIn.get_CurrentPlayer());
  804.                 d.append(warlight.shared.viewmodels.main.MultiPlayerDashboardVM.RenderGameHtml(g, null))
  805.             }
  806.         }
  807.         myGamesTable.find("tbody").fadeTo('fast', 1, function () {
  808.             myGamesTable.css('overflow-y', 'scroll');
  809.         });
  810.         $(window).trigger('resize');
  811.     });
  812. }
  813.  
  814. function refreshOpenGames() {
  815.     deletedMD = deletedRT = 0;
  816.     openGamesTable.find("tbody").fadeTo('fast', 0.15);
  817.     var page = $('<div />').load('https://www.warlight.net/MultiPlayer/ ', function () {
  818.         var data = page.find('#AllOpenGamesData').html();
  819.         $('#AllOpenGamesData').html(data);
  820.  
  821.         if (openGamesFilters["disableAll"] != true) {
  822.             var games = filterGames(wljs.Jsutil.GamesFromDump(data));
  823.         } else {
  824.             var games = wljs.Jsutil.GamesFromDump(data);
  825.         }
  826.         $.each(games, function (key, game) {
  827.             if ($(game).playerJoined()) {
  828.                 games[key] = $(game).markJoined();
  829.             }
  830.         });
  831.  
  832.         wljs.multiplayer.OpenGames();
  833.         wljs.AllOpenGames = wljs.multiplayer.Ctrl.AllOpenGames = games;
  834.         
  835.         var RealTimeLadderTable = page.find("#RealTimeLadderTable tbody tr:first-of-type").outerHTML();
  836.         $("#RealTimeLadderTable tbody tr:first-of-type")
  837.         if(RealTimeLadderTable.length == 0) {
  838.             $("#RealTimeLadderTable tbody tr:first-of-type").replaceWith("<tr><td>Nobody is playing in the real-time ladder.  <a href='/LadderSeason?ID=3'>Join them!</a></td></tr>")
  839.         } else {
  840.             $("#RealTimeLadderTable tbody tr:first-of-type").replaceWith(RealTimeLadderTable)
  841.         }
  842.         
  843.         $("#ForumTable").replaceWith(page.find("#ForumTable").outerHTML())
  844.         $("#ClanForumTable").replaceWith(page.find("#ClanForumTable").outerHTML())
  845.         setupRightColumn()
  846.         
  847.         updateOpenGamesCounter();
  848.  
  849.         wljs.AllOpenGamesData = wljs.multiplayer.Ctrl.AllOpenGamesData = data;
  850.         var player = warlight.shared.viewmodels.SignIn.get_CurrentPlayer();
  851.         if ((new js.JQuery(this.BothRadio)).is(":checked")) {
  852.             player.OpenGamePreference = 1;
  853.         } else if ((new js.JQuery(this.MultiDayRadio)).is(":checked")) {
  854.             player.OpenGamePreference = 2;
  855.         } else if ((new js.JQuery(this.RealTimeRadio)).is(":checked")) {
  856.             player.OpenGamePreference = 3;
  857.         }
  858.         wljs.Jsutil.Post("/MultiPlayer/", "ChangePace=" + player.OpenGamePreference, function (a) {});
  859.  
  860.  
  861.         var a = $("#OpenGamesTable").children("tbody");
  862.         a.children().remove();
  863.         var gamesToShow = warlight.shared.viewmodels.main.MultiPlayerDashboardVM.GamesToShow(wljs.AllOpenGames, player.OpenGamePreference, 0 == this.ShowingAllOpenGames)
  864.         for (var b = 0; b < gamesToShow.length;) {
  865.             var game = gamesToShow[b];
  866.             b++;
  867.             game.get_IsLottery() && warlight.shared.viewmodels.main.MultiPlayerDashboardVM.get_HideLotteryGames() ||
  868.                 (game = (new warlight.shared.viewmodels.main.MyGamesGameVM).Init(2, game), a.append(warlight.shared.viewmodels.main.MultiPlayerDashboardVM.RenderGameHtml(game, null)))
  869.         }
  870.         openGamesTable.find("tbody").fadeTo('fast', 1, function () {
  871.             openGamesTable.css('overflow-y', 'scroll');
  872.         });
  873.         addOpenGamesSuffix();
  874.         domRefresh();
  875.  
  876.     });
  877. }
  878.  
  879. function refreshPromotedGames() {
  880.     promotedGamesTable.find("tbody").fadeTo('fast', 0.15);
  881.     var page = $('<div />').load('https://www.warlight.net/MultiPlayer/ ', function () {
  882.         var data = page.find('#MorePromotedGamesData').html();
  883.         $('#MorePromotedGamesData').html(data);
  884.         wljs.PromotedGames = wljs.Jsutil.GamesFromDump(data);
  885.  
  886.         var a = $("#PromotedGamesTable").children("tbody");
  887.         a.children().remove();
  888.         for (var b = 0; b < wljs.PromotedGames.length;) {
  889.             var game = wljs.PromotedGames[b];
  890.             b++;
  891.             (game = (new warlight.shared.viewmodels.main.MyGamesGameVM).Init(2, game), a.append(warlight.shared.viewmodels.main.MultiPlayerDashboardVM.RenderGameHtml(game, null)))
  892.         }
  893.         domRefresh();
  894.         promotedGamesTable.find("tbody").fadeTo('fast', 1, function () {
  895.             promotedGamesTable.css('overflow-y', 'scroll');
  896.         });
  897.  
  898.     });
  899. }
  900.  
  901.  
  902. /**
  903.  * Setups the refresh functionality
  904.  */
  905. function setupRefreshFunction() {
  906.     lastRefresh = new Date();
  907.     var oldRefreshBtn = $("#RefreshBtn");
  908.     var oldRefreshBtn2 = $("#RefreshBtn2");
  909.     if (oldRefreshBtn.length) {
  910.         var newRefreshBtn = $("#refreshAll");
  911.         oldRefreshBtn.replaceWith(oldRefreshBtn.clone().removeAttr("id").attr("id", "refreshAll").attr("value", "Refresh (R)"));
  912.         newRefreshBtn.appendTo("body");
  913.         $("#refreshAll").on("click", function () {
  914.             if (new Date() - lastRefresh > 3000) {
  915.                 lastRefresh = new Date();
  916.                 refreshAllGames();
  917.             }
  918.         });
  919.     } else if (oldRefreshBtn2.length) {
  920.         var newRefreshBtn = $("#refreshAll");
  921.         oldRefreshBtn2.replaceWith(oldRefreshBtn2.clone().removeAttr("id").attr("id", "refreshAll").attr("value", "Refresh (R)"));
  922.         newRefreshBtn.appendTo("body");
  923.         $("#refreshAll").on("click", function () {
  924.             if (new Date() - lastRefresh > 3000) {
  925.                 lastRefresh = new Date();
  926.                 refreshAllGames();
  927.             }
  928.         });
  929.     }
  930.  
  931.     $(".MainColumn").prepend($('#refreshAll'))
  932.  
  933.     if (isEnabled('autoRefreshOnFocus')) {
  934.         $(window).on('focus', function () {
  935.             if (new Date() - lastRefresh > 30000) {
  936.                 lastRefresh = new Date();
  937.                 refreshAllGames();
  938.             }
  939.         });
  940.     }
  941.  
  942.     $("body").keyup(function (event) {
  943.         // "R" is pressed
  944.         if (event.which == 82) {
  945.             if (new Date() - lastRefresh > 3000) {
  946.                 lastRefresh = new Date();
  947.                 refreshAllGames();
  948.             }
  949.         }
  950.     });
  951. }
  952.  
  953.  
  954. function getDate(text) {
  955.     var date;
  956.  
  957.     if (text.match(/[0-9]+ second/)) {
  958.         date = new Date() - 1000;
  959.  
  960.     } else if (text.match(/[0-9]+ seconds/)) {
  961.         date = new Date() - text.match(/[0-9]+/) * 1000;
  962.  
  963.     } else if (text.match(/[0-9]+ minute/)) {
  964.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60;
  965.  
  966.     } else if (text.match(/[0-9]+ minutes/)) {
  967.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60;
  968.  
  969.     } else if (text.match(/[0-9]+ hour/)) {
  970.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 59;
  971.  
  972.     } else if (text.match(/[0-9]+ hours/)) {
  973.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60;
  974.  
  975.     } else if (text.match(/[0-9]+ day/)) {
  976.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60 * 36;
  977.  
  978.     } else if (text.match(/[0-9]+ days/)) {
  979.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60 * 24;
  980.  
  981.     } else if (text.match(/[0-9]+[\/][0-9]+[\/][0-9]+/)) {
  982.         var split = text.split('/');
  983.         date = new Date(split[2], split[0] - 1, split[1]);
  984.         date.setHours(0, 0, 0, 0);
  985.     }
  986.     return date;
  987. }
  988.  
  989.  
  990. var searches = 0;
  991.  
  992. function filterMailTo() {
  993.     if (searches == 0) {
  994.         $($("#MainSiteContent div:nth-of-type(1)")[0]).children().remove()
  995.         searches++;
  996.     }
  997.     var find = $("#search_input").val().toLowerCase()
  998.     if (find.length > 1) {
  999.         removeUncheckedMail()
  1000.         $.each(data_mail, function (index, val) {
  1001.             if ($(val).text().toLowerCase().indexOf(find) > -1) {
  1002.                 var id = $(val).attr("id").replace("Lbl_", "")
  1003.                 if ($("#Lbl_" + id).length == 0) {
  1004.                     $($("#MainSiteContent div:nth-of-type(1)")[0]).append('<input type="checkbox" id="CB_' + id + '" onclick="PlayerClicked(' + id + ')">').append(val).append("<br>")
  1005.                 }
  1006.  
  1007.             }
  1008.         })
  1009.     } else {
  1010.         removeUncheckedMail()
  1011.     }
  1012.  
  1013. }
  1014.  
  1015. function hideBlacklistedThreads() {
  1016.     var ids = JSON.parse(localStorage.getItem("blackListedThreads"));
  1017.     $.each($("#ForumTable tr"), function (key, row) {
  1018.         var href = $(row).html().match(/href="\/([^"]*)"/m);
  1019.  
  1020.         if (href) {
  1021.             href = "/" + href[1]
  1022.             if ($.inArray(href, ids) != -1) {
  1023.                 $(row).remove()
  1024.             }
  1025.         }
  1026.  
  1027.     })
  1028. }
  1029.  
  1030. function removeUncheckedMail() {
  1031.     $.each($($("#MainSiteContent div:nth-of-type(1)")[0]).find("label"), function (index, val) {
  1032.         var id = $(val).attr("id").replace("Lbl_", "")
  1033.         if (!$('#CB_' + id).is(":checked")) {
  1034.             $(val).next().remove()
  1035.             $(val).prev().remove()
  1036.             $(val).remove()
  1037.         }
  1038.     })
  1039. }
  1040. var data_mail = []
  1041. if (location.href.match(/.*warlight[.]net\/Discussion\/SendMail$/)) {
  1042.     $($("#MainSiteContent div:nth-of-type(1)")[0]).before('<input id="search_input" placeholder="Filter" style="margin-bottom:10px">')
  1043.     $("#search_input").on("input", function () {
  1044.         filterMailTo()
  1045.  
  1046.     })
  1047.  
  1048.     $.each($($("#MainSiteContent div:nth-of-type(1)")[0]).find("label"), function (index, val) {
  1049.         data_mail.push($(val))
  1050.     });
  1051.  
  1052. }
  1053.  
  1054. if (!isEnabled('useDefaultBootLabel')) {
  1055.     createSelector(".BootTimeLabel", "color:white !important;font-weight:normal!important;font-style:italic;font-size:13px!important;z-index:50;");
  1056. } else {
  1057.     createSelector(".BootTimeLabel", "z-index:50;");
  1058. }
  1059.  
  1060. function setGlobalStyles() {
  1061.     createSelector('.help-icon', 'display:inline-block;position:absolute; margin-left:10px;margin-top: 2px;cursor:pointer; height: 15px; width: 15px;')
  1062.     var winHeight = $(window).height();
  1063.     createSelector(".userscript-menu", "display: block;color: #555;text-decoration: none;line-height: 18px;padding: 3px 15px;margin: 0;white-space: nowrap;");
  1064.     createSelector(".userscript-menu:hover", "cursor:pointer;background-color: #08C;color: #FFF;cursor: pointer;");
  1065.     createSelector(".popup", "position: fixed;;left: 50%;background: #171717;top: 100px;z-index: 500001; color:white;padding:60px 30px 30px 30px;border: 2px solid gray;border-radius:8px;max-height:" + (winHeight - 200) + "px;overflow-y:auto");
  1066.     createSelector(".close-userscript", "margin-top: 40px;width: 100%;text-align: center;font-size: 15px;cursor: pointer;background: gray;line-height: 30px;border-radius: 8px;clear: both");
  1067.     createSelector(".close-popup-img", "float:right;margin:5px;cursor:pointer;margin-right: 20px");
  1068.     createSelector(".popup label", "width: 80%;display: inline-block;font-size: 15px;margin: 5px;");
  1069.     createSelector(".popup .title", "color: gray;font-size: 15px;margin-top: 10px;display: inline-block;width: 95%;border-bottom: 1px gray solid;padding-bottom: 3px;");
  1070.     createSelector(".popup input[type='checkbox']", "width: 20px;height: 20px;margin-left:30px;margin: 5px;-moz-appearance:none;");
  1071.     createSelector(".overlay", "position: absolute;background: white;top: 0;left: 0;right: 0;bottom: 0;z-index: 500000;opacity: 0.5;width: 100%;height: 100%;position: fixed;");
  1072.     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;");
  1073.     createSelector(".userscript-show", "display:none");
  1074.     createSelector("#MorePromotedGamesHorizontalRow", "display:none");
  1075.     createSelector(".newSetting", "color: gold;font-weight: bold;");
  1076.     createSelector(".userscript-menu img", "height: 18px;display: inline-block;position: relative;margin-bottom: -5px;margin-right: 7px;");
  1077.     createSelector(".custom-menu", "display: none;z-index: 1000;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");
  1078.     createSelector(".custom-menu .content", "width: 300px;white-space: pre-wrap;");
  1079.     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');
  1080.  
  1081.     createSelector(".popup840", "width: 840px;margin-left: -452px");
  1082.     createSelector(".popup600", "width: 600px;margin-left: -332px");
  1083.  
  1084.     createSelector(".popup840 .head", "width: 900px");
  1085.     createSelector(".popup600 .head", "width: 660px");
  1086.         
  1087.     createSelector(".context-menu", "display: none;z-index: 1000;position: absolute;overflow: hidden;border: 1px solid #CCC;white-space: nowrap;font-family: sans-serif;background: #FFF;color: #333;border-radius: 5px;padding: 0;");
  1088.     createSelector(".context-menu li", "padding: 8px 12px;cursor: pointer;list-style-type: none;");
  1089.     createSelector(".context-menu li:hover", "background-color: #DEF;");
  1090.  
  1091.  
  1092.     $("body").on("click", function (e) {
  1093.         if ($(".custom-menu").is(':visible')) {
  1094.             $(".custom-menu").hide(100);
  1095.         }
  1096.     });
  1097. }
  1098.  
  1099. var deletedRT = 0;
  1100. var deletedMD = 0;
  1101.  
  1102. function filterGames(games) {
  1103.     var filteredGames = [];
  1104.     var deletedGames = [];
  1105.  
  1106.     $.each(games, function (key, game) {
  1107.         if (!$(game).getsFiltered()) {
  1108.             filteredGames.push(game);
  1109.         } else {
  1110.             if (game.RealTimeGame) {
  1111.                 deletedRT++;
  1112.             } else {
  1113.                 deletedMD++;
  1114.             }
  1115.         }
  1116.     });
  1117.  
  1118.     return filteredGames;
  1119. }
  1120.  
  1121. (function ($) {
  1122.     $.fn.getsFiltered = function () {
  1123.         var game = this[0];
  1124.  
  1125.         if (openGamesFilters["hideMaxPlayers"] <= 100 && $(game).numOfPlayers() > openGamesFilters["hideMaxPlayers"]) return true;
  1126.         if (openGamesFilters["hideMinPlayers"] <= 100 && $(game).numOfPlayers() < openGamesFilters["hideMinPlayers"]) return true;
  1127.         if (openGamesFilters["hideLuck"] < 100 && game.SettingsOpt.LuckModifier * 100 > openGamesFilters["hideLuck"]) return true;
  1128.         if (openGamesFilters["hideFFA"] && $(game).numOfTeams() == 0 && $(game).numOfPlayers() > 2) return true;
  1129.         if (openGamesFilters["hideTeam"] && $(game).numOfTeams() > 0) return true;
  1130.         if (openGamesFilters["hide1v1"] && $(game).numOfPlayers() == 2) return true;
  1131.         if (openGamesFilters["hideCustomScenario"] && game.SettingsOpt.DistributionMode === -3) return true;
  1132.         if (openGamesFilters["hideNonCustomScenario"] && game.SettingsOpt.DistributionMode !== -3) return true;
  1133.         if (openGamesFilters["hidePractice"] && !game.SettingsOpt.RankedGame) return true;
  1134.         if (openGamesFilters["hideNoSplit"] && game.SettingsOpt.NoSplit) return true;
  1135.         if (openGamesFilters["hideLocalDeployments"] && game.SettingsOpt.LocalDeployments) return true;
  1136.         if (openGamesFilters["hideNonPractice"] && game.SettingsOpt.RankedGame) return true;
  1137.         if (openGamesFilters["hideManualDistribution"] && !game.SettingsOpt.AutoDistribution) return true;
  1138.         if (openGamesFilters["hideAutoDistribution"] && game.SettingsOpt.AutoDistribution) return true;
  1139.         if (openGamesFilters["hideKeyword"] && openGamesFilters["hideKeyword"].length > 0 && $(game).containsKeyword()) return true;
  1140.         if (openGamesFilters["hideRealTimeBootTime"] > 0 && game.RealTimeGame && game.DirectBoot < openGamesFilters["hideRealTimeBootTime"]) return true;
  1141.         if (openGamesFilters["hideMultiDayBootTimeInMs"] > 0 && !game.RealTimeGame && game.DirectBoot < openGamesFilters["hideMultiDayBootTimeInMs"]) return true;
  1142.  
  1143.         return false;
  1144.     };
  1145.  
  1146.     $.fn.numOfPlayers = function () {
  1147.         var game = this[0];
  1148.         return game.Players.length + game.OpenSeats.length;
  1149.  
  1150.     };
  1151.  
  1152.     $.fn.playerJoined = function () {
  1153.         var game = this[0];
  1154.         var playerJoined = false;
  1155.         var id = warlight.shared.viewmodels.SignIn.get_CurrentPlayer().ID;
  1156.         $.each(game.Players, function (key, player) {
  1157.             if (player.PlayerID == id) {
  1158.                 playerJoined = true;
  1159.             }
  1160.         });
  1161.         return playerJoined;
  1162.     };
  1163.  
  1164.     $.fn.markJoined = function () {
  1165.         var game = this[0];
  1166.         game.Name += '##joined##';
  1167.         return game;
  1168.     };
  1169.  
  1170.     $.fn.numOfTeams = function () {
  1171.         var game = this[0];
  1172.         var teams = 0;
  1173.         if (game.AtStartDivideIntoTeamsOfIfOpenGame > 0) return $(game).numOfPlayers() / game.AtStartDivideIntoTeamsOfIfOpenGame;
  1174.         if (Math.max.apply(Math, game.OpenSeats) == -1) return 0;
  1175.         var maxTeam = Math.max.apply(Math, game.OpenSeats);
  1176.         $.each(game.Players, function (key, player) {
  1177.             if (player.Team > maxTeam) {
  1178.                 maxTeam = player.Team;
  1179.             };
  1180.         });
  1181.         return maxTeam + 1;
  1182.     }
  1183.  
  1184.     $.fn.containsKeyword = function () {
  1185.         var game = this[0];
  1186.         var keywords = openGamesFilters["hideKeyword"].split(",");
  1187.         var title = game._nameLowered || game.Name.toLowerCase();
  1188.         var filtered = false;
  1189.         $.each(keywords, function (key, keyword) {
  1190.             if (title.indexOf(keyword.trim().toLowerCase()) >= 0) {
  1191.                 filtered = true;
  1192.             }
  1193.         })
  1194.         return filtered;
  1195.  
  1196.     };
  1197.  
  1198. }(jQuery));
  1199.  
  1200.  
  1201. function storeFilterVariables() {
  1202.     openGamesFilters = {};
  1203.  
  1204.     $.each(filters, function (key, filter) {
  1205.         if (filter.type == "checkbox") {
  1206.             openGamesFilters[filter.id] = $("#" + filter.id).prop("checked");
  1207.         }
  1208.     });
  1209.     openGamesFilters["hideKeyword"] = $("#hideKeyword").val()
  1210.     openGamesFilters["hideRealTimeBootTime"] = $("#hideRealTimeBootTime").val()
  1211.     openGamesFilters["hideMultiDayBootTimeDays"] = $("#hideMultiDayBootTimeDays").val()
  1212.     openGamesFilters["hideMultiDayBootTimeHours"] = $("#hideMultiDayBootTimeHours").val()
  1213.  
  1214.     var luck = $("#hideLuck").val();
  1215.     openGamesFilters["hideLuck"] = ($.isNumeric(luck) && luck <= 100 && luck >= 0) ? luck : 100;
  1216.  
  1217.     var minPlayers = $("#hideMinPlayers").val();
  1218.     openGamesFilters["hideMinPlayers"] = ($.isNumeric(minPlayers) && minPlayers <= 100 && minPlayers >= 2) ? minPlayers : 2;
  1219.  
  1220.     var maxPlayers = $("#hideMaxPlayers").val();
  1221.     openGamesFilters["hideMaxPlayers"] = ($.isNumeric(maxPlayers) && maxPlayers <= 100 && maxPlayers >= 2) ? maxPlayers : 100;
  1222.  
  1223.     if (parseFloat(openGamesFilters["hideMinPlayers"]) > parseFloat(openGamesFilters["hideMaxPlayers"])) {
  1224.         openGamesFilters["hideMaxPlayers"] = openGamesFilters["hideMinPlayers"]
  1225.     }
  1226.  
  1227.     var rtBoot = $("#hideRealTimeBootTime").val();
  1228.     openGamesFilters["hideRealTimeBootTime"] = $.isNumeric(rtBoot) ? rtBoot * 60 * 1000 : 0;
  1229.  
  1230.     var mdBoot = calculateMDBoot($("#hideMultiDayBootTimeHours").val(), $("#hideMultiDayBootTimeDays").val());
  1231.  
  1232.     openGamesFilters["hideMultiDayBootTimeDays"] = mdBoot.days;
  1233.     openGamesFilters["hideMultiDayBootTimeHours"] = mdBoot.hours;
  1234.  
  1235.     openGamesFilters["hideMultiDayBootTimeInMs"] = (parseInt(mdBoot.days) * 24 + parseInt(mdBoot.hours)) * 60 * 60 * 1000;
  1236.  
  1237.     localStorage.setItem("openGamesFilters", JSON.stringify(openGamesFilters));
  1238.     updateFilterSettings()
  1239. }
  1240.  
  1241. function calculateMDBoot(hours, days) {
  1242.     hours = $.isNumeric(hours) ? hours : 0;
  1243.     days = $.isNumeric(days) ? days : 0;
  1244.  
  1245.     if (hours >= 24) {
  1246.         days = parseFloat(days) + parseInt(hours / 24);
  1247.         hours -= parseInt(hours / 24) * 24
  1248.     }
  1249.  
  1250.     return {
  1251.         hours: hours,
  1252.         days: days
  1253.     }
  1254.  
  1255. }
  1256.  
  1257. function updateFilterSettings() {
  1258.  
  1259.     $.each(filters, function (key, filter) {
  1260.         if (filter.type == "checkbox") {
  1261.             $("#" + filter.id).prop("checked", openGamesFilters[filter.id]);
  1262.         }
  1263.     });
  1264.     $("#hideLuck").val(openGamesFilters["hideLuck"] || 100);
  1265.     $("#hideMinPlayers").val(openGamesFilters["hideMinPlayers"] || 0);
  1266.     $("#hideMaxPlayers").val(openGamesFilters["hideMaxPlayers"] || 100);
  1267.     $("#hideKeyword").val(openGamesFilters["hideKeyword"] || "");
  1268.     $("#hideRealTimeBootTime").val(openGamesFilters["hideRealTimeBootTime"] / 1000 / 60 || 0);
  1269.     $("#hideMultiDayBootTimeDays").val(openGamesFilters["hideMultiDayBootTimeDays"] || 0);
  1270.     $("#hideMultiDayBootTimeHours").val(openGamesFilters["hideMultiDayBootTimeHours"] || 0);
  1271. }
  1272.  
  1273. function isEnabled(setting) {
  1274.     return $(userscriptSettings).settingIsEnabled(setting);
  1275. }
  1276.  
  1277. function pageIsMultiplayer() {
  1278.     return location.href.match(/.*warlight[.]net\/MultiPlayer.*/);
  1279. }
  1280.  
  1281. function pageIsDashboard() {
  1282.     return location.href.match(/.*warlight[.]net\/MultiPlayer\/#?$/);
  1283. }
  1284.  
  1285. function pageIsProfile() {
  1286.     return location.href.match(/.*warlight[.]net\/[P|p]rofile\?p=[0-9]+$/);
  1287. }
  1288.  
  1289. function pageIsClanThread() {
  1290.     return location.href.match(/.*warlight[.]net\/Discussion/);
  1291. }
  1292.  
  1293. function pageIsForumThread() {
  1294.     return location.href.match(/.*warlight[.]net\/Forum\/[0-9]+.*/);
  1295. }
  1296.  
  1297. function pageIsForum() {
  1298.     return location.href.match(/.*warlight[.]net\/Forum\/.*/);
  1299. }
  1300.  
  1301. function pageIsLadderOverview() {
  1302.     return location.href.match(/.*warlight[.]net\/Ladders/);
  1303. }
  1304.  
  1305. function pageIsClanForumThread() {
  1306.     return location.href.match(/.*warlight[.]net\/Discussion\/\?ID=[0-9]+.*/);
  1307. }
  1308.  
  1309. function pageIsTournament() {
  1310.     return location.href.match(/.*warlight[.]net\/MultiPlayer\/Tournament\?ID=[0-9]+/);
  1311. }
  1312.  
  1313. function pageIsGame() {
  1314.     return location.href.match(/.*warlight[.]net\/MultiPlayer\?GameID=[0-9]+/);
  1315. }
  1316.  
  1317. function showOpenGamesLink() {
  1318.     $("#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>');
  1319.  
  1320.     if (location.href.match(/.*warlight[.]net\/MultiPlayer\/OpenGames.*/)) {
  1321.         $("#openGamesTab").addClass("SubTabCellSelected");
  1322.         $("#openGamesTab").prev().children().css("visibility", "visible");
  1323.         $("#openGamesTab").next().children().css("visibility", "visible");
  1324.     }
  1325. }
  1326.  
  1327. function setupOpenGamesFilter() {
  1328.     $("#OpenGamesTable thead tr td").prepend('<a id="editFilters" style="color:#DDDDDD;font-size: 14px;float: right;">▼</a>');
  1329.  
  1330.  
  1331.     var filtersHTML = "<hr>";
  1332.     $.each(filters, function (key, filter) {
  1333.         if (filter.type == "checkbox") {
  1334.             filtersHTML += '<div class="filterOption"><label for="' + filter.id + '">' + filter.text + '</label><input type="checkbox" id="' + filter.id + '"></div>';
  1335.         } else if (filter.type == "custom") {
  1336.             filtersHTML += '<div class="filterOption">' + filter.text + '</div>';
  1337.         }
  1338.     });
  1339.  
  1340.     $("body").append("<div class='popup popup840 filters-show' style='display: none'><div class='head'>Change Filter Settings<img class='close-popup-img' src='https://i.imgur.com/RItbpDS.png' height='25' width='25'></div>" + filtersHTML + '<div class="close-userscript">Close and Apply</div></div>');
  1341.  
  1342.     createSelector('hr', 'height: 1px;border: none;background-color: gray;opacity:0.5;');
  1343.     createSelector('.number', 'width: 31px');
  1344.     createSelector('.filterOption', 'width: 400px;float: left;margin: 5px;');
  1345.     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;');
  1346.     createSelector('.info:hover', 'max-height:500px');
  1347.     createSelector('#hideKeyword', 'text-align: left;');
  1348.     createSelector('.filter-small, .filter-small label', 'font-size: 12px!important;color: #aaa;');
  1349.  
  1350.     $("#hideLuck").after("%");
  1351.  
  1352.     createSelector('.ui-button-text-only .ui-button-text', 'padding: .4em 0.6em;');
  1353.     createSelector('#editFilters:hover', 'cursor:pointer');
  1354.  
  1355.     $(".filters-show").on("change", function () {
  1356.         storeFilterVariables();
  1357.     });
  1358.  
  1359.     $("#editFilters").on("click", function () {
  1360.         window.showFilterOptions();
  1361.     });
  1362.  
  1363.     $(".close-userscript").on("click", function () {
  1364.         $(".filters-show").fadeOut();
  1365.         $(".overlay").fadeOut();
  1366.         refreshAllGames(true);
  1367.     });
  1368.  
  1369.     $(".close-popup-img").on("click", function () {
  1370.         $(".overlay").fadeOut();
  1371.         $(".popup").fadeOut();
  1372.     });
  1373.  
  1374.     updateFilterSettings();
  1375. }
  1376.  
  1377. function hightlightNewClanForumPosts() {
  1378.  
  1379.     var regex1 = /.* commented [\n \t]+/;
  1380.     var regex2 = / ago/;
  1381.     var regex3 = /.*\/Forum\//;
  1382.     var regex4 = /-.*/;
  1383.  
  1384.     var data = localStorage.getItem('clanForumThreadsTime');
  1385.     if (data != null) {
  1386.         data = JSON.parse(data);
  1387.     } else if (data == null) {
  1388.         data = [];
  1389.         $.each($('#ClanForumTable tbody tr'), function (index, row) {
  1390.             if ($(row).find('td a')[0].href.match(/.*Forum\/[0-9]+/)) {
  1391.                 var id = $(row).find('td a')[0].href.replace(regex3, "").replace(regex4, "");
  1392.                 data.push({
  1393.                     id: id,
  1394.                     date: new Date()
  1395.                 });
  1396.             }
  1397.         });
  1398.  
  1399.         localStorage.setItem('clanForumThreadsTime', JSON.stringify(data));
  1400.     }
  1401.  
  1402.     $.each($('#ClanForumTable tbody tr'), function (index, row) {
  1403.         if ($(row).find('td a')[0].href.match(/.*Forum\/[0-9]+/)) {
  1404.             var lastComment = $(row).find('td span').text().trim().replace(regex1, "").replace(regex2, "");
  1405.             var id = $(row).find('td a')[0].href.replace(regex3, "").replace(regex4, "");
  1406.             var found = false;
  1407.  
  1408.             $.each(data, function (key, val) {
  1409.                 if (val.id == id) {
  1410.                     found = true;
  1411.                     if (getDate(lastComment) > new Date(val.date)) {
  1412.                         $(row).css('background', '#4C4C33');
  1413.                     }
  1414.                 }
  1415.             });
  1416.             if (!found) {
  1417.                 $(row).css('background', '#4C4C33');
  1418.             }
  1419.         }
  1420.     });
  1421. }
  1422.  
  1423. function setupBasicDashboardStyles() {
  1424.     createSelector(".GameRow a", "font-size:16px !important;");
  1425.     createSelector('#PromotedGamesTable td:last-of-type a img', 'display:none');
  1426.     createSelector("#MyGamesTable td > a > img", 'display:none');
  1427.     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;");
  1428.     createSelector("#MyGamesTable td span a img, #MyGamesTable td span a img", "display:inherit;");
  1429.     createSelector(".GameRow:hover", "background-color:rgb(50, 50, 50);cursor:pointer;");
  1430.     createSelector(".GameRow a:hover", "text-decoration:none;");
  1431.     createSelector(".TournamentRow a:hover", "text-decoration:none;");
  1432.     createSelector(".TournamentRow:hover", "background-color:rgb(50, 50, 50);cursor:pointer;");
  1433.     createSelector(".ui-buttonset label", "font-size:11px;");
  1434.     createSelector("#OpenGamesTable label:hover", " border: 1px solid #59b4d4;background: #0078a3 50% 50% repeat-x;font-weight: bold;color: #ffffff;");
  1435.     createSelector("#OpenGamesTable td:last-child,#MyGamesTable td:last-child, #PromotedGamesTable td:last-child", "position: relative;");
  1436.     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;");
  1437.     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;");
  1438.     createSelector(".loading img", "position: absolute;top: 50%;left: 50%;margin-left: -16px;margin-top: -16px;");
  1439.     createSelector("img", "position: relative;z-index:50;");
  1440.     createSelector("input", "z-index: 1000;position: relative;");
  1441.     createSelector(".showGames thead tr", "background: rgb(51, 0, 0) none repeat scroll 0% 0%;z-index: 500000;position: absolute;padding: 5px;border-bottom: 1px solid rgb(68, 68, 68);border-top-left-radius: 8px;width: calc(100% - 30px);letter-spacing: 1px;");
  1442.     createSelector(".showGames table tbody", "display:table;width:100%;");
  1443.     createSelector(".showGames table thead", "position:inherit;");
  1444.  
  1445.     $.each($(".TournamentRow td"), function () {
  1446.         $(this).find("font:first-of-type").appendTo($(this).find("a")).css("font-size", "10px");
  1447.     });
  1448. }
  1449.  
  1450. function setupFixedWindowStyles() {
  1451.     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");
  1452.     var top = parseInt($(".showSide").offset().top) + parseInt(43);
  1453.     createSelector(".followMeBar.fixed", "position: fixed;top: " + top + "px;z-index: 0;z-index:100;");
  1454.     createSelector(".followMeBar.fixed.absolute", "position: absolute;");
  1455.  
  1456.     createSelector(".showSide", "overflow-y:scroll;float: left;margin-top: 43px;padding-right: 6px;");
  1457.     createSelector(".showSide thead", "display:none");
  1458.     createSelector(".showSide table", "border-top-right-radius:0;border-top-left-radius:0");
  1459.  
  1460.     createSelector("#switchGameRadio label", "margin-left: 6px !important");
  1461.     createSelector(".showGames table", "display:block !important");
  1462.     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);");
  1463.     createSelector("#MyGamesTable, #PromotedGamesTable, #OpenGamesTable", "display:none");
  1464.     createSelector("#MainSiteContent > table > tbody > tr > td", "width:100%");
  1465.     createSelector(".MainColumn", "width: calc(60% - 98px)!important;max-width: 800px;min-width:535px");
  1466.     createSelector(".SideColumn", "float:left !important");
  1467.     createSelector("h2 + span", "margin-right: 50px;");
  1468.     createSelector("body", "overflow:hidden");
  1469.     createSelector(".SideColumn", "width: 100% !important;");
  1470.     createSelector("#MyGamesFilter", "width:200px");
  1471.     createSelector(".showGames table", "display:block; overflow-y:scroll; overflow-x:hidden; border:1px gray solid; border-radius:8px");
  1472.     createSelector(".adsbygoogle", "margin-top: 25px;");
  1473.     createSelector(".showSide", "overflow-y:scroll;float: left;margin-top: 43px;padding-right: 6px;width:33.55%; min-width:500px;margin-left: 20px;border-top-left-radius:8px;border-top-right-radius:8px");
  1474.     createSelector("#refreshAll", "width: 140px;float: right;margin-top: 10px;");
  1475.     createSelector("#fakeOpenGameMenu label", "margin-right:2px");
  1476.     createSelector("#RestoreLotteryGamesBtn", "display:none");
  1477.  
  1478.     createSelector('#ForumTable tbody tr td, #ClanForumTable tbody tr td', 'overflow:hidden;position:relative');
  1479.     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;');
  1480.     createSelector('#ForumTable tbody tr td span, #ClanForumTable tbody tr td span', 'display: inline-block;z-index: 1;float: left;position: relative;');
  1481.     createSelector('#ForumTable tbody tr:hover, #ClanForumTable tbody tr:hover', 'background-color:rgb(50, 50, 50)');
  1482.  
  1483.     createSelector('#ForumTable tbody tr td a[href="/Forum/Forum"]', 'position: relative;');
  1484.     createSelector('#ClanForumTable tbody tr td a[href="/Clans/Forum"]', 'position: relative;');
  1485.  
  1486.  
  1487. }
  1488.  
  1489. function setupFixedTitlesInSideColumn() {
  1490.     var blogTable = $("#BlogTable");
  1491.     var realTimeLadderTable = $("#RealTimeLadderTable");
  1492.     var forumTable = $("#ForumTable");
  1493.     var clanForumTable = $("#ClanForumTable");
  1494.     var mapOfTheWeekTable = $("#MapOfTheWeekTable");
  1495.     var leaderboardTable = $("#LeaderboardTable");
  1496.     var myTournamentsTable = $("#MyTournamentsTable");
  1497.     var bookmarkTable = $("#BookmarkTable");
  1498.    
  1499.  
  1500.     blogTable.before("<div class='followMeBar'>" + blogTable.find("thead > tr > td").html() + "</div>");
  1501.     realTimeLadderTable.before("<div class='followMeBar'>" + realTimeLadderTable.find("thead > tr > td").html() + "</div>");
  1502.     forumTable.before("<div class='followMeBar'>" + forumTable.find("thead > tr > td").html() + "</div>");
  1503.     clanForumTable.before("<div class='followMeBar'>" + clanForumTable.find("thead > tr > td").html() + "</div>");
  1504.     mapOfTheWeekTable.before("<div class='followMeBar'>" + mapOfTheWeekTable.find("thead > tr > td").html() + "</div>");
  1505.     if (!isEnabled("hideCoinsGlobally")) {
  1506.         leaderboardTable.before("<div class='followMeBar'>" + leaderboardTable.find("thead > tr > td").html() + "</div>");
  1507.     }
  1508.     myTournamentsTable.before("<div class='followMeBar'>" + myTournamentsTable.find("thead > tr > td").html() + "</div>");
  1509.     bookmarkTable.before("<div class='followMeBar'>" + bookmarkTable.find("thead > tr > td").html() + "</div>");
  1510.     
  1511.     
  1512.     var clotTable = $("#ClotTable");   
  1513.     clotTable.before("<div class='followMeBar'>" + clotTable.find("thead > tr > td").html() + "</div>");
  1514.  
  1515.     new StickyTitles(jQuery(".followMeBar")).load();
  1516. }
  1517.  
  1518. function setupFixedWindowWithScrollableGames() {
  1519.     var gameButtons = '<div style="margin: 10px;" id="switchGameRadio" class="ui-buttonset">';
  1520.     gameButtons += '<input type="radio" id="ShowMyGames" name="switchGames" checked="checked" class="ui-helper-hidden-accessible">';
  1521.     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>';
  1522.     if (isEnabled('hidePromotedGames') || isEnabled('hideCoinsGlobally')) {
  1523.         gameButtons += '<input type="radio" id="ShowOpenGames" name="switchGames" class="ui-helper-hidden-accessible">';
  1524.         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>';
  1525.     } else {
  1526.         gameButtons += '<input type="radio" id="ShowOpenGames" name="switchGames" class="ui-helper-hidden-accessible">';
  1527.         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>';
  1528.         gameButtons += '<input type="radio" id="ShowCoinGames" name="switchGames" class="ui-helper-hidden-accessible">';
  1529.         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>';
  1530.     }
  1531.  
  1532.     gameButtons += '</div>';
  1533.  
  1534.  
  1535.     var mainColumn = $(".MainColumn ");
  1536.     mainColumn.prepend('<div class="showGamesContainer">' + gameButtons + '<div class="showGames"></div></div>');
  1537.     myGamesTable.appendTo(".showGames");
  1538.  
  1539.     mainColumn.after('<div class="showSide"></div>');
  1540.     $(".SideColumn").appendTo(".showSide");
  1541.  
  1542.     setupFixedWindowStyles();
  1543.  
  1544.     refreshSingleColumnSize();
  1545.  
  1546.     $("#switchGameRadio").find("label").on("click", function () {
  1547.         var newShowGames = $(this).attr("for");
  1548.         if (newShowGames != showGamesActive) {
  1549.             $.each($("#switchGameRadio").find("label"), function () {
  1550.                 $(this).removeClass("ui-state-active");
  1551.             });
  1552.             $(this).addClass("ui-state-active");
  1553.  
  1554.             if (newShowGames == "ShowMyGames") {
  1555.                 showGamesActive = newShowGames;
  1556.                 promotedGamesTable.appendTo("body");
  1557.                 openGamesTable.appendTo("body");
  1558.                 myGamesTable.appendTo(".showGames");
  1559.             } else if (newShowGames == "ShowCoinGames") {
  1560.                 showGamesActive = newShowGames;
  1561.                 myGamesTable.appendTo("body");
  1562.                 openGamesTable.appendTo("body");
  1563.                 promotedGamesTable.appendTo(".showGames");
  1564.             } else if (newShowGames == "ShowOpenGames") {
  1565.                 showGamesActive = newShowGames;
  1566.                 myGamesTable.appendTo("body");
  1567.                 promotedGamesTable.appendTo("body");
  1568.                 openGamesTable.appendTo(".showGames");
  1569.             }
  1570.  
  1571.             refreshSingleColumnSize()
  1572.         }
  1573.     });
  1574. }
  1575.  
  1576. function hideRightColumn() {
  1577.     if (isEnabled('scrollGames')) {
  1578.         $(".showSide").css("display", "none");
  1579.         createSelector(".MainColumn", "margin: auto;");
  1580.         createSelector(".MainColumn", "max-width: 800px;");
  1581.         createSelector(".MainColumn", "width: 60%!important;");
  1582.         createSelector(".MainColumn", "float: none !important;");
  1583.         createSelector(".MainColumn", "min-width: 600px !important;");
  1584.     } else {
  1585.         $(".SideColumn").css("display", "none");
  1586.         $(".MainColumn").css("width", "100%");
  1587.         $(".MainColumn").css("max-width", "800px");
  1588.     }
  1589. }
  1590.  
  1591. function registerGameTabClick() {
  1592.     if (lastClick - new Date() > 2000) {
  1593.         openGamesTable.scrollTop(0);
  1594.         lastClick = new Date();
  1595.     }
  1596.     window.setTimeout(function () {
  1597.         domRefresh();
  1598.         addOpenGamesSuffix();
  1599.     }, 1);
  1600. }
  1601.  
  1602. function registerClanThread() {
  1603.     var id = location.href.replace(/.*warlight[.]net\/Discussion\/[?]ID=/, "");
  1604.     var data = localStorage.getItem('clanForumThreadsTime');
  1605.  
  1606.     if (data != null) {
  1607.         data = JSON.parse(data)
  1608.     } else {
  1609.         data = [];
  1610.     }
  1611.     var found = false;
  1612.  
  1613.     $.each(data, function (key, val) {
  1614.         if (val.id == id) {
  1615.             data[key] = {
  1616.                 id: id,
  1617.                 date: new Date()
  1618.             };
  1619.             found = true;
  1620.         }
  1621.     });
  1622.     if (!found) {
  1623.         data.push({
  1624.             id: id,
  1625.             date: new Date()
  1626.         });
  1627.     }
  1628.  
  1629.     localStorage.setItem('clanForumThreadsTime', JSON.stringify(data))
  1630. }
  1631.  
  1632. function updateOpenGamesCounter() {
  1633.     var numMD = countGames(wljs.AllOpenGames, 1);
  1634.     var numRT = countGames(wljs.AllOpenGames, 2);
  1635.     var numBoth = parseInt(numMD) + parseInt(numRT)
  1636.  
  1637.     //Both
  1638.     $("#OpenGamesTable [for='BothRadio'] span").text('Both (' + numBoth + ')')
  1639.         //Real
  1640.     $("#OpenGamesTable [for='RealTimeRadio'] span").text('Real-Time (' + numRT + ')')
  1641.         //Multi-Day
  1642.     $("#OpenGamesTable [for='MultiDayRadio'] span").text('Multi-Day (' + numMD + ')')
  1643. }
  1644.  
  1645. // Type 1 : Multiday
  1646. // Type 2 : Realtime
  1647. function countGames(games, type) {
  1648.     games = system.linq.Enumerable.Where(games, function (a) {
  1649.         if (type == 1) return !a.RealTimeGame;
  1650.         if (type == 2) return a.RealTimeGame;
  1651.     });
  1652.     return system.linq.Enumerable.ToArray(games).length
  1653. }
  1654.  
  1655. function addOpenGamesSuffix() {
  1656.     var deletedBoth = parseInt(deletedMD) + parseInt(deletedRT);
  1657.     $("#OpenGamesTable tbody tr:not(.GameRow)").remove();
  1658.     var active = $("#OpenGamesTable .ui-buttonset .ui-state-active").text();
  1659.  
  1660.     if (active.indexOf('Both') > -1 && deletedBoth > 0) {
  1661.         //Both
  1662.         $("#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>");
  1663.     } else if (active.indexOf('Real') > -1 && deletedRT > 0) {
  1664.         //Real
  1665.         $("#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>");
  1666.     } else if (active.indexOf('Multi') > -1 && deletedMD > 0) {
  1667.         //Multi-Day
  1668.         $("#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>");
  1669.     }
  1670.  
  1671. }
  1672.  
  1673. function getNumHiddenLabelText(num) {
  1674.     return num == 1 ? "1 Game is hidden" : (num + " Games are hidden");
  1675. }
  1676.  
  1677.  
  1678. function loadPrivateNotes() {
  1679.     console.log("loading private notes")
  1680.     $("#FeedbackMsg").after('<div id="privateNotes" style="background-image: url(\'https://d2wcw7vp66n8b3.cloudfront.net/Images/ProfileSpeedBackground.png\'); background-repeat: no-repeat; text-align: left; padding:10px;margin-top: 12px;"><h3>Private Notes</h3><p style="width: 285px;overflow:hidden" class="content">Loading Privates Notes..</p></div>');
  1681.     var url = $("img[alt='Private Notes']").parent()[0].href;
  1682.     var page = $('<div />').load(url, function () {
  1683.         var notes = page.find('#PostForDisplay_0').html().trim();
  1684.         if (notes) {
  1685.             $('#privateNotes .content').html(notes);
  1686.         } else {
  1687.             $('#privateNotes .content').html('You don\'t have any Private Notes.');
  1688.         }
  1689.  
  1690.     });
  1691. }
  1692.  
  1693. window.showFilterOptions = function () {
  1694.     $(".filters-show").fadeIn();
  1695.     $(".overlay").fadeIn();
  1696. }
  1697.  
  1698. function domRefresh() {
  1699.     //    $("body").css("diplay", "none");
  1700.     //    $("body").css("diplay", "block");
  1701.     $("body").hide(0).show(0);
  1702.     $(window).trigger('resize')
  1703. }
  1704.  
  1705. window.showFilterHelp = function (text, obj) {
  1706.     window.setTimeout(function () {
  1707.         if (!$(".custom-menu").is(':visible')) {
  1708.             $(".custom-menu .content").html(text);
  1709.             $(".custom-menu").finish().toggle(100).
  1710.  
  1711.             // In the right position (the mouse)
  1712.             css({
  1713.                 top: $(obj).offset().top + "px",
  1714.                 left: $(obj).offset().left + "px"
  1715.             });
  1716.         }
  1717.  
  1718.     }, 10);
  1719. }
  1720.  
  1721. function setupBookmarkMenu() {
  1722.     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'>";
  1723.  
  1724.     $("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='https://i.imgur.com/RItbpDS.png' height='25' width='25'></div>" + bookmarkBody + "<div class='close-userscript' onclick='saveBookmark()'>Add Bookmark</div></div>");
  1725.  
  1726.     $("bookmarkMenu").append('<div id="bookmarkMenu"></div>');
  1727.  
  1728.     $(".close-popup-img").on("click", function () {
  1729.         $(".popup").fadeOut();
  1730.         $(".overlay").fadeOut();
  1731.     });
  1732.     createSelector(".highlightedBookmark", "background-color:rgb(50, 50, 50);cursor:pointer;");
  1733.     $("body").append("<ul class='context-menu'><li onclick='editBookmark()'>Edit</li><li onclick='moveBookmarkUp()'>Move up</li><li onclick='moveBookmarkDown()'>Move Down</li></ul>")
  1734.  
  1735. }
  1736.  
  1737. function setupBookmarkTable() {
  1738.     $(".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="https://i.imgur.com/lT6SvSY.png" 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>');
  1739.  
  1740.     
  1741.     if (bookmarks.length > 0) {
  1742.         refreshBookmarks();
  1743.  
  1744.     } else {
  1745.         var tables = $(".SideColumn .dataTable").filter(function () {
  1746.             return $(this).css('opacity') == '1';
  1747.         })
  1748.         table = $(tables).get($(tables).length - 1)
  1749.         $(table).after('<div style="text-align: left;margin-top: 15px;"><a onclick="showAddBookmark()" style="cursor:pointer">Add a Bookmark...</a></div>')
  1750.     }
  1751. }
  1752.  
  1753. function refreshBookmarks() {
  1754.     $("#BookmarkTable tbody tr").remove();
  1755.     bookmarks.sort((a, b) => {return a.id - b.id})
  1756.     var data = "<tbody>";
  1757.     $.each(bookmarks, function (key, bookmark) {
  1758.         data += '<tr data-bookmarkId="' + bookmark.id + '"><td><a ' + (bookmark.newWindow ? 'target="blank"' : "") + ' href="' + bookmark.url + '">' + bookmark.name + '</a>';
  1759.         data += '<a onclick="deleteBookmark(' + bookmark.id + ')" style="display:inline-block;float:right; opacity: 0.6;cursor: pointer;margin-right:5px">';
  1760.         data += '<img src="https://i.imgur.com/KrTbICA.png" width="15" height="15" ></a></td></tr>';
  1761.     })
  1762.  
  1763.     $("#BookmarkTable").prepend(data + '</tbody>');
  1764.  
  1765. }
  1766.  
  1767. var bookmarkId;
  1768. window.showAddBookmark = function () {
  1769.     $(".overlay").fadeIn();
  1770.     $("#bookmarkMenu").show();
  1771.     bookmarkId = undefined
  1772. }
  1773.  
  1774. window.editBookmark = function () {
  1775.     $.each(bookmarks, function (key, bookmark) {
  1776.         if (bookmarkId == bookmark.id) {
  1777.             $("#bookmarkURL").val(bookmark.url);
  1778.             $("#bookmarkName").val(bookmark.name);
  1779.             $("#bookmarkNewWindow").prop("checked", bookmark.newWindow)
  1780.         }
  1781.     })
  1782.  
  1783.     $(".overlay").fadeIn();
  1784.     $("#bookmarkMenu").show();
  1785. }
  1786.  
  1787. window.moveBookmarkUp = function() {
  1788.     var oldIdx
  1789.     var newIdx = -1
  1790.     $.each(bookmarks, function (key, bookmark) {
  1791.         if (bookmarkId == bookmark.id) {
  1792.             oldIdx = key
  1793.         }
  1794.     })
  1795.     
  1796.     var tempId = -1
  1797.     $.each(bookmarks, function (key, bookmark) {
  1798.         if (bookmark.id < bookmarkId && bookmark.id > tempId) {
  1799.             newIdx = key
  1800.             tempId = bookmark.id
  1801.         }
  1802.     })
  1803.     if(newIdx != -1) {
  1804.         var oldId = bookmarks[oldIdx].id
  1805.         var newId = bookmarks[newIdx].id
  1806.         bookmarks[oldIdx].id = -1
  1807.         bookmarks[newIdx].id = oldId
  1808.         bookmarks[oldIdx].id = newId
  1809.  
  1810.         localStorage.setItem("bookmarks", JSON.stringify(bookmarks));
  1811.  
  1812.         $("#bookmarkURL").val('');
  1813.         $("#bookmarkName").val('');
  1814.         $("#bookmarkNewWindow").prop('checked', false);
  1815.         $(".overlay").fadeOut();
  1816.  
  1817.         showBookmarkTable();
  1818.  
  1819.         refreshBookmarks();
  1820.     }
  1821.    
  1822. }
  1823.  
  1824. window.moveBookmarkDown = function() {
  1825.     var oldIdx
  1826.     var newIdx = -1
  1827.     $.each(bookmarks, function (key, bookmark) {
  1828.         if (bookmarkId == bookmark.id) {
  1829.             oldIdx = key
  1830.         }
  1831.     })
  1832.     
  1833.     var tempId = 10000000
  1834.     $.each(bookmarks, function (key, bookmark) {
  1835.         if (bookmark.id > bookmarkId && bookmark.id < tempId) {
  1836.             newIdx = key
  1837.             tempId = bookmark.id
  1838.         }
  1839.     })
  1840.     if(newIdx != -1) {
  1841.         var oldId = bookmarks[oldIdx].id
  1842.         var newId = bookmarks[newIdx].id
  1843.         bookmarks[oldIdx].id = -1
  1844.         bookmarks[newIdx].id = oldId
  1845.         bookmarks[oldIdx].id = newId
  1846.  
  1847.         localStorage.setItem("bookmarks", JSON.stringify(bookmarks));
  1848.  
  1849.         $("#bookmarkURL").val('');
  1850.         $("#bookmarkName").val('');
  1851.         $("#bookmarkNewWindow").prop('checked', false);
  1852.         $(".overlay").fadeOut();
  1853.  
  1854.         showBookmarkTable();
  1855.  
  1856.         refreshBookmarks();
  1857.     }
  1858.    
  1859. }
  1860.  
  1861.  
  1862. window.deleteBookmark = function (id) {
  1863.     var idx;
  1864.     $.each(bookmarks, function (key, bookmark) {
  1865.         if (id == bookmark.id) {
  1866.             idx = key;
  1867.         }
  1868.     })
  1869.     $("[data-bookmarkId='" + id + "']").remove();
  1870.     bookmarks.splice(idx, 1);
  1871.     localStorage.setItem("bookmarks", JSON.stringify(bookmarks));
  1872.  
  1873. }
  1874.  
  1875. window.saveBookmark = function () {
  1876.     $("#bookmarkMenu").hide();
  1877.     var url = $("#bookmarkURL").val().trim();
  1878.     url = (url.lastIndexOf('http', 0) === 0) ? url : "http://" + url;
  1879.     var name = $("#bookmarkName").val().trim();
  1880.     var newWindow = $("#bookmarkNewWindow").prop("checked");
  1881.     
  1882.     if(bookmarkId == undefined) {
  1883.         bookmarks.push({
  1884.             name: name,
  1885.             url: url,
  1886.             newWindow: newWindow,
  1887.             id: getBookmarkId()
  1888.         });
  1889.     } else {
  1890.         var idx;
  1891.         $.each(bookmarks, function (key, bookmark) {
  1892.             if (bookmarkId == bookmark.id) {
  1893.                idx = key
  1894.             }
  1895.         })
  1896.         bookmarks[idx] = {
  1897.             name: name,
  1898.             url: url,
  1899.             newWindow: newWindow,
  1900.             id: bookmarkId
  1901.         }
  1902.     }
  1903.     
  1904.     
  1905.    
  1906.     localStorage.setItem("bookmarks", JSON.stringify(bookmarks));
  1907.  
  1908.     $("#bookmarkURL").val('');
  1909.     $("#bookmarkName").val('');
  1910.     $("#bookmarkNewWindow").prop('checked', false);
  1911.     $(".overlay").fadeOut();
  1912.  
  1913.     showBookmarkTable();
  1914.  
  1915.     refreshBookmarks();
  1916. }
  1917.  
  1918. function checkBookmarkTable() {
  1919.     if (bookmarks.length == 0) {
  1920.         hideBookmarkTable();
  1921.     }
  1922.  
  1923. }
  1924.  
  1925. function hideBookmarkTable() {
  1926.     $("#BookmarkTable").hide();
  1927.     if ($("#BookmarkTable").prev().hasClass("followWrap")) {
  1928.         $("#BookmarkTable").prev().hide();
  1929.     }
  1930.     if ($("#BookmarkTable").next().is('br')) {
  1931.         $("#BookmarkTable").next().hide();
  1932.     }
  1933. }
  1934.  
  1935. function showBookmarkTable() {
  1936.     $("#BookmarkTable").show();
  1937.     if ($("#BookmarkTable").prev().hasClass("followWrap")) {
  1938.         $("#BookmarkTable").prev().show();
  1939.     }
  1940.     if ($("#BookmarkTable").next().is('br')) {
  1941.         $("#BookmarkTable").next().show();
  1942.     }
  1943. }
  1944.  
  1945. window.bookmarkForumThread = function () {
  1946.     var title = $("title").text().replace(' - Play Risk Online Free - WarLight', '');
  1947.     var url = window.location.href;
  1948.  
  1949.     $("#bookmarkURL").val(url);
  1950.     $("#bookmarkName").val(title);
  1951.     showAddBookmark();
  1952.  
  1953. }
  1954. window.bookmarkTournament = function () {
  1955.     var title = $("#TournamentName").text().replace("Tournament: ", "").trim();
  1956.     var url = window.location.href;
  1957.  
  1958.     $("#bookmarkURL").val(url);
  1959.     $("#bookmarkName").val(title);
  1960.     showAddBookmark();
  1961.  
  1962. }
  1963.  
  1964. function addDefaultBookmark() {
  1965.     bookmarks = [];
  1966.     bookmarks.push({
  1967.         name: "Tidy up Your Dashboard #2",
  1968.         url: "https://www.warlight.net/Forum/106092-tidy-up-dashboard-2",
  1969.         newWindow: false,
  1970.         id: getBookmarkId()
  1971.     });
  1972.     localStorage.setItem("bookmarks", JSON.stringify(bookmarks));
  1973. }
  1974.  
  1975. function getBookmarkId() {
  1976.     var id = 0;
  1977.  
  1978.     $.each(bookmarks, function (key, bookmark) {
  1979.         id = bookmark.id > id ? bookmark.id : id;
  1980.     })
  1981.  
  1982.     return id + 1;
  1983. }
  1984.  
  1985. var findMeIndex = -1;
  1986. window.findNextInTournament = function() {
  1987.     var boxes = getPlayerBoxes();
  1988.     var max = boxes.length - 1;
  1989.     findMeIndex = findMeIndex == max ? 0 : findMeIndex + 1;
  1990.     panzoomMatrix = undefined;
  1991.     findInTournament();
  1992. }
  1993.  
  1994. function setupTournamentFindMe() {
  1995.     $("body").keyup(function (event) {
  1996.         // "Left" is pressed
  1997.         var boxes = getPlayerBoxes();
  1998.         var max = boxes.length - 1;
  1999.         if(event.which == 37) {
  2000.             findMeIndex = findMeIndex == 0 ? max : findMeIndex - 1;
  2001.             panzoomMatrix = undefined;
  2002.             findInTournament();
  2003.         } 
  2004.         // "Right" is pressed
  2005.         else if(event.which == 39) {
  2006.             findMeIndex = findMeIndex == max ? 0 : findMeIndex + 1;
  2007.             panzoomMatrix = undefined;
  2008.             findInTournament();
  2009.         }
  2010.         // "Home" is pressed
  2011.         else if(event.which == 36) {
  2012.             findMeIndex = 0;
  2013.             panzoomMatrix = undefined;
  2014.             findInTournament();
  2015.         }
  2016.         // "End" is pressed
  2017.         else if(event.which == 35) {
  2018.             findMeIndex = boxes.length - 1;
  2019.             panzoomMatrix = undefined;
  2020.             findInTournament();
  2021.         }
  2022.     });
  2023.     window.players = []
  2024.     $("[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>');
  2025.     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')
  2026.     createSelector('#findMe', 'border: 1px solid #666666;border-bottom-width: 0')
  2027.  
  2028.     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;}',
  2029.         head = document.head || document.getElementsByTagName('head')[0],
  2030.         style = document.createElement('style');
  2031.  
  2032.     style.type = 'text/css';
  2033.     if (style.styleSheet) {
  2034.         style.styleSheet.cssText = css;
  2035.     } else {
  2036.         style.appendChild(document.createTextNode(css));
  2037.     }
  2038.  
  2039.     head.appendChild(style);
  2040.  
  2041.  
  2042.     $("#findMe").append('<div id="selectContainer"><div id="playerSelectInputContainer"><input placeholder="Search a Player" type="text" id="playerSelectInput"></input></div><div id="playerContainer"></div></div>');
  2043.         self = {
  2044.             id: warlight.shared.viewmodels.SignIn.get_CurrentPlayer().ID,
  2045.             name: warlight.shared.viewmodels.SignIn.get_CurrentPlayer().Name,
  2046.             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),
  2047.             team: $("[data-playerid='" + warlight.shared.viewmodels.SignIn.get_CurrentPlayer().ID + "'] td:nth-of-type(2)").text()
  2048.         };
  2049.         window.currentPlayer = self;
  2050.         $.each($("#PlayingPlayers tr"), function (key, playerRow) {
  2051.             var id = $(playerRow).attr("data-playerid");
  2052.             var fullID = $(playerRow).find("a").get($(playerRow).find("a").length - 1).href.replace(/.*warlight.net\/Profile\?p=/, "");
  2053.             var name = $(playerRow).find("td a").text();
  2054.             var img = $(playerRow).find("td img").attr("src");
  2055.             var team = $("[data-playerid='" + id + "'] td:nth-of-type(2)").text();
  2056.             if (img && img.indexOf("MemberIcon") > -1) {
  2057.                 img = "";
  2058.             }
  2059.             window.players.push({
  2060.                 id: id,
  2061.                 fullID: fullID,
  2062.                 name: name,
  2063.                 img: img,
  2064.                 team: team
  2065.             });
  2066.         });
  2067.  
  2068.  
  2069.         $("#playerSelectInput").on('input', function (data) {
  2070.             $(".playerElement").remove();
  2071.             var search = $(this).val().toLowerCase();
  2072.             $("#playerContainer").append("<div class='playerElement' onclick='setCurrentplayer(self)'>" + self.name + " (Me)</div>")
  2073.             $.each(window.players, function (key, player) {
  2074.                 if (player.name.toLowerCase().indexOf(search) > -1 && self.name != player.name) {
  2075.                     var img = player.img ? "<img src='" + player.img + "'>" : "";
  2076.                     $("#playerContainer").append("<div onclick='setCurrentplayer(players[" + key + "])' class='playerElement'>" + img + "<span>" + htmlEscape(player.name) + "</span>" + "</div>")
  2077.                 }
  2078.             });
  2079.  
  2080.             $("#activePlayer").html(window.currentPlayer.name == self.name ? "Me" : window.currentPlayer.name);
  2081.             $("#playerContainer").scrollTop(0)
  2082.  
  2083.         });
  2084.         $("#playerSelectInput").trigger("input");
  2085.  
  2086.         $("#showPlayerSelect").on("click", function () {
  2087.             $("#selectContainer").toggle(100);
  2088.             $("#playerContainer").scrollTop(0);
  2089.             $("#playerSelectInput").trigger("input");
  2090.             $("#playerSelectInput").focus();
  2091.         });
  2092.     
  2093.     createSelector("#playerSelectInputContainer", "height: 28px; ");
  2094.     createSelector(".border-red", "border: 3px red solid !important; ");
  2095.     createSelector(".playerElement span, .playerElement img", "display:inline-block; margin-right: 10px");
  2096.     createSelector("#showPlayerSelect", "color: #DDDDDD;font-size: 14px;margin: 5px 5px 0 -3px;cursor: pointer; display: inline-block;margin-right: 10px;");
  2097.     createSelector("#playerSelectInput", "display: block;margin: 5px 3%;width: 93%;");
  2098.     createSelector("#activePlayer", "cursor:pointer");
  2099.     createSelector(".playerElement", "border-bottom: 1px gray solid;padding: 7px;color: white; clear:both; height: 14px; font-weight: normal;");
  2100.     createSelector(".playerElement:hover", "background: rgb(102, 102, 102);");
  2101.     createSelector("#playerContainer", "border: 2px gray solid; overflow-y: auto; overflow-x: hidden;max-height: 275px; min-width: 175px; ");
  2102.     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");
  2103.  
  2104.  
  2105.  
  2106. }
  2107.  
  2108.  
  2109. window.setCurrentplayer = function (player) {
  2110.     window.currentPlayer = {
  2111.         id: player.id,
  2112.         name: player.name,
  2113.         fullID: player.fullID,
  2114.         team: player.team
  2115.     };
  2116.     $("#selectContainer").toggle(100);
  2117.     $("#activePlayer").html(htmlEscape(player.name == self.name ? "Me" : player.name));
  2118.     $("#playerSelectInput").val("");
  2119.     panzoomMatrix = undefined;
  2120.     findMeIndex = 0;
  2121.     window.findInTournament();
  2122. }
  2123.  
  2124. var panzoomMatrix;
  2125. window.findInTournament = function () {
  2126.     var id;
  2127.     $("#selectContainer").hide(100);
  2128.     if ($("[href='#PlayersTab']").parent().hasClass("ui-state-active")) {
  2129.         id = window.currentPlayer.id;
  2130.         if ($("#PlayingPlayers [data-playerid='" + id + "']").length > 0) {
  2131.             var player = $("#PlayingPlayers [data-playerid='" + id + "']");
  2132.             var box = $("#CenterTabs").parent()
  2133.             var offset = player.offset().top - box.offset().top - box.height() / 2
  2134.  
  2135.             box.stop().animate({
  2136.                 scrollTop: offset
  2137.             }, '500', 'swing');
  2138.  
  2139.             window.setTimeout(function () {
  2140.                 $("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").addClass("pulsate");
  2141.                 window.setTimeout(function () {
  2142.                     $(".pulsate").removeClass("pulsate");
  2143.                 }, 1000);
  2144.             }, 250);
  2145.         } else {
  2146.             showInfo("You didn't join this tournament.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  2147.         }
  2148.  
  2149.     } else if ($("[href='#BracketTab']").parent().hasClass("ui-state-active") && $("[src='https://d2wcw7vp66n8b3.cloudfront.net/Images/TournamentIconBig_RR.png']").length == 0) {
  2150.         id = window.currentPlayer.fullID;
  2151.         if (getPlayerBoxes().length > 0) {
  2152.  
  2153.             if (!panzoomMatrix) {
  2154.                 var currentMatrix = $("#Visualize").panzoom("getMatrix");
  2155.                 $("#Visualize").panzoom("reset", {
  2156.                     animate: false
  2157.                 });
  2158.  
  2159.                 VisualizePanzoom.panzoom("zoom", {
  2160.                     increment: 0.75,
  2161.                     animate: false
  2162.                 })
  2163.                
  2164.                 var boxes = getPlayerBoxes();
  2165.                 
  2166.                 $(".TeamBoxHighlighted").removeClass("TeamBoxHighlighted");
  2167.                 boxes.addClass("TeamBoxHighlighted");
  2168.                 var offsetTop = $(boxes.get(findMeIndex)).offset().top - $("#VisualizeContainer").offset().top - $("#VisualizeContainer").height() / 4;
  2169.                 var offsetLeft = $(boxes.get(findMeIndex)).offset().left - $("#VisualizeContainer").offset().left - $("#VisualizeContainer").width() / 2;
  2170.  
  2171.                 $(".border-red").removeClass("border-red");
  2172.                 $(boxes.get(findMeIndex)).addClass("border-red");
  2173.                 
  2174.                 $("#Visualize").panzoom("pan", 0 - offsetLeft, 100 - offsetTop, {
  2175.                     relative: true,
  2176.                     animate: false
  2177.                 });
  2178.  
  2179.                 panzoomMatrix = $("#Visualize").panzoom("getMatrix");
  2180.                 $("#Visualize").panzoom("setMatrix", currentMatrix, {
  2181.                     animate: false
  2182.                 });
  2183.             }
  2184.  
  2185.             window.setTimeout(function () {
  2186.                 $("#Visualize").panzoom("setMatrix", panzoomMatrix, {
  2187.                     animate: true
  2188.                 })
  2189.                 window.setTimeout(function () {
  2190.                     //getPlayerBoxes().addClass("pulsate-border");
  2191.                     window.setTimeout(function() {
  2192.                          $(".pulsate-border").removeClass("pulsate-border");
  2193.                     }, 2000)
  2194.                 }, 400);
  2195.             }, 10)
  2196.  
  2197.         } else {
  2198.             if ($("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").length == 0) {
  2199.                 showInfo("You didn't join this tournament.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  2200.  
  2201.             } else {
  2202.                 showInfo("This tournament didn't start yet.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  2203.  
  2204.             }
  2205.         }
  2206.     }
  2207. }
  2208.  
  2209. function getPlayerBoxes() {
  2210.     var boxes = $(".GameBox [href='/Profile?p=" + window.currentPlayer.fullID + "']").closest(".TeamBox");
  2211.     if(boxes.length == 0) {
  2212.         boxes = $("[title='" + window.currentPlayer.team + "']").closest(".TeamBox");
  2213.     }
  2214.     
  2215.     return boxes;
  2216.     
  2217. }
  2218.  
  2219. function htmlEscape(str) {
  2220.     return String(str)
  2221.         .replace(/&/g, '&amp;')
  2222.         .replace(/"/g, '&quot;')
  2223.         .replace(/'/g, '&#39;')
  2224.         .replace(/</g, '&lt;')
  2225.         .replace(/>/g, '&gt;');
  2226. }
  2227.  
  2228.  
  2229. $("#BookmarkTable").bind("contextmenu", function (event) {
  2230.     $(".highlightedBookmark").removeClass("highlightedBookmark")
  2231.     $(event.target).closest("tr").addClass("highlightedBookmark")
  2232.     // Avoid the real one
  2233.     event.preventDefault();
  2234.     bookmarkId = $(event.target).closest("tr").attr("data-bookmarkid")
  2235.     
  2236.     
  2237.     // Show contextmenu
  2238.     $(".context-menu").finish().toggle(100).
  2239.     
  2240.     // In the right position (the mouse)
  2241.     css({
  2242.         top: event.pageY + "px",
  2243.         left: event.pageX + "px"
  2244.     });
  2245. });
  2246.  
  2247.  
  2248. // If the document is clicked somewhere
  2249. $(document).bind("mousedown", function (e) {
  2250.     
  2251.     // If the clicked element is not the menu
  2252.     if (!$(e.target).parents(".context-menu").length > 0) {
  2253.         
  2254.         // Hide it
  2255.         $(".context-menu").hide(100);
  2256.         $(".highlightedBookmark").removeClass("highlightedBookmark")
  2257.     }
  2258. });
  2259.  
  2260.  
  2261. // If the menu element is clicked
  2262. $(".context-menu li").click(function(){
  2263.     
  2264.     // This is the triggered action name
  2265.     switch($(this).attr("data-action")) {
  2266.         
  2267.         // A case for each action. Your actions here
  2268.         case "first": alert("first"); break;
  2269.         case "second": alert("second"); break;
  2270.         case "third": alert("third"); break;
  2271.     }
  2272.   
  2273.     // Hide it AFTER the action was triggered
  2274.     $(".context-menu").hide(100);
  2275.   });
  2276.  
  2277.  
  2278.  
  2279. function setupExternalJS() {
  2280.     if(pageIsProfile()) {
  2281.         setupRandomizedBonus()
  2282.     }
  2283.     if(pageIsForum()) {
  2284.        setupForumSpammerBeGone()
  2285.     }
  2286.     
  2287. }
  2288.  
  2289. function setupRandomizedBonus() {
  2290.     console.log("loaded random bonus")
  2291.  
  2292.     var selectField = document.createElement("select")
  2293.     selectField.id = "templateSelect"
  2294.     var templates = [{id: 12345, text: "Strategic Earth"}, {id: 54345, text: "Strategic Earth 2"}]         
  2295.  
  2296.     for(var i = 0; i < templates.length; i++) {
  2297.         var option = new Option();
  2298.         option.value = templates[i].id;
  2299.         option.text = templates[i].text;
  2300.         selectField.options.add(option); 
  2301.     }
  2302.  
  2303.     $("#gameId").before(selectField)
  2304.  
  2305.     $("#templateSelect").on("change", function() {
  2306.         $("#gameId").val(this.value)
  2307.     })
  2308. }
  2309.  
  2310. function setupForumSpammerBeGone() {
  2311.     console.log("loaded forum spam")
  2312. }
  2313.  
  2314. window.setInterval(setRTLadderTime, 1000)
  2315. function setupRealTimeLadder() {
  2316.     if($("#RealTimeLadderTable").length == 0) {
  2317.         $(".SideColumn").append('<table class="dataTable" cellspacing="0" width="100%" id="RealTimeLadderTable"><thead><tr><td>Real-Time Ladder</td></tr></thead><tbody><tr><td>Nobody is playing in the real-time ladder.<a href="/LadderSeason?ID=3">Ladder Page</a></td></tr> </tbody></table>')
  2318.     }
  2319.     
  2320.     if( $(".extendedRTLadderRow").length == 0) {
  2321.         createSelector(".extendedRTLadderRow .rtBox", "width: calc(100%/2);");
  2322.         createSelector(".extendedRTLadderRow span", "");
  2323.         createSelector(".rtLeft", "float:left");
  2324.         createSelector(".rtRight", "float:Right");
  2325.         createSelector(".rtRight a", "    padding: 10px 30px;position: absolute;margin-left: -75px;");
  2326.         createSelector(".newGamesRT", "display:block");
  2327.         createSelector(".rtLabelBig", "font-size: 18px; margin: 5px"); 
  2328.     }
  2329.     $(".extendedRTLadderRow").remove()
  2330.     $("#RealTimeLadderTable tbody").append('<tr class="extendedRTLadderRow"><td colspan="2"><div class="rtLeft rtBox"><span class="newGamesRT">New Games in<br></span><div class="rtLabelBig"><span class="rtMin">00</span>:<span class="rtSec">00</span></div></div><div class="rtRight rtBox"><a href="https://www.warlight.net/LadderJoin?Ladder=RealTime" class="rtLabelBig">Join!</a></div></td></tr>')
  2331.     $("[href='/LadderSeason?ID=3'").text("Ladder Page")
  2332.     setRTLadderTime()
  2333.    
  2334. }
  2335.  
  2336.  
  2337. function setRTLadderTime() {
  2338.     var date = new Date()
  2339.     date.setMinutes(Math.ceil((new Date().getMinutes() + date.getSeconds() / 60) / 5) * 5)
  2340.     date.setSeconds(0)
  2341.     
  2342.     var diff = (date - new Date()) / 1000
  2343.     var min = Math.floor(diff / 60) % 60
  2344.     diff -= min * 60
  2345.     var sec = diff % 60
  2346.     $(".rtMin").text(padLeft(min))
  2347.     $(".rtSec").text(padLeft(sec))
  2348. }
  2349.  
  2350. function padLeft(str) {
  2351.     str = Math.round(str)
  2352.     len = 2
  2353.     symbol = '0'
  2354.      while(String(str).length < len) {
  2355.         str = symbol + str;
  2356.     }
  2357.     return str
  2358. }
  2359.  
  2360.  
  2361.  
  2362.  
  2363. /*  Snowfall jquery plugin */
  2364. // requestAnimationFrame polyfill from https://github.com/darius/requestAnimationFrame
  2365. if (!Date.now)
  2366.     Date.now = function() { return new Date().getTime(); };
  2367.  
  2368. (function() {
  2369.     'use strict';
  2370.  
  2371.     var vendors = ['webkit', 'moz'];
  2372.     for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
  2373.         var vp = vendors[i];
  2374.         window.requestAnimationFrame = window[vp+'RequestAnimationFrame'];
  2375.         window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame']
  2376.                                    || window[vp+'CancelRequestAnimationFrame']);
  2377.     }
  2378.     if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) // iOS6 is buggy
  2379.         || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
  2380.         var lastTime = 0;
  2381.         window.requestAnimationFrame = function(callback) {
  2382.             var now = Date.now();
  2383.             var nextTime = Math.max(lastTime + 16, now);
  2384.             return setTimeout(function() { callback(lastTime = nextTime); },
  2385.                               nextTime - now);
  2386.         };
  2387.         window.cancelAnimationFrame = clearTimeout;
  2388.     }
  2389. }());
  2390.  
  2391. function setupClotTable() {
  2392.     if($("#ClotTable").length == 0) {
  2393.         $(".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>')
  2394.     }
  2395.     parseClotTable() 
  2396.     loadClots()
  2397.     createSelector(".clotLabel", "display: inline-block; width: 70px")
  2398.     createSelector(".clotPlayers", "display: inline-block; margin-left: 5px; color:gray; ")
  2399.     
  2400. }
  2401.  
  2402. function setupLadderClotOverview() {
  2403.     $("h1").text($("h1").text() + " & CLOTs")
  2404.      var clotInfo = getClots()
  2405.     if(!clotInfo) {
  2406.         return
  2407.     }
  2408.     var clots = $.parseJSON(clotInfo)[0]
  2409.    
  2410.     var ladders = clots['ladders'] 
  2411.     var md = ""
  2412.     var rt = ""
  2413.     var counter = 0
  2414.     $.each(ladders, function (key, val) {
  2415.         if (val.type == "realtime") {
  2416.             rt += "<li><big><a target='_blank' href=" + val.url + ">" + val.name + "</a> using Real-Time boot times</big></li><br><br>"
  2417.             counter++
  2418.         } else if (val.type == "multiday") {
  2419.             md += "<li><big><a target='_blank' href = " + val.url + ">" + val.name + "</a> using Multi-Day boot times</big></li><br><br>"
  2420.             counter++
  2421.         }
  2422.     })
  2423.     
  2424.     $("#MainSiteContent > div").append("Warlight currently has " + toWords(counter) + " <a href='https://www.warlight.net/wiki/CLOT'>CLOTs</a><br><br>")
  2425.     
  2426.     $("#MainSiteContent > div").append("<ul id='clotInfo'></ul>")
  2427.     $("#clotInfo").append(rt)
  2428.     $("#clotInfo").append(md)
  2429. }
  2430.  
  2431. function parseClotTable() {
  2432.             
  2433.     try {
  2434.         var clotInfo = getClots()
  2435.         if(!clotInfo) {
  2436.             return
  2437.         }
  2438.         clots = $.parseJSON(clotInfo)[0]
  2439.         var ladders = clots['ladders']
  2440.         var md = ""
  2441.         var rt = ""
  2442.         $.each(ladders, function (key, val) {
  2443.             if (val.type == "realtime") {
  2444.                 rt += "<tr><td><a target='_blank' href=" + val.url + ">" + val.name + " (RT)</a> <span class='clotPlayers'>" + val.players + " Players joined</span></td></tr>"
  2445.             } else if (val.type == "multiday") {
  2446.                 md += "<tr><td><a target='_blank' href = " + val.url + ">" + val.name + " (MD)</a><span class='clotPlayers'>" + val.players + " Players joined</span></td></tr>"
  2447.             }
  2448.         })
  2449.         $("#ClotTable tbody tr").remove()
  2450.         $("#ClotTable tbody").append(md)
  2451.         $("#ClotTable tbody").append(rt)
  2452.         $(window).trigger('resize');
  2453.     } catch (e) {
  2454.         console.log("Error reading CLOTs")
  2455.         console.log(e.message)
  2456.         hideTable("#ClotTable")
  2457.     }
  2458. }
  2459. function getClots() {
  2460.     return '[{"ladders":[{"url":"http:\/\/real-time-ladder.appspot.com\/lot\/5649391675244544","name":"Real Time Ladder","players":0,"type":"realtime"},{"url":"http:\/\/wl1v1-clot.appspot.com\/lot\/5629499534213120","name":"Old 1v1 Ladder","players":21,"type":"multiday"},{"url":"http:\/\/multi-day-ladder.appspot.com\/lot\/5629499534213120","error":"timeout"},{"url":"http:\/\/warladder.net","name":"Dutch ladder","players":"19","type":"multiday"}],"datetime":"2015\/12\/26 11:07:00"}]'
  2461.     return localStorage.getItem('clots')
  2462. }
  2463.  
  2464. function loadClots() {
  2465.     /*GM_xmlhttpRequest({
  2466.         method: "GET",
  2467.         url: "http://php-psenough.rhcloud.com/hub/list.php",
  2468.         onload: function(response) {            
  2469.             try {
  2470.                 var json = '[' + response.responseText + ']'
  2471.                 if(isJson(json)) {
  2472.                     localStorage.setItem('clots', '[' + response.responseText + ']');
  2473.                     parseClotTable()
  2474.                     console.log("clot update " + clots['datetime'])
  2475.                 }     
  2476.             } catch (e) {
  2477.                 console.log("Error parsing CLOTs")
  2478.                 console.log(e.message)
  2479.             }
  2480.             
  2481.         }
  2482.     })*/
  2483. }
  2484.                       
  2485. function isJson(str) {
  2486.     try {
  2487.         JSON.parse(str);
  2488.     } catch (e) {
  2489.         return false;
  2490.     }
  2491.     return true;
  2492. }
  2493.  
  2494.  
  2495. function setupRightColumn(isInit) {
  2496.     if(isInit) {
  2497.         createSelector(".SideColumn > table", "margin-bottom: 17px;")
  2498.     }
  2499.     
  2500.     //Bookmarks
  2501.     if(isInit) {
  2502.         setupBookmarkTable()
  2503.     } else {
  2504.         refreshBookmarks()
  2505.     }
  2506.     
  2507.     //Tournament
  2508.     // #MyTournamentsTable
  2509.     
  2510.     //Clots
  2511.     setupClotTable()
  2512.     
  2513.     //RT Ladder
  2514.     setupRealTimeLadder()
  2515.     
  2516.     //Map of the Week
  2517.     
  2518.     //Forum Posts
  2519.      hideBlacklistedThreads()
  2520.     
  2521.     //Blog Posts
  2522.     
  2523.     //Coin Leaderboard
  2524.     
  2525.     var sideColumn = $(".SideColumn")
  2526.     $.each(getSortTables(), function(key, table) {
  2527.         if(table.hidden == true) {
  2528.             hideTable(table.id)
  2529.         } else {
  2530.             
  2531.             var table = $(table.id)
  2532.             
  2533.             if(table.prev().hasClass("followWrap")) {
  2534.                  var wrap = table.prev().remove()
  2535.                  sideColumn.append(wrap)
  2536.             }
  2537.             table = table.detach()
  2538.             sideColumn.append(table)
  2539.         }
  2540.     })
  2541.     
  2542.     $(".SideColumn > br").remove()
  2543.     
  2544.     if(isInit && isEnabled('scrollGames')) {
  2545.         setupFixedTitlesInSideColumn()
  2546.     }
  2547. }
  2548.  
  2549. function toWords(num) {
  2550.     if(num == 1) {
  2551.         return "one"
  2552.     } else if(num == 2) {
  2553.         return "two"
  2554.     } else if(num == 3) {
  2555.         return "three"
  2556.     } else if(num == 4) {
  2557.         return "four"
  2558.     } else if(num == 5) {
  2559.         return "five"
  2560.     } else if(num == 6) {
  2561.         return "six"
  2562.     } else if(num == 7) {
  2563.         return "seven"
  2564.     } else if(num == 8) {
  2565.         return "eight"
  2566.     } else if(num == 9) {
  2567.         return "nine"
  2568.     } else if(num == 10) {
  2569.         return "ten"
  2570.     } else if(num == 0) {
  2571.         return "zero"
  2572.     }  
  2573. }
  2574.  
  2575. function hideTable(seletor) {
  2576.     if( $(seletor).prev().hasClass("followWrap")) {
  2577.          $(seletor).prev().remove()
  2578.     }
  2579.      $(seletor).remove() 
  2580. }
  2581.  
  2582. $(document).ready(function() {
  2583.     (function(){
  2584.         $.snowfall = function(element, options){
  2585.             var flakes = [],
  2586.                 defaults = {
  2587.                     flakeCount : 50,
  2588.                     flakeColor : '#ffffff',
  2589.                     flakePosition: 'absolute',
  2590.                     flakeIndex: 999999,
  2591.                     minSize : 1,
  2592.                     maxSize : 2,
  2593.                     minSpeed : 1,
  2594.                     maxSpeed : 5,
  2595.                     round : false,
  2596.                     shadow : false,
  2597.                     collection : false,
  2598.                     collectionHeight : 40,
  2599.                     deviceorientation : false
  2600.                 },
  2601.                 options = $.extend(defaults, options),
  2602.                 random = function random(min, max){
  2603.                     return Math.round(min + Math.random()*(max-min));
  2604.                 };
  2605.  
  2606.                 $(element).data("snowfall", this);
  2607.  
  2608.                 // Snow flake object
  2609.                 function Flake(_x, _y, _size, _speed){
  2610.                     // Flake properties
  2611.                     this.x  = _x;
  2612.                     this.y  = _y;
  2613.                     this.size = _size;
  2614.                     this.speed = _speed;
  2615.                     this.step = 0;
  2616.                     this.stepSize = random(1,10) / 100;
  2617.  
  2618.                     if(options.collection){
  2619.                         this.target = canvasCollection[random(0,canvasCollection.length-1)];
  2620.                     }
  2621.  
  2622.                     var flakeMarkup = null;
  2623.  
  2624.                     if(options.image){
  2625.                         flakeMarkup = document.createElement("img");
  2626.                         flakeMarkup.src = options.image;
  2627.                     }else{
  2628.                         flakeMarkup = document.createElement("div");
  2629.                         $(flakeMarkup).css({'background' : options.flakeColor});
  2630.                     }
  2631.  
  2632.                     $(flakeMarkup).attr({
  2633.                         'class': 'snowfall-flakes', 
  2634.                     }).css({
  2635.                         'width' : this.size, 
  2636.                         'height' : this.size, 
  2637.                         'position' : options.flakePosition, 
  2638.                         'top' : this.y, 
  2639.                         'left' : this.x, 
  2640.                         'fontSize' : 0, 
  2641.                         'zIndex' : options.flakeIndex
  2642.                     });
  2643.  
  2644.                     if($(element).get(0).tagName === $(document).get(0).tagName){
  2645.                         $('body').append($(flakeMarkup));
  2646.                         element = $('body');
  2647.                     }else{
  2648.                         $(element).append($(flakeMarkup));
  2649.                     }
  2650.  
  2651.                     this.element = flakeMarkup;
  2652.  
  2653.                     // Update function, used to update the snow flakes, and checks current snowflake against bounds
  2654.                     this.update = function(){
  2655.                         this.y += this.speed;
  2656.  
  2657.                         if(this.y > (elHeight) - (this.size  + 6)){
  2658.                             this.reset();
  2659.                         }
  2660.  
  2661.                         this.element.style.top = this.y + 'px';
  2662.                         this.element.style.left = this.x + 'px';
  2663.  
  2664.                         this.step += this.stepSize;
  2665.  
  2666.                         if (doRatio === false) {
  2667.                             this.x += Math.cos(this.step);
  2668.                         } else {
  2669.                             this.x += (doRatio + Math.cos(this.step));
  2670.                         }
  2671.  
  2672.                         // Pileup check
  2673.                         if(options.collection){
  2674.                             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){
  2675.                                 var ctx = this.target.element.getContext("2d"),
  2676.                                     curX = this.x - this.target.x,
  2677.                                     curY = this.y - this.target.y,
  2678.                                     colData = this.target.colData;
  2679.  
  2680.                                     if(colData[parseInt(curX)][parseInt(curY+this.speed+this.size)] !== undefined || curY+this.speed+this.size > this.target.height){
  2681.                                         if(curY+this.speed+this.size > this.target.height){
  2682.                                             while(curY+this.speed+this.size > this.target.height && this.speed > 0){
  2683.                                                 this.speed *= .5;
  2684.                                             }
  2685.  
  2686.                                             ctx.fillStyle = "#fff";
  2687.  
  2688.                                             if(colData[parseInt(curX)][parseInt(curY+this.speed+this.size)] == undefined){
  2689.                                                 colData[parseInt(curX)][parseInt(curY+this.speed+this.size)] = 1;
  2690.                                                 ctx.fillRect(curX, (curY)+this.speed+this.size, this.size, this.size);
  2691.                                             }else{
  2692.                                                 colData[parseInt(curX)][parseInt(curY+this.speed)] = 1;
  2693.                                                 ctx.fillRect(curX, curY+this.speed, this.size, this.size);
  2694.                                             }
  2695.                                             this.reset();
  2696.                                         }else{
  2697.                                             // flow to the sides
  2698.                                             this.speed = 1;
  2699.                                             this.stepSize = 0;
  2700.  
  2701.                                             if(parseInt(curX)+1 < this.target.width && colData[parseInt(curX)+1][parseInt(curY)+1] == undefined ){
  2702.                                                 // go left
  2703.                                                 this.x++;
  2704.                                             }else if(parseInt(curX)-1 > 0 && colData[parseInt(curX)-1][parseInt(curY)+1] == undefined ){
  2705.                                                 // go right
  2706.                                                 this.x--;
  2707.                                             }else{
  2708.                                                 //stop
  2709.                                                 ctx.fillStyle = "#fff";
  2710.                                                 ctx.fillRect(curX, curY, this.size, this.size);
  2711.                                                 colData[parseInt(curX)][parseInt(curY)] = 1;
  2712.                                                 this.reset();
  2713.                                             }
  2714.                                         }
  2715.                                     }
  2716.                             }
  2717.                         }
  2718.  
  2719.                         if(this.x + this.size > (elWidth) - widthOffset || this.x < widthOffset){
  2720.                             this.reset();
  2721.                         }
  2722.                     }
  2723.  
  2724.                     // Resets the snowflake once it reaches one of the bounds set
  2725.                     this.reset = function(){
  2726.                         this.y = 0;
  2727.                         this.x = random(widthOffset, elWidth - widthOffset);
  2728.                         this.stepSize = random(1,10) / 100;
  2729.                         this.size = random((options.minSize * 100), (options.maxSize * 100)) / 100;
  2730.                         this.element.style.width = this.size + 'px';
  2731.                         this.element.style.height = this.size + 'px';
  2732.                         this.speed = random(options.minSpeed, options.maxSpeed);
  2733.                     }
  2734.                 }
  2735.  
  2736.                 // local vars
  2737.                 var i = 0,
  2738.                     elHeight = $(element).height(),
  2739.                     elWidth = $(element).width(),
  2740.                     widthOffset = 0,
  2741.                     snowTimeout = 0;
  2742.  
  2743.                 // Collection Piece ******************************
  2744.                 if(options.collection !== false){
  2745.                     var testElem = document.createElement('canvas');
  2746.                     if(!!(testElem.getContext && testElem.getContext('2d'))){
  2747.                         var canvasCollection = [],
  2748.                             elements = $(options.collection),
  2749.                             collectionHeight = options.collectionHeight;
  2750.  
  2751.                         for(var i =0; i < elements.length; i++){
  2752.                                 var bounds = elements[i].getBoundingClientRect(),
  2753.                                     $canvas = $('<canvas/>',
  2754.                                         {
  2755.                                             'class' : 'snowfall-canvas'
  2756.                                         }),
  2757.                                     collisionData = [];
  2758.  
  2759.                                 if(bounds.top-collectionHeight > 0){
  2760.                                     $('body').append($canvas);
  2761.  
  2762.                                     $canvas.css({
  2763.                                         'position' : options.flakePosition,
  2764.                                         'left'     : bounds.left + 'px',
  2765.                                         'top'      : bounds.top-collectionHeight + 'px'
  2766.                                     })
  2767.                                     .prop({
  2768.                                         width: bounds.width,
  2769.                                         height: collectionHeight
  2770.                                     });
  2771.  
  2772.                                     for(var w = 0; w < bounds.width; w++){
  2773.                                         collisionData[w] = [];
  2774.                                     }
  2775.  
  2776.                                     canvasCollection.push({
  2777.                                         element : $canvas.get(0), 
  2778.                                         x : bounds.left, 
  2779.                                         y : bounds.top-collectionHeight, 
  2780.                                         width : bounds.width, 
  2781.                                         height: collectionHeight, 
  2782.                                         colData : collisionData
  2783.                                     });
  2784.                                 }
  2785.                         }
  2786.                     }else{
  2787.                         // Canvas element isnt supported
  2788.                         options.collection = false;
  2789.                     }
  2790.                 }
  2791.                 // ************************************************
  2792.  
  2793.                 // This will reduce the horizontal scroll bar from displaying, when the effect is applied to the whole page
  2794.                 if($(element).get(0).tagName === $(document).get(0).tagName){
  2795.                     widthOffset = 25;
  2796.                 }
  2797.  
  2798.                 // Bind the Window resize event so we can get the innerHeight again
  2799.                 $(window).bind("resize", function(){
  2800.                     elHeight = $(element)[0].clientHeight;
  2801.                     elWidth = $(element)[0].offsetWidth;
  2802.                 });
  2803.  
  2804.  
  2805.                 // initialize the flakes
  2806.                 for(i = 0; i < options.flakeCount; i+=1){
  2807.                     flakes.push(new Flake(random(widthOffset,elWidth - widthOffset), random(0, elHeight), random((options.minSize * 100), (options.maxSize * 100)) / 100, random(options.minSpeed, options.maxSpeed)));
  2808.                 }
  2809.  
  2810.                 // This adds the style to make the snowflakes round via border radius property
  2811.                 if(options.round){
  2812.                     $('.snowfall-flakes').css({'-moz-border-radius' : options.maxSize, '-webkit-border-radius' : options.maxSize, 'border-radius' : options.maxSize});
  2813.                 }
  2814.  
  2815.                 // This adds shadows just below the snowflake so they pop a bit on lighter colored web pages
  2816.                 if(options.shadow){
  2817.                     $('.snowfall-flakes').css({'-moz-box-shadow' : '1px 1px 1px #555', '-webkit-box-shadow' : '1px 1px 1px #555', 'box-shadow' : '1px 1px 1px #555'});
  2818.                 }
  2819.  
  2820.                 // On newer Macbooks Snowflakes will fall based on deviceorientation
  2821.                 var doRatio = false;
  2822.                 if (options.deviceorientation) {
  2823.                     $(window).bind('deviceorientation', function(event) {
  2824.                         doRatio = event.originalEvent.gamma * 0.1;
  2825.                     });
  2826.                 }
  2827.  
  2828.                 // this controls flow of the updating snow
  2829.                 function snow(){
  2830.                     for( i = 0; i < flakes.length; i += 1){
  2831.                         flakes[i].update();
  2832.                     }
  2833.  
  2834.                     snowTimeout = requestAnimationFrame(function(){snow()});
  2835.                 }
  2836.  
  2837.                 snow();
  2838.  
  2839.                 // clears the snowflakes
  2840.                 this.clear = function(){
  2841.                     $('.snowfall-canvas').remove();
  2842.                     $(element).children('.snowfall-flakes').remove();
  2843.                     cancelAnimationFrame(snowTimeout);
  2844.                 }
  2845.         };
  2846.  
  2847.         // Initialize the options and the plugin
  2848.         $.fn.snowfall = function(options){
  2849.             if(typeof(options) == "object" || options == undefined){
  2850.                      return this.each(function(i){
  2851.                         (new $.snowfall(this, options));
  2852.                     });
  2853.             }else if (typeof(options) == "string") {
  2854.                 return this.each(function(i){
  2855.                     var snow = $(this).data('snowfall');
  2856.                     if(snow){
  2857.                         snow.clear();
  2858.                     }
  2859.                 });
  2860.             }
  2861.         };
  2862.     })(jQuery);
  2863.     
  2864.     if(!isEnabled('disableSnow')) {
  2865.         var flakes;
  2866.         if(isEnabled('snowLight')) {
  2867.             flakes = pageIsGame() ? 40 : 125
  2868.         } else {
  2869.             flakes = pageIsGame() ? 75 : 225
  2870.         }
  2871.          
  2872.         $(document).snowfall({flakeCount : flakes});
  2873.     }
  2874.        
  2875. });

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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