☰

Tidy up your Dashboard

Customizable Userscript which tidies up your Dashboard!

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

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

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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