☰

Tidy up your Dashboard

Tidy Up Your Dashboard is a Userscript which brings along a lot of features for improving the user experience on Warlight.

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

  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. // @exclude /.*[Mm][Uu][Ll][Tt][Ii][Pp][Ll][Aa][Yy][Ee][Rr]\?([Gg][Aa][Mm][Ee][Ii][Dd]|[Cc][Rr][Ee][Aa][Tt][Ee][Gg][Aa][Mm][Ee]).*/
  8. // @exclude /.*[Ss][Ii][Nn][Gg][Ll][Ee][Pp][Ll][Aa][Yy][Ee][Rr]\?([Ll][Ee][Vv][Ee][Ll]|[Ee][Dd][Ii][Tt][Ll][Ee][Vv][Ee][Ll]|[Cc][Uu][Ss][Tt][Oo][Mm][Gg][Aa][Mm][Ee]|[Pp][Rr][Ee][Vv][Ii][Ee][Ww][Mm][Aa][Pp]).*/
  9. // @exclude /.*[Uu][Nn][Ii][Tt][Yy]=1.*/
  10. // @description Tidy Up Your Dashboard is a Userscript which brings along a lot of features for improving the user experience on Warlight.
  11. // @version 1.15.4
  12. // @icon http://i.imgur.com/XzA5qMO.png
  13. // @require https://code.jquery.com/jquery-1.11.2.min.js
  14. // @require https://code.jquery.com/ui/1.11.3/jquery-ui.min.js
  15. // @require https://cdn.bootcss.com/datatables/1.10.10/js/jquery.dataTables.min.js
  16. // @require https://cdn.bootcss.com/datatables/1.10.10/js/dataTables.bootstrap.js
  17. // @require https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js
  18. // ==/UserScript==
  19. window.timeUserscriptStart = new Date().getTime();
  20. var version = "1.15.4";
  21. this.$$$ = jQuery.noConflict(true);
  22.  
  23. var logData = "";
  24. function log(entry) {
  25.     var time = moment(new Date()).format('h:mm:ss');
  26.     logData += `\n${time} | ${entry}`;
  27. }
  28. function logError(entry) {
  29.    var time = moment(new Date()).format('h:mm:ss');
  30.     logData += `\n${time} | ${entry}`; 
  31. }
  32. //ctrl+shift+2
  33. $$$(document).keydown(function(e){
  34.     if( e.which === 50 && e.ctrlKey && e.shiftKey ){
  35.         getLog()
  36.     }         
  37. }); 
  38.  
  39. window.logDialog = undefined;
  40. window.getLog = function() {
  41.     if(logDialog) {
  42.         logDialog.html(`<textarea style="height:100%;width:100%">${logData}</textarea>`)
  43.         logDialog.dialog('open')
  44.     } else {
  45.         logDialog = $$$(`<div style="overflow:hidden"><textarea style="height:100%;width:100%">${logData}</textarea></div>`).dialog({
  46.         width: 800,
  47.         title: "Userscript log",
  48.         height: 400});
  49.     }
  50. }
  51. window.onerror = windowError
  52.  
  53. function windowError(message, source, lineno, colno, error) {
  54.     logError(`Error on line ${lineno} col ${colno} in ${source}`)
  55.     logError(`${JSON.stringify(error)} ${message}`)        
  56.     
  57.     if(typeof $().dialog == "function") {
  58.         window.wlerror(message, source, lineno, colno, error)
  59.     }
  60. }
  61.  
  62. if(pageIsDashboard()) {
  63.     createSelector("#MainSiteWrapper", "display: none")
  64.     createSelector("body", "overflow: hidden")
  65. }
  66.  
  67. setupDatabase()
  68. log("indexedDB setup complete")
  69.  
  70. if (document.readyState == 'complete' || document.readyState == 'interactive') {
  71.     log("Readystate complete|interactive")
  72.     DOM_ContentReady();
  73. } else {
  74.     window.document.addEventListener("DOMContentLoaded", DOM_ContentReady);
  75.     log("Readystate loading")
  76. }
  77.  
  78. //$(document).ready(DOM_ContentReady)
  79.  
  80.  
  81. function checkVersion() {
  82.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "version", function(v) {
  83.         var currentVersion = v != undefined ? v.value: undefined
  84.         log("Current version " + currentVersion)
  85.         if (currentVersion == version) {
  86.         //Script Up to date
  87.  
  88.         } else if (currentVersion == undefined) {
  89.             //Script new installed
  90.             addDefaultBookmark();
  91.             setupSettingsDatabase();
  92.         } else {
  93.             setUserInvalid()
  94.             //Script Updated
  95.  
  96.             //$("label[for='showPrivateNotesOnProfile']").addClass('newSetting');
  97.  
  98.             //showPopup(".userscript-show");
  99.  
  100. //            window.setTimeout(function() {
  101. //                warlight_shared_viewmodels_AlertVM.DoPopup("Tidy up Your Dashboard was sucessfully updated to version " + version + "! Check out the forum thread to see what changed.");
  102. //            }, 1000)        
  103.         }
  104.  
  105.         addVersionLabel()
  106.         if(sessionStorage.getItem("showUserscriptMenu")) {
  107.             showUserscriptMenu();
  108.             sessionStorage.removeItem("showUserscriptMenu")
  109.         }
  110.     })
  111.     Database.update(Database.Table.Settings, {name: "version", value: version}, undefined, function() {
  112.         
  113.     })  
  114. }
  115.  
  116. setupImages();
  117. window.userscriptSettings = [
  118.     {
  119.         id: 'scrollGames',
  120.         text: 'Fixed Window with scrollable Games',
  121.         selected: true,
  122.         title: 'Dashboard',
  123.         addBreak: false,
  124.         help: 'This option displays My-, Open-, Coin-Games in a scrollable box, which removes a lot of unesessary scrolling. You can find tabs to switch between the different type of games. '
  125.     },
  126.     {
  127.         id: 'hideMyGamesIcons',
  128.         text: 'Hide Icons in "My Games"',
  129.         selected: false,
  130.         title: '',
  131.         addBreak: false,
  132.         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"'
  133.     },
  134.     {
  135.         id: 'autoRefreshOnFocus',
  136.         text: 'Automatically refresh Games on Tab-Focus',
  137.         selected: true,
  138.         title: '',
  139.         addBreak: false,
  140.         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.'
  141.     },
  142.     {
  143.         id: 'highlightTournaments',
  144.         text: 'Highlight Tournament invites',
  145.         selected: false,
  146.         title: '',
  147.         addBreak: false,
  148.     },
  149.     {
  150.         id: 'hideRightColumn',
  151.         text: 'Hide Right Column',
  152.         selected: false,
  153.         title: '',
  154.         addBreak: false,
  155.         help: 'This option hides the right column completely and leaves you alone with My-, Open- and Coin-Games.'
  156.     },
  157.     {
  158.         id: 'hidePromotedGames',
  159.         text: 'Hide Promoted Games',
  160.         selected: false,
  161.         title: '',
  162.         addBreak: false,
  163.         help: 'This option hides the promoted (coin) games on the dashboard'
  164.     },
  165.     {
  166.         id: 'showOpenGamesTab',
  167.         text: 'Show Open Games Tab in Menu Bar',
  168.         selected: false,
  169.         title: 'Global',
  170.         addBreak: false,
  171.         help: 'This option displays a link to the "Open Games" site right next to the "Past Games" Link.'
  172.     },
  173.     {
  174.         id: 'hideCoinsGlobally',
  175.         text: 'Hide Coins Globally',
  176.         selected: false,
  177.         title: '',
  178.         addBreak: false,
  179.         help: 'This option removes everything from Warlight related to Coins'
  180.     },
  181.     {
  182.         id: 'showPrivateNotesOnProfile',
  183.         text: 'Show Private Notes on Profile',
  184.         selected: true,
  185.         title: '',
  186.         addBreak: false,
  187.         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.'
  188.     },
  189.     {
  190.         id: 'unlinkDashboard',
  191.         text: 'Link Dashboard to "old" My-Games Site',
  192.         selected: false,
  193.         title: '',
  194.         addBreak: false,
  195.         help: 'This option links the Dashboard to the "old" My-Games Site'
  196.     },
  197.     {
  198.         id: 'useDefaultBootLabel',
  199.         text: 'Use the Default Boot Time Label',
  200.         selected: false,
  201.         title: 'Advanced',
  202.         addBreak: false
  203.     },
  204.     {
  205.         id: 'hideRefreshButton',
  206.         text: 'Hide Refresh Button',
  207.         selected: false,
  208.         title: '',
  209.         addBreak: false,
  210.         help: 'Hide the Refresh Button. You can still refresh with R'
  211.     },
  212.     {
  213.         id: 'hideOffTopic',
  214.         text: 'Automatically hide Off-topic threads',
  215.         selected: false,
  216.         title: '',
  217.         addBreak: false,
  218.         help: 'This option automatically hides all Off-topic threads everytime you visit the "All Forum Posts"-Page'
  219.     },
  220.     {
  221.         id: 'disableHideThreadOnDashboard',
  222.         text: 'Disable right-click on the forum table',
  223.         selected: false,
  224.         title: '',
  225.         addBreak: false,
  226.         help: 'This option will allow you to right-click forum thread on the dashboard and use the default browser options.'
  227.     },
  228.     {
  229.         id: 'hideCreateRandomGameForm',
  230.         text: 'Hide Randomized Bonuses Game Form',
  231.         selected: false,
  232.         title: '',
  233.         addBreak: false,
  234.         help: 'This option will hide the randomized bonuses game form which is located on the profile page.'
  235.     }
  236. ];
  237.  
  238. window.filters = [
  239.     {
  240.         id: "disableAll",
  241.         text: "Disable All Filters",
  242.         selected: false,
  243.         type: "checkbox"
  244.     },
  245.     {
  246.         id: "",
  247.         text: "<div style='display:inline-block;height:30px; width: 10px'> </div>",
  248.         selected: false,
  249.         type: "custom"
  250.     },
  251.     {
  252.         id: "hideTeam",
  253.         text: "Hide Team Games",
  254.         selected: false,
  255.         type: "checkbox"
  256.     }, 
  257.     {
  258.         id: "hideCommanderGames",
  259.         text: "Hide Games with Commanders",
  260.         selected: false,
  261.         type: "checkbox"
  262.     }, 
  263.     {
  264.         id: "hideFFA",
  265.         text: "Hide FFA Games",
  266.         selected: false,
  267.         type: "checkbox"
  268.     },
  269.     {
  270.         id: "hideNoneCommanderGames",
  271.         text: "Hide Games without Commanders",
  272.         selected: false,
  273.         type: "checkbox"
  274.     },
  275.     {
  276.         id: "hide1v1",
  277.         text: "Hide 1 v 1 Games",
  278.         selected: false,
  279.         type: "checkbox"
  280.     },
  281.     {
  282.         id: "hideManualDistribution",
  283.         text: "Hide Manual Distribution Games",
  284.         selected: false,
  285.         type: "checkbox"
  286.     },
  287.     {
  288.         id: "hideNoSplit",
  289.         text: "Hide No-Split Games",
  290.         selected: false,
  291.         type: "checkbox"
  292.     },
  293.     {
  294.         id: "hideAutoDistribution",
  295.         text: "Hide Auto Distribution Games",
  296.         selected: false,
  297.         type: "checkbox"
  298.     },
  299.      {
  300.         id: "hideLocalDeployments",
  301.         text: "Hide Local Deployment Games",
  302.         selected: false,
  303.         type: "checkbox"
  304.     },
  305.     {
  306.         id: "hideCustomScenario",
  307.         text: "Hide Custom Scenario Games",
  308.         selected: false,
  309.         type: "checkbox"
  310.     },
  311.     {
  312.         id: "hideLuck",
  313.         text: "<label for='hideLuck' style='width:169px'>Hide Luck greater than</label><input type='text' id='hideLuck' class='number'>",
  314.         selected: false,
  315.         type: "custom"
  316.     },
  317.     {
  318.         id: "hideNonCustomScenario",
  319.         text: "Hide Non-Custom Scenario Games",
  320.         selected: false,
  321.         type: "checkbox"
  322.     },
  323.     {
  324.         id: "hideKeyword",
  325.         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>',
  326.         selected: false,
  327.         type: "custom",
  328.     },
  329.     {
  330.         id: "hidePractice",
  331.         text: "Hide Practice Games",
  332.         selected: false,
  333.         type: "checkbox"
  334.     },
  335.     {
  336.         id: "hideNonPractice",
  337.         text: "Hide Non-Practice Games",
  338.         selected: false,
  339.         type: "checkbox"
  340.     },
  341.     {
  342.         id: "limitPlayers",
  343.         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>',
  344.         selected: false,
  345.         type: "custom"
  346.     },
  347.     {
  348.         id: "hideBootTime",
  349.         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>',
  350.         selected: false,
  351.         type: "custom"
  352.     }
  353. ];
  354.  
  355.  
  356. window.showGamesActive = "ShowMyGames";
  357.  
  358. window.openGames = [];
  359. window.wlerror = function(){}
  360. function DOM_ContentReady() {
  361.     log("DOM content ready")
  362.     
  363.     window.wlerror = window.onerror
  364.     window.onerror = windowError
  365.     window.timeDomContentReady = new Date().getTime();
  366.     log("Time DOM content ready " + (timeDomContentReady - timeUserscriptStart) / 1000)
  367.     log("DOM content ready")
  368.     $.fn.outerHTML = function (s) {
  369.         return s ? this.before(s).remove() : jQuery("<p>").append(this.eq(0).clone()).html();
  370.     };
  371.     window.WLError = function(a, b) {
  372.         logError(a)
  373.         null == a && (a = "");
  374.         console.log("WLError: " + a + ", silent=" + b); - 1 != a.indexOf("NotAuth") ? location.reload() : -1 != a.indexOf("WarLight Server returned CouldNotConnect") ? CNCDialog() : -1 == a.indexOf("TopLine is not defined") && -1 == a.indexOf("_TPIHelper") && -1 == a.indexOf("Syntax error, unrecognized expression: a[href^=http://]:not([href*=") && -1 == a.indexOf("y2_cc2242") && -1 == a.indexOf("Error calling method on NPObject") && (-1 != a.indexOf("WARLIGHTERROR48348927984712893471394") ? a = "ServerError" : -1 !=
  375.             a.indexOf("WARLIGHTHEAVYLOAD48348927984712893471394") && (a = "HeavyLoad"), ReportError(a), b || PopErrorDialog(a))
  376.     }
  377.     
  378.     $.fn.getsFiltered = function (openGamesFilters) {
  379.         var game = this[0];
  380.         if(game) {
  381.             if (openGamesFilters["hideMaxPlayers"] <= 100 && $(game).numOfPlayers() > openGamesFilters["hideMaxPlayers"]) return true;
  382.             if (openGamesFilters["hideMinPlayers"] <= 100 && $(game).numOfPlayers() < openGamesFilters["hideMinPlayers"]) return true;
  383.             if (openGamesFilters["hideLuck"] < 100 && game.SettingsOpt.LuckModifier * 100 > openGamesFilters["hideLuck"]) return true;
  384.             if (openGamesFilters["hideFFA"] && $(game).numOfTeams() == 0 && $(game).numOfPlayers() > 2) return true;
  385.             if (openGamesFilters["hideTeam"] && $(game).numOfTeams() > 0) return true;
  386.             if (openGamesFilters["hide1v1"] && $(game).numOfPlayers() == 2) return true;
  387.             if (openGamesFilters["hideCustomScenario"] && game.SettingsOpt.DistributionMode === -3) return true;
  388.             if (openGamesFilters["hideNonCustomScenario"] && game.SettingsOpt.DistributionMode !== -3) return true;
  389.             if (openGamesFilters["hideCommanderGames"] && game.SettingsOpt.HasCommanders) return true;
  390.             if (openGamesFilters["hideNoneCommanderGames"] && !game.SettingsOpt.HasCommanders) return true;
  391.             if (openGamesFilters["hidePractice"] && !game.SettingsOpt.RankedGame) return true;
  392.             if (openGamesFilters["hideNoSplit"] && game.SettingsOpt.NoSplit) return true;
  393.             if (openGamesFilters["hideLocalDeployments"] && game.SettingsOpt.LocalDeployments) return true;
  394.             if (openGamesFilters["hideNonPractice"] && game.SettingsOpt.RankedGame) return true;
  395.             if (openGamesFilters["hideManualDistribution"] && !game.SettingsOpt.AutoDistribution) return true;
  396.             if (openGamesFilters["hideAutoDistribution"] && game.SettingsOpt.AutoDistribution) return true;
  397.             if (openGamesFilters["hideKeyword"] && openGamesFilters["hideKeyword"].length > 0 && $(game).containsKeyword(openGamesFilters)) return true;
  398.             if (openGamesFilters["hideRealTimeBootTime"] > 0 && game.RealTimeGame && game.DirectBoot._totalMilliseconds < openGamesFilters["hideRealTimeBootTime"]) return true;
  399.             if (openGamesFilters["hideMultiDayBootTimeInMs"] > 0 && !game.RealTimeGame && game.DirectBoot._totalMilliseconds < openGamesFilters["hideMultiDayBootTimeInMs"]) return true;
  400.         }
  401.  
  402.         return false;
  403.     };
  404.  
  405.     $.fn.numOfPlayers = function () {
  406.         var game = this[0];
  407.         return game.Players.length + game.OpenSeats.length;
  408.  
  409.     };
  410.  
  411.     $.fn.playerJoined = function () {
  412.         var game = this[0];
  413.         var playerJoined = false;
  414.         var id = warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID;
  415.         $.each(game.Players, function (key, player) {
  416.             if (player.PlayerID == id) {
  417.                 playerJoined = true;
  418.             }
  419.         });
  420.         return playerJoined;
  421.     };
  422.  
  423.     $.fn.markJoined = function () {
  424.         var game = this[0];
  425.         game.Name += '##joined##';
  426.         return game;
  427.     };
  428.  
  429.     $.fn.numOfTeams = function () {
  430.         var game = this[0];
  431.         var teams = 0;
  432.         if (game.AtStartDivideIntoTeamsOfIfOpenGame > 0) return $(game).numOfPlayers() / game.AtStartDivideIntoTeamsOfIfOpenGame;
  433.         if (Math.max.apply(Math, game.OpenSeats) == -1) return 0;
  434.         var maxTeam = Math.max.apply(Math, game.OpenSeats);
  435.         $.each(game.Players, function (key, player) {
  436.             if (player.Team > maxTeam) {
  437.                 maxTeam = player.Team;
  438.             };
  439.         });
  440.         return maxTeam + 1;
  441.     }
  442.  
  443.     $.fn.containsKeyword = function (openGamesFilters) {
  444.         var game = this[0];
  445.         var keywords = openGamesFilters["hideKeyword"].split(",");
  446.         var title = game._nameLowered || game.Name.toLowerCase();
  447.         var filtered = false;
  448.         $.each(keywords, function (key, keyword) {
  449.             if (title.indexOf(keyword.trim().toLowerCase()) >= 0) {
  450.                 filtered = true;
  451.             }
  452.         })
  453.         return filtered;
  454.  
  455.     };
  456.  
  457.     $.fn.settingIsEnabled = function (setting) {
  458.         var selected = false;
  459.         $.each(userscriptSettings, function (key, set) {
  460.             if (set.id == setting) {
  461.                 selected = set.selected;
  462.             }
  463.         });
  464.         return selected;
  465.     };
  466.     
  467.     try {
  468.         $.extend( $$$.fn.dataTableExt.oSort, {
  469.             "rank-pre": function ( a ) {
  470.                 return a.match(/([0-9]*)/)[1] || 9999;
  471.             },
  472.  
  473.             "rank-asc": function( a, b ) {
  474.                 return a < b;
  475.             },
  476.  
  477.             "rank-desc": function(a,b) {
  478.                 return a > b;
  479.             }
  480.         } );
  481.         $.extend( $$$.fn.dataTableExt.oSort, {
  482.             "numeric-comma-pre": function ( a ) {
  483.                 return Number(a.replace(/,/g, ""))
  484.             },
  485.  
  486.             "numeric-comma-asc": function( a, b ) {
  487.                 return a < b;
  488.             },
  489.  
  490.             "numeric-comma-desc": function(a,b) {
  491.                 return a > b;
  492.             }
  493.         } );
  494.     } catch(e) {
  495.         log(e)
  496.     }
  497.     
  498.     addCSS(`
  499.         input.unityId {
  500.             width: 100%;
  501.             box-sizing: border-box;
  502.             height: 30px;
  503.             text-align: center;
  504.             font-size: 10px;
  505.         }
  506.         h3.unityId { 
  507.             text-align: center;
  508.             margin-top: 5px;
  509.         }  
  510.     `)
  511.     
  512.     
  513.     $(document).click(function(e) {
  514.         if(e.shiftKey && e.ctrlKey) {
  515.             e.preventDefault();
  516.             var aTag = $(e.target).closest("a");
  517.             var href = aTag.attr("href")
  518.             if(href != undefined && (id = href.match(/(gameid=|level\?id=|level=)([0-9]*)/i))) {
  519.                 var title = $("<h3>").text("Game Link").addClass("unityId")
  520.                 var input = $("<input>").attr("value", href).addClass("unityId")
  521.                 $('<div/>').prepend(title).append(input).dialog()
  522.                 $("input.unityId").select()
  523.                 
  524.                  var ctrlKey = 17,
  525.                     cmdKey = 91,
  526.                     cKey = 67,
  527.                     xKey = 88;
  528.  
  529.                 $(".unityId").keydown(function(e) {
  530.                     if ((e.ctrlKey || e.cmdKey) && (e.keyCode == xKey || e.keyCode == cKey)) {
  531.                         window.setTimeout(function() {
  532.                             $(".ui-dialog-content").dialog("close");
  533.                         }, 100)
  534.                         
  535.                     }
  536.                 })
  537.             }
  538.         }                                      
  539.     });
  540.     
  541.     if(pageIsNewThread()) {
  542.         $("[onclick='undoIgnore()']").closest("th").remove();
  543.         $(".checkbox").closest("td").remove()
  544.     }
  545.     
  546.     if(document.getElementById("MyGamesFilter") != null) {
  547.         document.getElementById("MyGamesFilter").onchange = null
  548.     }
  549.     $("#MyGamesFilter").on("change", function() {
  550.         var customFilter = $(this).val()
  551.         Database.update(Database.Table.Settings, {name: "customFilter", value: customFilter}, undefined, function() {
  552.             refreshMyGames();
  553.         })
  554.     })
  555.  
  556.     if(pageIsDashboard()) {
  557.         $("body").append("<div class='loader' style='    background: black;position: fixed;left: 0;right: 0;top: 75px;bottom: 0;z-index: 100;'></div>")
  558.         $("#MainSiteWrapper").show();
  559.         window.lastRefresh;
  560.         window.myGamesTable = $("#MyGamesTable");
  561.         window.openGamesTable = $("#OpenGamesTable");
  562.         window.promotedGamesTable = $("#PromotedGamesTable");
  563.         window.lastClick = new Date();
  564.     }
  565.     
  566.     if(pageIsThread()) {
  567.         setupTextarea()
  568.     }
  569.     
  570.     if(pageIsMapPage() && mapIsPublic()) {
  571.         var id = location.href.match(/[^\d]*([\d]*)/)[1]
  572.         $("#MainSiteContent ul").append(`<li><a href="https://www.warlight.net/RateMap?ID=${id}" target="_blank">Rate Map</a></li>`)
  573.     }
  574.  
  575.     if (pageIsForumThread() || pageIsClanForumThread()) {
  576.         //Show Open Games Link
  577.         $("[href='#Reply']").after(" | <a style='cursor:pointer' onclick='bookmarkForumThread()'>Bookmark</a>")
  578.         $("#PostReply").after(" | <a style='cursor:pointer' onclick='bookmarkForumThread()'>Bookmark</a>")
  579.         $(".region a[href='/Profile?p=2211733141']:contains('Muli')").closest("td").find("a:contains('Report')").before("<br><a href='https://www.warlight.net/Forum/106092-mulis-userscript-tidy-up-dashboard'><font color='#FFAE51' size='1'>Script Creator</font></a><br>")
  580.         setupAWPWorldTour()
  581.         $("[id^=PostForDisplay]").find("img").css("max-width", "100%");
  582.     }
  583.  
  584.     if (pageIsTournament()) {
  585.         window.setTimeout(function() {
  586.             setupTournamentFindMe()
  587.             setupPlayerDataTable()
  588.         }, 50)
  589.         $("#HostLabel").after(" | <a style='cursor:pointer' onclick='bookmarkTournament()'>Bookmark</a>");
  590.         $("#HostLabel").css("display", "inline-block")
  591.         $("#LeftToStartMessage").text(" | " + $("#LeftToStartMessage").text())
  592.         createSelector("#LeftToStartMessage:before", "content: ' | '")
  593.         createSelector("#ChatContainer", "clear:both")
  594.         $("input").on("keypress keyup keydown", function(e) {e.stopPropagation()})
  595.  
  596.     }
  597.  
  598.     if (pageIsCommonGames()) {
  599.         window.$ = $$$
  600.         setupCommonGamesDataTable()
  601.     }
  602.  
  603.     if(pageIsTournamentOverview()) {
  604.         setupTournamentDecline();
  605.         setupTournamentTableStyles();
  606.         setupTournamentDataCheck();
  607.         $(window).resize(function () {            
  608.             setTournamentTableHeight();
  609.         });
  610.         $(window).on("scroll",function(){$(window).scrollTop(0)})
  611.     }
  612.  
  613.     if(pageIsLadderOverview()) {
  614.         setupLadderClotOverview()
  615.     }
  616.  
  617.     if(pageIsMapsPage()) {
  618.         setupMapSearch()
  619.     }
  620.  
  621.     if(pageIsLevelPlayLog()) {
  622.         setupPlayerAttempDataTable();
  623.     }
  624.     
  625.     if(pageIsLevelOverview()) {
  626.         setupLevelBookmark();
  627.     }
  628.  
  629.     if(pageIsRealTimeLadder()) {
  630.         setupRealTimeLadderPageTimer()
  631.     }
  632.  
  633.     if(pageIsDashboard() || pageIsRealTimeLadder()) {
  634.         window.setInterval(setRTLadderTime, 1000)
  635.         window.setInterval(setMyGamesTimeLeft, 1000)
  636.         $(window).on("mousewheel", function() {
  637.             $(".ui-tooltip").hide()
  638.         })
  639.         
  640.         //Make player boxes also clickable
  641.         $.each($(".GameRow"), function(key, row) {
  642.             var href = $(this).find("a").attr("href");
  643.             var children = $(this).find("td:nth-of-type(2) > span:nth-of-type(1)");
  644.             var style = "display: inline-block;max-width: 400px;margin: 4px 0px;float: none;position: relative;font-size:10pt!important;white-space:normal;height:initial";
  645.  
  646.             children.wrapInner("<a/>").children(0).unwrap().attr("style", style).attr("href", href)
  647.         })
  648.         
  649.     }
  650.  
  651.     if(pageIsProfile()) {
  652.         createSelector(".profileBox", "background-image: url(\'https://d2wcw7vp66n8b3.cloudfront.net/Images/ProfileSpeedBackground.png\'); background-repeat: no-repeat; text-align: left; padding:10px;margin-top: 12px;")
  653.  
  654.         //setupManagerLeague();
  655.         foldProfileStats()
  656.     }
  657.     
  658.     setupExtendedTwitch();
  659.     window.setInterval(function(){
  660.         setupExtendedTwitch();
  661.     }, 60000);
  662.     StartLivestream()
  663.     
  664.     
  665.  
  666.     Database.init(function() {
  667.         console.log("init")
  668.         if(pageIsDashboard()) {
  669.             warlight_shared_viewmodels_WaitDialogVM.Start("Tidying Up...")
  670.         }
  671.         setIsMember();
  672.         window.setTimeout(validateUser, 2000);
  673.         setGlobalStyles();
  674.         setupUserscriptMenu();
  675.         setupBookmarkMenu();
  676.         checkVersion();
  677.         main();
  678.     })
  679.  
  680. }
  681.  
  682.  
  683. function main() {
  684.     log("Running main")
  685.     if(pageIsForumOverview()) {
  686.         ifSettingIsEnabled("hideOffTopic", function() {
  687.             hideOffTopicThreads()
  688.         })
  689.         formatHiddenThreads();
  690.         
  691.     }  
  692.     if(pageIsCommunityLevels()) {
  693.         setupCommunityLevels()
  694.     }
  695.  
  696.     if(pageIsForumOverview() || pageIsSubForum()) {
  697.         setupSpammersBeGone()
  698.     }
  699.     
  700.     ifSettingIsEnabled("unlinkDashboard", function() {
  701.         $("#MultiPlayerBtn").attr('href', 'https://www.warlight.net/MultiPlayer?MyGames=1');
  702.         $("#SubTabRow td > a[href='/MultiPlayer/']").attr('href', 'https://www.warlight.net/MultiPlayer?MyGames=1');
  703.     })
  704.     
  705.     if (pageIsMultiplayer()) {
  706.         //Show Open Games Link
  707.         ifSettingIsEnabled('showOpenGamesTab', function() {
  708.             showOpenGamesLink();
  709.         })
  710.         setupDashboardSearch();
  711.     }
  712.     
  713.     if(pageIsProfile() && $("#BlackListImage").length > 0) {
  714.         ifSettingIsEnabled('showPrivateNotesOnProfile', function() {
  715.             loadPrivateNotes();
  716.         })
  717.     }
  718.     
  719.     if(pageIsTournamentOverview()){
  720.         log("loading tournament data")
  721.         updateAllTournamentData();
  722.     }
  723.     
  724.     if(pageIsTournament()) {
  725.         updateCurrentTournamentData()
  726.         $("#JoinBtn").on("click", updateCurrentTournamentData)
  727.     }
  728.     
  729.     if(pageIsBlacklistPage()) {
  730.         $("#MainSiteContent ul").before(`<span id="numBlacklisted">You have <b>${$("#MainSiteContent ul li:visible").length}</b> players on your blacklist.</span>`)
  731.         window.setInterval(function() {
  732.             $("#numBlacklisted").replaceWith(`<span id="numBlacklisted">You have <b>${$("#MainSiteContent ul li:visible").length}</b> players on your blacklist.</span>`)
  733.         }, 500)
  734.         
  735.     }
  736.     
  737.     setupRandomizedBonuses();
  738.     
  739.     if(pageIsPointsPage()) {
  740.         Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "totalPoints", function(res) {
  741.             if(res) {
  742.                 $("#MainSiteContent table:first").before(`<br><span>In total, you've earned <b>${res.value.toLocaleString("en")}</b> points.</span>`)
  743.             } else {
  744.                 $("#MainSiteContent table:first").before(`<br><span>Visit the Dashboard once to see how many points you've earned in total.</span>`)
  745.             }
  746.         })
  747.     }
  748.     
  749.     
  750.     if (pageIsDashboard()) {
  751.         window.StringTools.htmlEscape = function (a) {
  752.             if (a.indexOf("##joined##") >= 0) {
  753.                 a = a.replace("##joined##", "");
  754.                 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">';
  755.             } else {
  756.                 return htmlEscape(a);
  757.             }
  758.  
  759.         }
  760.         hideBlacklistedThreads();
  761.         setupBasicDashboardStyles();
  762.         
  763.         setupCustomSort(function() {
  764.             Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "customFilter", function(f) {
  765.                 var filter = (f && f.value) ? f.value : 4;
  766.                 $("#MyGamesFilter").val(filter)
  767.                 refreshMyGames();
  768.             })
  769.             
  770.         });
  771.         
  772.         
  773.         ifSettingIsEnabled('hideCoinsGlobally', function() {
  774.             hideCoinsGlobally()
  775.         })
  776.         
  777.         ifSettingIsEnabled('useDefaultBootLabel', function() {
  778.             createSelector(".BootTimeLabel", "z-index:50;");
  779.         }, function() {
  780.             createSelector(".BootTimeLabel", "color:white !important;font-weight:normal!important;font-style:italic;font-size:13px!important;z-index:50;");
  781.         })
  782.  
  783.         ifSettingIsEnabled("hideRefreshButton", function() {
  784.             createSelector("#refreshAll", "display: none");
  785.         })
  786.  
  787.         ifSettingIsEnabled("highlightTournaments", function() {
  788.             createSelector("#MyTournamentsTable tbody", "background:#4C4C33;");
  789.         })
  790.  
  791.         ifOneOrMoreIsEnabled(["hidePromotedGames", "hideCoinsGlobally"], function() {
  792.             createSelector("#PromotedGamesTable", "display:none");
  793.         })
  794.  
  795.         ifSettingIsEnabled("hideMyGamesIcons", function() {
  796.             createSelector("#MyGamesTable td div img, #MyGamesTable td div a img", "display:none;");
  797.         })
  798.  
  799.         ifSettingIsEnabled("scrollGames", function() {
  800.             setupFixedWindowWithScrollableGames();
  801.         }, function() {
  802.             createSelector(".SideColumn", "padding-top: 22px;")
  803.             createSelector("body", "overflow: auto")
  804.             createSelector("#MainSiteContent > table", "width: 100%;max-width: 1400px;")
  805.             addCSS(`
  806.                 @media (max-width: 1050px) {
  807.                    #MyGamesTable > thead > tr * {
  808.                         font-size: 14px;
  809.                     }
  810.                     #MyGamesTable > thead > tr > td > div:nth-of-type(1) {
  811.                         margin-top: 5px!important;
  812.                         display: block;
  813.                         float: left;
  814.                         padding-right: 5px;
  815.                     }
  816.                 }
  817.  
  818.                 @media (max-width: 750px) {
  819.                     #MyGamesTable > thead > tr > td > div:nth-of-type(1) {
  820.                         display:none;
  821.                     }
  822.                 }`)
  823.         }, function() {
  824.             setupRightColumn(true);
  825.             refreshOpenGames();        
  826.             setupOpenGamesFilter();
  827.         })
  828.  
  829.         ifSettingIsEnabled("hideRightColumn", function() {
  830.             hideRightColumn();
  831.         })
  832.  
  833.         $("label[for='MultiDayRadio']").on("click", function () {
  834.             registerGameTabClick()
  835.  
  836.         });
  837.  
  838.         $("label[for='RealTimeRadio']").on("click", function () {
  839.             registerGameTabClick()
  840.         });
  841.  
  842.         $("label[for='BothRadio']").on("click", function () {
  843.             registerGameTabClick()
  844.         });
  845.  
  846.         $(window).resize(function () {
  847.             ifSettingIsEnabled("scrollGames", function() {
  848.                 refreshSingleColumnSize();
  849.             }, undefined, function() {
  850.                 makePopupVisible()
  851.             })      
  852.         });
  853.  
  854.         window.setTimeout(setupRefreshFunction, 00);
  855.         updateTotalPointsEarned()
  856.  
  857.     } else {
  858.         ifSettingIsEnabled('hideCoinsGlobally', function() {
  859.             hideCoinsGlobally();
  860.         })
  861.     }
  862.     
  863. }
  864.  
  865. function setupSettingsDatabase() {
  866.     if(WLJSDefined()){
  867.         warlight_shared_viewmodels_WaitDialogVM.Start("Setting up Muli's Userscript...")
  868.     }
  869.     
  870.     var promises = [];
  871.     $.each(userscriptSettings, function(key, set) {
  872.         promises[key] = $.Deferred();
  873.         var setting = {
  874.             name: set.id,
  875.             value: set.selected
  876.         }
  877.         Database.update(Database.Table.Settings, setting, undefined, function() {
  878.             promises[key].resolve();
  879.         })
  880.     })
  881.     $.when.apply($, promises).done(function () {
  882.         sessionStorage.setItem("showUserscriptMenu", true)
  883.         window.setTimeout(window.location.reload(), 2000)
  884.     })
  885. }
  886.  
  887. function hideCoinsGlobally() {
  888.     $("#CoinsBtn").parent().next().css('left', 512);
  889.     $("#CoinsBtn").parent().next().next().css('left', 635);
  890.     $("#CoinsBtn").parent().next().next().next().css('left', 740);
  891.  
  892.     $("#LeaderboardTable").prev().remove();
  893.     $("#LeaderboardTable").css({
  894.         opacity: 0,
  895.         cursor: 'default'
  896.     });
  897.     $("#LeaderboardTable a").css('display', 'none');
  898.     $(".TopRightBar").find("a[href='/Coins/']").css('display', 'none');
  899.     $(".dropdown-menu a[href='/Coins/']").parent().remove()
  900.  
  901.     $("a[href='/Win-Money']").css('display', 'none');
  902.  
  903.     $("#OpenTournamentsTable").css('display', 'none');
  904. }
  905.  
  906. /**
  907.  * Creates the Userscript-Menu
  908.  */
  909. function setupUserscriptMenu() {
  910.  
  911.     var inputs = '';
  912.  
  913.     $.each(userscriptSettings, function (key, setting) {
  914.         if (setting.title != '') {
  915.             inputs += `<span class="title">${setting.title}</span><br>`;
  916.         }
  917.         var help = setting.help != undefined ? '<img src="' + IMAGES.QUESTION + '" class="help-icon" onclick=\'showSettingHelp("' + setting.id + '", this)\'>' : ''
  918.         inputs += '<label for="_' + setting.id + '">' + setting.text + help + '</label>' + '<input type="checkbox" id="' + setting.id + '"><br>';
  919.         if (setting.addBreak) {
  920.             inputs += '<hr>';
  921.         }
  922.     });
  923.  
  924.     inputs += '<div class="close-userscript">Close and Refresh</div>';
  925.     $("body").append('<ul class="custom-menu"><div class="content"></div></ul>');
  926.     $("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>");
  927.     $(".userscript-show").on("change", function () {
  928.         storeSettingsVariables();
  929.     });
  930.     $("#TopRightDropDown .dropdown-divider").before('<li><div class="userscript-menu">Muli\'s Userscript</div></li>');
  931.  
  932.     $(".userscript-menu").on("click", function () {
  933.         showUserscriptMenu()
  934.     });
  935.  
  936.     $(".close-userscript").on("click", function () {
  937.         $(".userscript-show").fadeOut();
  938.         $(".overlay").fadeOut();
  939.         location.reload();
  940.     });
  941.  
  942.     $(".close-popup-img").on("click", function () {
  943.         $(".userscript-show").fadeOut();
  944.         $(".overlay").fadeOut();
  945.         $("embed#main").css('opacity', '1');
  946.     });
  947.     
  948.     $("#hideRightColumn").after('<button id="sortTables">Sort Right Column Tables</button><br>')
  949. //    $("#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>')
  950.     createSelector("#sortTables","margin-top: 5px")
  951.     $("#sortTables").on("click", function() {
  952.         showSortTables()
  953.     })
  954.     
  955.     $("#hideCreateRandomGameForm").after('<button id="resetHiddenThreads" style="float: left; margin: 10px 5px">Reset Hidden Threads</button>')
  956.     $("#hideCreateRandomGameForm").after('<button id="exportSettings" style="float: left; margin: 10px 5px">Export Settings</button><br>')
  957.     $("#hideCreateRandomGameForm").after('<button id="showImportSettings" style="float: left; margin: 10px 5px">Import Settings</button>')
  958.     $("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>");
  959.     $("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>");
  960.     
  961.     createSelector("#exportSettingsBox, #importSettingsBox", "width:100%; height: 300px") 
  962.     $("#exportSettings").on("click", function() {
  963.         exportSettings();
  964.     })
  965.     $("#showImportSettings").on("click", function() {
  966.         showPopup('.importSettings-show');
  967.     }) 
  968.     
  969.     $("#importSettings").on("click", function() {
  970.         importSettings();
  971.     })
  972.     $("#resetHiddenThreads").on("click", function() {
  973.         window.undoIgnore();
  974.     })
  975.     
  976.     
  977.     getSortTables(function(tables){
  978.         var tableCode = ''
  979.         $.each(tables, function(key, table) {
  980.             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>'
  981.         })
  982.         
  983.         createSelector(".sortableLadder", "border: 1px gray solid;margin: 5px;padding: 5px;background-color:rgb(25, 25, 25);")
  984.         createSelector(".tableSortNavigation", "display: inline-block;float: right;margin-top: -2px;")
  985.         createSelector(".tableSortNavigation span", "padding: 3px 10px; cursor: pointer")
  986.         createSelector(".tableSortNavigation span:hover", "color: #C0D0FF")
  987.         createSelector(".sortTableHighlight", "background-color: rgb(60, 60, 60)")
  988.         createSelector(".tableSortHideShow img", "height: 10px")
  989.  
  990.         createSelector(".tableSortHidden", "opacity: 0.2;") 
  991.  
  992.  
  993.  
  994.         $("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>')
  995.         
  996.         
  997.          $(".close-popup-img").unbind();
  998.          $(".close-popup-img").on("click", function () {
  999.             $(".popup").fadeOut();
  1000.             $(".overlay").fadeOut();
  1001.         });
  1002.  
  1003.         $(".tableSortUp").on("click", function() {
  1004.             $(".sortTableHighlight").removeClass("sortTableHighlight")
  1005.             var table = $(this).closest(".sortableLadder")
  1006.             table.addClass("sortTableHighlight")
  1007.  
  1008.             var prev = table.prev()
  1009.             table = table.detach()
  1010.             prev.before(table)
  1011.         })
  1012.  
  1013.         $(".tableSortDown").on("click", function() {
  1014.             $(".sortTableHighlight").removeClass("sortTableHighlight")
  1015.             var table = $(this).closest(".sortableLadder")
  1016.             table.addClass("sortTableHighlight")
  1017.  
  1018.             var next = table.next()
  1019.             table = table.detach()
  1020.             next.after(table)
  1021.         })
  1022.  
  1023.         $(".tableSortHideShow").on("click", function() {
  1024.             $(".sortTableHighlight").removeClass("sortTableHighlight")
  1025.             var table = $(this).closest(".sortableLadder")
  1026.             table.addClass("sortTableHighlight")
  1027.             table.toggleClass("tableSortHidden")
  1028.         })
  1029.  
  1030.         checkUserscriptMenuButtons();
  1031.     })
  1032.  
  1033. }
  1034.  
  1035. function updateTotalPointsEarned() {
  1036.     var pointsEarned = {
  1037.         name: "totalPoints",
  1038.         value: warlight_shared_points_PointValues.Get(warlight_shared_viewmodels_SignIn.get_CurrentPlayer().Level).RawPoints + warlight_shared_viewmodels_SignIn.get_CurrentPlayer().PointsThisLevel
  1039.     }
  1040.     Database.update(Database.Table.Settings, pointsEarned, undefined, function() {
  1041.     })
  1042. }
  1043.  
  1044. function importSettings() {
  1045.     var deferredCount = 0;
  1046.     var resolvedCount = 0;
  1047.     var clearPromises = [];
  1048.     $.each(Database.Table, function(key, table) {
  1049.         clearPromises[deferredCount++] = $.Deferred();
  1050.         Database.clear(table, function() {
  1051.             clearPromises[resolvedCount++].resolve();
  1052.         })
  1053.     })
  1054.     warlight_shared_viewmodels_WaitDialogVM.Start("Importing Settings...")
  1055.     $(".popup").fadeOut();
  1056.     var settings = $("#importSettingsBox").val().trim();
  1057. //    try  {
  1058. //        settings = JSON.parse((atob(settings)))
  1059. //        for (x in settings) {
  1060. //            localStorage.setItem(settings[x].id, decodeURI(settings[x].value))
  1061. //        }
  1062. //        window.location.reload();
  1063. //    } catch (e) {
  1064. //        log(e)
  1065. //        warlight_shared_viewmodels_WaitDialogVM.Stop();
  1066. //        $(".overlay").fadeOut();
  1067. //        warlight_shared_viewmodels_AlertVM.DoPopup("There was an error importing the settings.");
  1068. //    }   
  1069.     $.when.apply($, clearPromises).done(function () {
  1070.         var deferredCount = 0;
  1071.         var resolvedCount = 0;
  1072.         var promises = [];
  1073.         try  {
  1074.             settings = JSON.parse(atob(settings))
  1075.             $.each(settings, function(key, data) {
  1076.                 var table = data.table
  1077.                 var content = data.data
  1078.                 $.each(content, function(key, value){
  1079.                     promises[deferredCount++] = $.Deferred();
  1080.                     Database.add(table, value, function() {
  1081.                         promises[resolvedCount++].resolve();
  1082.                     })
  1083.                 })
  1084.             })
  1085.             $.when.apply($, promises).done(function () {
  1086.                 window.location.reload();
  1087.             })
  1088.            
  1089.             } catch (e) {
  1090.                 log(e)
  1091.                 warlight_shared_viewmodels_WaitDialogVM.Stop();
  1092.                 $(".overlay").fadeOut();
  1093.                 warlight_shared_viewmodels_AlertVM.DoPopup("There was an error importing the settings.");
  1094.             }    
  1095.     });
  1096.        
  1097. }
  1098.  
  1099. function exportSettings() {
  1100.     var settings = [];
  1101.     var deferredCount = 0;
  1102.     var resolvedCount = 0;
  1103.     var promises = [];
  1104.     $.each(Database.Exports, function (key, table) {
  1105.         promises[deferredCount++] = $.Deferred();
  1106.         Database.readAll(table, function(data) {
  1107.             settings.push({table: table, data: data})
  1108.             promises[resolvedCount++].resolve();
  1109.         })
  1110.         
  1111.         
  1112.     })
  1113.     $.when.apply($, promises).done(function () {
  1114.         var settingsString = btoa(JSON.stringify(settings))
  1115.         $("#exportSettingsBox").html(settingsString)
  1116.         showPopup(".exportSettings-show");
  1117.         $("#exportSettingsBox").focus();
  1118.         $("#exportSettingsBox").select();
  1119.         $("#downloadExportSettingsFile").click(function(){
  1120.             this.href = "data:text/plain;charset=UTF-8,"  + settingsString;
  1121.         });
  1122.     });
  1123. }
  1124.  
  1125.  
  1126. function showUserscriptMenu() {
  1127.     showPopup(".userscript-show")
  1128.     $("#TopRightDropDown").fadeOut();
  1129.     $("embed#main").attr('wmode', 'transparent');
  1130.     $("embed#main").css('opacity', '0');
  1131.     $("embed#main").attr('align', 'left');
  1132. }
  1133.  
  1134. function showPopup(selector) {
  1135.     if($(selector).length > 0) {
  1136.         $(".popup").fadeOut();
  1137.         $(selector).fadeIn();
  1138.         $(".overlay").fadeIn();
  1139.         makePopupVisible();
  1140.     }
  1141. }
  1142.  
  1143. function makePopupVisible() {
  1144.     if($(".popup600:visible").offset() && $(".popup600:visible").offset().top + $(".popup600:visible").height() + 150 > $(window).height() || ($(".popup600:visible").offset() && $(".popup600:visible").offset().top < 100)) {
  1145.         $(".popup600:visible").css("margin-top", $(window).height() - 250 - $(".popup600:visible").height())
  1146.         $(".popup600:visible .head").css("margin-top", $(window).height() - 250 - $(".popup600:visible").height() + 2)
  1147.     }
  1148. }
  1149.  
  1150. function getSortTables(callback) {
  1151.       var defaultTables = 
  1152.         [
  1153.             {id: "#BookmarkTable", name: "Bookmarks", hidden: false, order: 0}, 
  1154.             {id: "#LeagueTable", name: "Community Events", hidden: false, order: 1}, 
  1155.             {id: "#MyTournamentsTable", name: "Tournaments", hidden: false, order: 2}, 
  1156.             {id: "#RealTimeLadderTable", name: "Real-Time Ladder", hidden: false, order: 3}, 
  1157.             {id: "#MapOfTheWeekTable", name: "Map of the Week", hidden: false, order: 4}, 
  1158.             {id: "#ForumTable", name: "Forum Posts", hidden: false, order: 5}, 
  1159.             {id: "#ClanForumTable", name: "Clan Forum Posts", hidden: false, order: 6}, 
  1160.             {id: "#BlogTable", name: "Recent Blog Posts", hidden: false, order: 7}, 
  1161.             {id: "#LeaderboardTable", name: "Coin Leaderboard", hidden: false, order: 8}
  1162.         ]
  1163.       
  1164.     if($("#ShopTable").length > 0) {
  1165.         defaultTables.push({id: "#ShopTable", name: "WarLight Shop", hidden: false, order: -1})
  1166.     }
  1167.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "tableSort", function(tableData) {
  1168.         if(tableData && tableData.value.length > 3) {
  1169.             var tables = tableData.value;
  1170.             if($("#ShopTable").length > 0 && !arrayHasObjWithId(tables, "#ShopTable")) {
  1171.                 tables.push({id: "#ShopTable", name: "WarLight Shop", hidden: false, order: -1})
  1172.             }
  1173.             if(!arrayHasObjWithId(tables, "#LeagueTable")) {
  1174.                 tables.push( {id: "#LeagueTable", name: "Community Events", hidden: false, order: 1});
  1175.             }
  1176.             callback($(tables).sort(compareTable));
  1177.         } else {
  1178.             callback($(defaultTables).sort(compareTable))
  1179.         } 
  1180.     })
  1181.     
  1182. }
  1183.  
  1184. function arrayHasObjWithId(arr, id) {
  1185.     var found = false;
  1186.     $.each(arr, function(key, val) {
  1187.         if(val.id == id) {
  1188.             found = true;
  1189.         }
  1190.     })
  1191.     return found;
  1192. }
  1193.  
  1194. window.saveTableSort = function() {
  1195.     var tables = []
  1196.     $.each($("#sortTablePopup > div.sortableLadder"), function(key, table) {
  1197.         var order = key
  1198.         var id = $(table).attr('data-tableId')
  1199.         var hidden = $(table).hasClass("tableSortHidden")
  1200.         var name = $(table).attr('data-name')
  1201.         tables.push({id: id, name: name, hidden: hidden, order: order})
  1202.     })
  1203.     var tableSort = {
  1204.         name: "tableSort",
  1205.         value: tables
  1206.     }
  1207.     Database.update(Database.Table.Settings, tableSort, undefined, function() {
  1208.         $("#sortTablePopup").fadeOut();
  1209.         $(".overlay").fadeOut();
  1210.         refreshOpenGames();
  1211.     })
  1212.     
  1213.     
  1214. }
  1215.  
  1216. function showSortTables() {
  1217.     $(".popup").fadeOut();
  1218.     showPopup("#sortTablePopup")
  1219. }
  1220.  
  1221. function compareTable(a,b) {
  1222.   if (a.order < b.order)
  1223.     return -1;
  1224.   if (a.order > b.order)
  1225.     return 1;
  1226.   return 0;
  1227. }
  1228.  
  1229. function showInfo(text, x, y) {
  1230.     window.setTimeout(function () {
  1231.         if (!$(".custom-menu").is(':visible')) {
  1232.             $(".custom-menu .content").html(text);
  1233.             $(".custom-menu").finish().toggle(100).
  1234.  
  1235.             // In the right position (the mouse)
  1236.             css({
  1237.                 top: x + "px",
  1238.                 left: y + "px"
  1239.             });
  1240.         }
  1241.  
  1242.     }, 10);
  1243. }
  1244.  
  1245. window.showSettingHelp = function (id, obj) {
  1246.     var help = '';
  1247.     $.each(userscriptSettings, function (key, setting) {
  1248.         if (setting.id == id) {
  1249.             help = setting.help;
  1250.         }
  1251.     });
  1252.     var x = $(obj).offset().top;
  1253.     var y = $(obj).offset().left;
  1254.     showInfo(help, x, y);
  1255.  
  1256.  
  1257. }
  1258.  
  1259. function checkUserscriptMenuButtons() {
  1260.     $.each(userscriptSettings, function (key, set) {
  1261.         Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, set.id, function(setting) {
  1262.             if(setting){
  1263.                 $("#" + setting.name).prop("checked", setting.value);
  1264.             } else {
  1265.                 $("#" + set.id).prop("checked", set.selected);
  1266.             }
  1267.             
  1268.         })
  1269.     });
  1270. }
  1271.  
  1272. function StickyTitles(stickies) {
  1273.     var thisObj = this;
  1274.     thisObj.load = function () {
  1275.         stickies.each(function () {
  1276.             var thisSticky = $(this).wrap('<div class="followWrap" />');
  1277.             thisSticky.parent().height(thisSticky.outerHeight());
  1278.             var pos = parseInt(thisSticky.offset().top, 10) - parseInt($(".showSide").offset().top, 10);
  1279.             $.data(thisSticky[0], 'pos', pos);
  1280.         });
  1281.         $(".showSide").off("scroll.stickies").on("scroll.stickies", function () {
  1282.             thisObj.scroll();
  1283.         });
  1284.     };
  1285.  
  1286.     thisObj.scroll = function () {
  1287.         stickies.each(function (i) {
  1288.             var thisSticky = $(this),
  1289.                 nextSticky = stickies.eq(i + 1),
  1290.                 prevSticky = stickies.eq(i - 1),
  1291.                 pos = $.data(thisSticky[0], 'pos');
  1292.             var showSide = $(".showSide");
  1293.             if (pos <= showSide.scrollTop()) {
  1294.                 thisSticky.addClass("fixed");
  1295.                 if (nextSticky.length > 0 && thisSticky.offset().top >= $.data(nextSticky[0], 'pos') - thisSticky.outerHeight()) {
  1296.                     thisSticky.addClass("absolute").css("top", jQuery.data(nextSticky[0], 'pos') - thisSticky.outerHeight());
  1297.                 }
  1298.             } else {
  1299.                 thisSticky.removeClass("fixed");
  1300.                 if (prevSticky.length > 0 && showSide.scrollTop() <= $.data(thisSticky[0], 'pos') - prevSticky.outerHeight()) {
  1301.                     prevSticky.removeClass("absolute").removeAttr("style");
  1302.                 }
  1303.             }
  1304.         });
  1305.     }
  1306. }
  1307.  
  1308. /**
  1309.  * Stores User-Settings to local Storage
  1310.  */
  1311. function storeSettingsVariables() {
  1312.     $.each(userscriptSettings, function (key, set) {
  1313.         var isEnabled = $("#" + set.id).prop("checked");
  1314.         var setting = {
  1315.             name: set.id,
  1316.             value: isEnabled
  1317.         }
  1318.         Database.update(Database.Table.Settings, setting, undefined, function() {
  1319.             
  1320.         })
  1321.     });
  1322.  
  1323. }
  1324.  
  1325. /**
  1326.  * Refreshes Width & Height of Columns
  1327.  */
  1328. function refreshSingleColumnSize() {
  1329.     var showSide = $(".showSide");
  1330.     var showGames = $(".showGames");
  1331.     showSide.scrollTop(0);
  1332.     /**
  1333.      * Sticky Titles
  1334.      */
  1335.     $(".followMeBar").each(function () {
  1336.         $(this).removeClass("fixed");
  1337.         if ($(this).parent().hasClass("followWrap")) {
  1338.             $(this).unwrap();
  1339.         }
  1340.         var thisSticky = $(this).wrap('<div class="followWrap" />');
  1341.         thisSticky.parent().height(thisSticky.outerHeight());
  1342.         
  1343.         var pos = parseInt(thisSticky.offset().top) - parseInt(showSide.offset().top);
  1344.         $.data(thisSticky[0], 'pos', pos);
  1345.     });
  1346.     var width = $("#ForumTable").width();
  1347.     createSelector(".followMeBar", "width:" + width + "px;");
  1348.  
  1349.     showGames.find("table").css({
  1350.         height: window.innerHeight - 150
  1351.     });
  1352.  
  1353.     //var height = showGames.find("table thead tr").height() + 30;
  1354.     var height = 48;
  1355.     createSelector(".showGames table tbody tr:first-of-type td", "padding-top:" + height + "px");
  1356.  
  1357.  
  1358.     showSide.css({
  1359.         height: window.innerHeight - 150
  1360.     });
  1361.     showGames.find("table tbody tr:first-of-type td").css("padding-top", height);
  1362.     $(".showGames thead tr").width($(".showGames thead tr").closest("table").width()-30)
  1363.     $(".showGames thead tr td div").unwrap();
  1364. }
  1365.  
  1366. /**
  1367.  * Create a CSS selector
  1368.  * @param name The name of the object, which the rules are applied to
  1369.  * @param rules The CSS rules
  1370.  */
  1371. function createSelector(name, rules) {
  1372.     var style = document.createElement('style');
  1373.     style.type = 'text/css';
  1374.     document.getElementsByTagName('head')[0].appendChild(style);
  1375.     if (!(style.sheet || {}).insertRule) {
  1376.         (style.styleSheet || style.sheet).addRule(name, rules);
  1377.     } else {
  1378.         style.sheet.insertRule(name + "{" + rules + "}", 0);
  1379.     }
  1380. }
  1381. /**
  1382.  * Reloads all Games
  1383.  */
  1384. function refreshAllGames(force) {
  1385.     log("Reloading Games")
  1386.     if ($(".popup").is(":visible") && !force) {
  1387.         return;
  1388.     }
  1389.     ifSettingIsEnabled('scrollGames', function() {
  1390.         openGamesTable.scrollTop(0);
  1391.         myGamesTable.scrollTop(0);
  1392.         promotedGamesTable.scrollTop(0);
  1393.     })
  1394.  
  1395.     $('table').css('overflow-y', 'hidden')
  1396.     refreshMyGames();
  1397.     refreshOpenGames();
  1398.     refreshPromotedGames();
  1399. }
  1400.  
  1401. function setupCustomSort(cb) {
  1402.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "customSort", function(sort) {
  1403.         sortType = (sort != undefined && sort.value != undefined) ? sort.value : 1;
  1404.         $("#myGamesSortContainer").remove();
  1405.         var target;
  1406.         ifSettingIsEnabled("scrollGames", function() {
  1407.             target = $($("#MyGamesTable thead tr").find("*")[0]);
  1408.         }, function() {
  1409.             target = $($("#MyGamesTable thead tr td").find("*")[0]);
  1410.         }, function() {
  1411.             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>')
  1412.         
  1413.             sessionStorage.setItem("customSort", sortType)
  1414.  
  1415.             $("#myGamesSort").on("change", function() {
  1416.                 var sortType = $(this).val();
  1417.                 sessionStorage.setItem("customSort", sortType)
  1418.                 var sort = {
  1419.                     name: "customSort",
  1420.                     value: sortType
  1421.                 }
  1422.                 Database.update(Database.Table.Settings, sort, undefined, function() {
  1423.  
  1424.                 })
  1425.                 refreshMyGames();
  1426.             })
  1427.             if(sortType != 1) {
  1428.                 log("Reloading: custom sort set to " + sortType)
  1429.                 cb();
  1430.             } else {
  1431.                 log("Not reloading: custom sort set to " + sortType)
  1432.             }
  1433.             
  1434.             })
  1435.         
  1436.     })
  1437. }
  1438.  
  1439. function refreshMyGames(data) {
  1440.     log("refreshing games")
  1441.     myGamesTable.find("tbody").fadeTo('fast', 0.15);
  1442.     var filter = $("#MyGamesFilter").val() || 4;
  1443.     wljs_Jsutil.Post("?", "FilterChange=" + filter, function (a) {
  1444.         var myGames = wljs_Jsutil.GamesFromDump(a);
  1445.         renderMyGames(myGames)
  1446.     });
  1447. }
  1448.  
  1449. Array.prototype.diff = function(a) {
  1450.     return this.filter(function(i) {return a.indexOf(i) < 0;});
  1451. };
  1452.  
  1453. function renderMyGames(myGames) {
  1454.     removeMyGames()
  1455.     
  1456.     var sortType = sessionStorage.getItem("customSort")
  1457.     if(sortType != 1 && sortType != 4) {
  1458.         myGames.sort(gameSort)
  1459.     }
  1460.     
  1461.     var dueGames = myGames.filter(function(a) {
  1462.         var game = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 0, a, warlight_shared_viewmodels_SignIn.get_CurrentPlayer())
  1463.         return (game != null) && (game.UsOpt != null) && !game.UsOpt.HasCommittedOrders && (game.Game.State == 3 || game.Game.State == 5) && game.UsOpt.State == 2
  1464.     })
  1465.     
  1466.     if (myGames.length == 0) {
  1467.         d.append('<tr><td colspan="2" style="color: #C1C1C1">' + warlight_shared_viewmodels_main_MultiPlayerDashboardVM.NoGamesHtml(0) + "</td></tr>");
  1468.     } else {
  1469.         
  1470.         //Render MyGames
  1471.         for (var f = 0; f < myGames.length;) {
  1472.             var g = myGames[f];
  1473.             ++f;
  1474.             g = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 0, g, warlight_shared_viewmodels_SignIn.get_CurrentPlayer());
  1475.             d.append(warlight_shared_viewmodels_main_MultiPlayerDashboardVM.RenderGameHtml(warlight_shared_viewmodels_ConfigurationVM.Settings, g, null))                
  1476.         }
  1477.         
  1478.         //Make player boxes also clickable
  1479.         $.each($(".GameRow"), function(key, row) {
  1480.             var href = $(this).find("a").attr("href");
  1481.             var children = $(this).find("td:nth-of-type(2) > span:nth-of-type(1)");
  1482.             var style = "display: inline-block;max-width: 400px;margin: 4px 0px;float: none;position: relative;font-size:10pt!important;white-space:normal;height:initial";
  1483.  
  1484.             children.wrapInner("<a/>").children(0).unwrap().attr("style", style).attr("href", href)
  1485.         })
  1486.         
  1487.         //Setup time left in GameRow
  1488.         if(sortType != 1) {
  1489.             $.each(dueGames, function(key, game) {
  1490.                 var id = game.GameID
  1491.                 var timeLeft = Math.min(game.AutoBoot._totalMilliseconds, game.VoteToBoot._totalMilliseconds, game.DirectBoot._totalMilliseconds) - game.WaitingFor._totalMilliseconds
  1492.                 var bootTime = new Date().getTime() + parseInt(timeLeft)
  1493.                 $("[gameid='" + id + "']").find("td div + span").append(`<span data-boottime="${bootTime}" data-inline> (${getTimeLeft(timeLeft)} left)</span>`)
  1494.  
  1495.             })
  1496.         }
  1497.         
  1498.         //Setup time left tooltip
  1499.         $.each(myGames, function(key, game) {
  1500.             var id = game.GameID
  1501.             var timeLeft = Math.min(game.AutoBoot._totalMilliseconds, game.VoteToBoot._totalMilliseconds, game.DirectBoot._totalMilliseconds) - game.WaitingFor._totalMilliseconds;
  1502.             var bootTime = new Date().getTime() + parseInt(timeLeft)
  1503.             var label = $("[gameid='" + id + "']").find(".BootTimeLabel")
  1504.  
  1505.             if(timeLeft > 0) {
  1506.                  label.attr("title", getTimeLeft(timeLeft, true) + " left")
  1507.             } else {
  1508.                 var overTime = game.WaitingFor._totalMilliseconds - Math.min(game.AutoBoot._totalMilliseconds, game.VoteToBoot._totalMilliseconds, game.DirectBoot._totalMilliseconds);
  1509.                 label.attr("title", "Time over since " + getTimeLeft(overTime, true))
  1510.             }
  1511.            
  1512.             label.tooltip({ show: {delay: 100}, hide: 100 });
  1513.             label.attr("data-boottime", bootTime)
  1514.         })
  1515.         
  1516.         //Setup NextGameId
  1517.         var nextGameIds = [];
  1518.         $.each(myGames, function(key, game) {
  1519.             var id = game.GameID
  1520.             if(gameCanBeNextGame(game)){
  1521.                 nextGameIds.push(id)
  1522.             }
  1523.         })
  1524.         
  1525.         $.each(myGames, function(key, game) {
  1526.             var id = game.GameID
  1527.             if(nextGameIds.length > 0 && nextGameIds[0]) {
  1528.                 var ids = [];
  1529.                 var url = "https://www.warlight.net/MultiPlayer?GameID=" + id + (nextGameIds.length > 1 ? ("&NextGameIDs=" + nextGameIds.slice(1, nextGameIds.length).join()) : "");
  1530.                 $("[gameid='" + id + "'] td > a").attr("href", url)
  1531.                 nextGameIds.push(nextGameIds.shift())
  1532.             }
  1533.         })
  1534.         
  1535.     }
  1536.     myGamesTable.find("tbody").fadeTo('fast', 1, function () {
  1537.         myGamesTable.css('overflow-y', 'scroll');
  1538.     });
  1539.     $(window).trigger('resize');
  1540. }
  1541.  
  1542. function removeMyGames() {
  1543.     d = $("#MyGamesTable").children("tbody");
  1544.     d.children().remove();
  1545. }
  1546.  
  1547. function setMyGamesTimeLeft() {
  1548.     $.each($("[data-boottime]"), function(key, target) {
  1549.         var timeLeft = $(target).attr("data-boottime") - new Date().getTime()
  1550.         if($(target).is("[data-inline]")) {
  1551.             $(target).text(` (${getTimeLeft(timeLeft)} left)`)
  1552.         } else {
  1553. //            $(target).tooltip( "option", "content",  getTimeLeft(timeLeft, true) + " left")
  1554.         }
  1555.         
  1556.     })
  1557. }
  1558.  
  1559. function getTimeLeft(time, detailed) {
  1560.         
  1561.     var hours1 = 1 * 60 * 60 * 1000
  1562.     var hours5 = 5 * 60 * 60 * 1000
  1563.     var days5 = 5 * 25 * 60 * 60 * 1000
  1564.     var secs = time / 1000
  1565.     var mins = secs / 60
  1566.     var hours = mins / 60
  1567.     var days = hours / 24
  1568.     
  1569.     if(time < 0) {
  1570.         return "Hurry up! No time"
  1571.     } else if(time < hours1) {
  1572.         var m = Math.round(Math.floor(mins) % 60);
  1573.         var s = Math.round(Math.floor(secs) % 60);
  1574.         return m > 0 ? (m + (m == 1 ? " minute " : " minutes ")) : "" + s + (s == 1 ? " second" : " seconds")
  1575.     } else if(time < hours5) {
  1576.         var m = Math.round(Math.floor(mins) % 60)
  1577.         var h = Math.floor(hours);
  1578.         return h + (h == 1 ? " hour " : " hours ") + m + (m == 1 ? " minute" : " minutes")
  1579.     } else if(time < days5 && !detailed) {
  1580.         var d = Math.floor(days)
  1581.         var h = Math.round(Math.floor(hours) % 24)
  1582.         return (d > 0 ? d + (d == 1 ? " day " : " days ") : "") + h + (h == 1 ? " hour" : " hours")
  1583.     } else if(time >= days5 && !detailed) {
  1584.         return Math.round(days) + " days "
  1585.     } else if(detailed) {
  1586.         var d = Math.floor(days)
  1587.         var h = Math.round(Math.floor(hours) % 24)
  1588.         var m = Math.round(Math.floor(mins) % 60)
  1589.         return (d > 0 ? d + (d == 1 ? " day " : " days ") : "") + h + (h == 1 ? " hour " : " hours ") + m + (m == 1 ? " minute" : " minutes")
  1590.     } else {
  1591.         return "undefined left " + time
  1592.     }
  1593. }
  1594.  
  1595. function gameSort(a,b){
  1596.     
  1597.     var sortType = sessionStorage.getItem("customSort")
  1598.     var gameA = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 0, a, warlight_shared_viewmodels_SignIn.get_CurrentPlayer())
  1599.     var gameB = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 0, b, warlight_shared_viewmodels_SignIn.get_CurrentPlayer())
  1600.     
  1601.     var aRealTime = gameA.Game.RealTimeGame
  1602.     var aPlaying = (gameA.Game.State == 3 || gameA.Game.State == 5) && gameA.UsOpt.State == 2
  1603.     var aPrio0 = gameA.Game.PrivateMessagesWaiting || gameA.Game.PublicChatWaiting || gameA.Game.TeamChatWaiting
  1604.     var aPrio1 = gameA.Game.State == 2 && gameA.UsOpt.State == 1 //Waiting to join
  1605.     var aPrio4 = gameA.Game.State == 2 && gameA.Game.WaitingForYouToStart //Waiting for you to start
  1606.     var aPrio3 = aPlaying && !gameA.UsOpt.HasCommittedOrders //Your turn 3 = turn, 5 = picking
  1607.     var aBootTime = Math.min(a.AutoBoot._totalMilliseconds, a.VoteToBoot._totalMilliseconds, a.DirectBoot._totalMilliseconds) - a.WaitingFor._totalMilliseconds
  1608.  
  1609.     var bRealTime = gameB.Game.RealTimeGame
  1610.     var bPlaying = (gameB.Game.State == 3 || gameB.Game.State == 5) && gameB.UsOpt.State == 2
  1611.     var bPrio0 = gameB.Game.PrivateMessagesWaiting || gameB.Game.PublicChatWaiting || gameB.Game.TeamChatWaiting
  1612.     var bPrio1 = gameB.Game.State == 2 && gameB.UsOpt.State == 1
  1613.     var bPrio4 = gameB.Game.State == 2 && gameB.Game.WaitingForYouToStart
  1614.     var bPrio3 = bPlaying && !gameB.UsOpt.HasCommittedOrders
  1615.     var bBootTime = Math.min(b.AutoBoot._totalMilliseconds, b.VoteToBoot._totalMilliseconds, b.DirectBoot._totalMilliseconds) - b.WaitingFor._totalMilliseconds
  1616.  
  1617.     if(aRealTime && !bRealTime) return -1;
  1618.     if(bRealTime && !aRealTime) return 1;
  1619.     
  1620.     if(sortType == 3) {
  1621.         if(aPrio0 && !bPrio0) return -1;
  1622.         if(bPrio0 && !aPrio0) return 1;
  1623.     }
  1624.  
  1625.     if(aPrio1 && !bPrio1) return -1;
  1626.     if(bPrio1 && !aPrio1) return 1;
  1627.  
  1628.     if(aPrio3 && !bPrio3) return -1;
  1629.     if(bPrio3 && !aPrio3) return 1;
  1630.     
  1631.     if(aPlaying && !bPlaying) return -1;
  1632.     if(bPlaying && !aPlaying) return 1;
  1633.  
  1634.     if(aPrio3 && bPrio3) return aBootTime - bBootTime;
  1635.     
  1636.     if(aPrio4 && !bPrio4) return -1;
  1637.     if(bPrio4 && !aPrio4) return 1;
  1638.     
  1639.     return a.WaitingFor - b.WaitingFor
  1640. }
  1641.  
  1642. function gameCanBeNextGame(g) {
  1643.     var game = (new warlight_shared_viewmodels_main_MyGamesGameVM).Init(warlight_shared_viewmodels_ConfigurationVM.Settings, 0, g, warlight_shared_viewmodels_SignIn.get_CurrentPlayer())
  1644.  
  1645.     if(game != null && game.Game != null && game.UsOpt != null) {
  1646.         var playing = (game.Game.State == 3 || game.Game.State == 5) && game.UsOpt.State == 2
  1647.         var prio0 = game.Game.PrivateMessagesWaiting || game.Game.PublicChatWaiting || game.Game.TeamChatWaiting
  1648.         var prio1 = game.Game.State == 2 && game.UsOpt.State == 1 //Waiting to join
  1649.         var prio3 = playing && !game.UsOpt.HasCommittedOrders //Your turn 3 = turn, 5 = picking
  1650.         var prio4 = game.Game.State == 2 && game.Game.WaitingForYouToStart //Waiting for you to start
  1651.  
  1652.         return prio0 || prio1 || prio3 || prio4
  1653.     } else {
  1654.         return false;
  1655.     }
  1656.     
  1657.     
  1658. }
  1659.  
  1660.  
  1661. function refreshOpenGames() {
  1662.     deletedMD = deletedRT = 0;
  1663.     openGamesTable.find("tbody").fadeTo('fast', 0.15);
  1664.     var page = $('<div />').load('https://www.warlight.net/MultiPlayer/ ', function () {
  1665.         var data = page.find('#AllOpenGamesData').html();
  1666.         $('#AllOpenGamesData').html(data);
  1667.         WL_MPDash.OpenGamesCtrl.AllOpenGamesData = data
  1668.         Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "openGamesFilters", function(filters) {
  1669.             var openGamesFilters;
  1670.             if(filters) {
  1671.                 openGamesFilters = filters.value;
  1672.             }
  1673.             var games;
  1674.             if (openGamesFilters && openGamesFilters["disableAll"] != true) {
  1675.                 games = filterGames(wljs_Jsutil.GamesFromDump(data), openGamesFilters);
  1676.             } else {
  1677.                 games = wljs_Jsutil.GamesFromDump(data);
  1678.             }
  1679.             $.each(games, function (key, game) {
  1680.                 if ($(game).playerJoined()) {
  1681.                     games[key] = $(game).markJoined();
  1682.                 }
  1683.             });
  1684.  
  1685.  
  1686.             wljs_AllOpenGames = WL_MPDash.OpenGamesCtrl.AllOpenGames = games;
  1687.  
  1688.             var RealTimeLadderTable = page.find("#RealTimeLadderTable tbody tr:first-of-type").outerHTML();
  1689.             $("#RealTimeLadderTable tbody tr:first-of-type")
  1690.             $("#RealTimeLadderTable tbody tr:first-of-type").replaceWith(RealTimeLadderTable)
  1691.  
  1692.             replaceAndFilterForumTable(page.find("#ForumTable").outerHTML());
  1693.             $("#ClanForumTable").replaceWith(page.find("#ClanForumTable").outerHTML())
  1694.             setupRightColumn()
  1695.  
  1696.             updateOpenGamesCounter();
  1697.  
  1698.             wljs_AllOpenGamesData = wljs_multiplayer_Ctrl_AllOpenGamesData = data;
  1699.             var player = warlight_shared_viewmodels_SignIn.get_CurrentPlayer();
  1700.             if ((new js.JQuery(this.BothRadio)).is(":checked")) {
  1701.                 player.OpenGamePreference = 1;
  1702.             } else if ((new js.JQuery(this.MultiDayRadio)).is(":checked")) {
  1703.                 player.OpenGamePreference = 2;
  1704.             } else if ((new js.JQuery(this.RealTimeRadio)).is(":checked")) {
  1705.                 player.OpenGamePreference = 3;
  1706.             }
  1707.             wljs_Jsutil.Post("/MultiPlayer/", "ChangePace=" + player.OpenGamePreference, function (a) {});
  1708.  
  1709.  
  1710.             var a = $("#OpenGamesTable").children("tbody");
  1711.             a.children().remove();
  1712.  
  1713.             var gamesToShow = warlight_shared_viewmodels_main_MultiPlayerDashboardVM.GamesToShow(wljs_AllOpenGames, player.OpenGamePreference, 0 == this.ShowingAllOpenGames)
  1714.             for (var b = 0; b < gamesToShow.length;) {
  1715.                 var game = gamesToShow[b];
  1716.                 b++;
  1717.                 game.get_IsLottery() && warlight_shared_viewmodels_main_MultiPlayerDashboardVM.get_HideLotteryGames() ||
  1718.                     (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)))
  1719.             }
  1720.             openGamesTable.find("tbody").fadeTo('fast', 1, function () {
  1721.                 openGamesTable.css('overflow-y', 'scroll');
  1722.             });
  1723.             addOpenGamesSuffix();
  1724.             domRefresh();
  1725.         })
  1726.     });
  1727. }
  1728. var refreshingPromotedGames = false;
  1729. function refreshPromotedGames() {
  1730.     if(!refreshingPromotedGames) {
  1731.         refreshingPromotedGames = true;
  1732.         promotedGamesTable.find("tbody").fadeTo('fast', 0.15);
  1733.         var page = $('<div />').load('https://www.warlight.net/MultiPlayer/ ', function () {
  1734.             var data = page.find('#MorePromotedGamesData').html();
  1735.             $('#MorePromotedGamesData').html(data);
  1736.             wljs_PromotedGames = wljs_Jsutil.GamesFromDump(data);
  1737.             refreshingPromotedGames = false;
  1738.             var a = $("#PromotedGamesTable").children("tbody");
  1739.             a.children().remove();
  1740.             for (var b = 0; b < wljs_PromotedGames.length;) {
  1741.                 var game = wljs_PromotedGames[b];
  1742.                 b++;
  1743.                 (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)))
  1744.             }
  1745.             domRefresh();
  1746.             promotedGamesTable.find("tbody").fadeTo('fast', 1, function () {
  1747.                 promotedGamesTable.css('overflow-y', 'scroll');
  1748.             });
  1749.  
  1750.         });
  1751.     } else {
  1752.          log("refreshing promoted blocked")
  1753.     }
  1754.     
  1755. }
  1756.  
  1757.  
  1758. /**
  1759.  * Setups the refresh functionality
  1760.  */
  1761. function setupRefreshFunction() {
  1762.     lastRefresh = new Date();
  1763.     var oldRefreshBtn = $("#RefreshBtn");
  1764.     var oldRefreshBtn2 = $("#RefreshBtn2");
  1765.     if (oldRefreshBtn.length) {
  1766.         var newRefreshBtn = $("#refreshAll");
  1767.         oldRefreshBtn.replaceWith(oldRefreshBtn.clone().removeAttr("id").attr("id", "refreshAll").attr("value", "Refresh (R)"));
  1768.         newRefreshBtn.appendTo("body");
  1769.         $("#refreshAll").on("click", function () {
  1770.             if (new Date() - lastRefresh > 3000) {
  1771.                 lastRefresh = new Date();
  1772.                 log("Refresh by click")
  1773.                 refreshAllGames();
  1774.             }
  1775.         });
  1776.     } else if (oldRefreshBtn2.length) {
  1777.         var newRefreshBtn = $("#refreshAll");
  1778.         oldRefreshBtn2.replaceWith(oldRefreshBtn2.clone().removeAttr("id").attr("id", "refreshAll").attr("value", "Refresh (R)"));
  1779.         newRefreshBtn.appendTo("body");
  1780.         $("#refreshAll").on("click", function () {
  1781.             if (new Date() - lastRefresh > 3000) {
  1782.                 lastRefresh = new Date();
  1783.                 log("Refresh by click")
  1784.                 refreshAllGames();
  1785.             }
  1786.         });
  1787.     }
  1788.  
  1789.     $(".MainColumn").prepend($('#refreshAll'))
  1790.  
  1791.     ifSettingIsEnabled('autoRefreshOnFocus', function() {
  1792. 		$(window).on('focus', function () {
  1793.             if (new Date() - lastRefresh > 30000) {
  1794.                 lastRefresh = new Date();
  1795.                 log("Refresh by focus")
  1796.                 refreshAllGames();
  1797.             }
  1798.         });
  1799. 	})
  1800.  
  1801.     $("body").keyup(function (event) {
  1802.         // "R" is pressed
  1803.         if (event.which == 82) {
  1804.             if (new Date() - lastRefresh > 3000) {
  1805.                 lastRefresh = new Date();
  1806.                 log("Refresh by key r")
  1807.                 refreshAllGames();
  1808.             }
  1809.         }
  1810.     });
  1811. }
  1812.  
  1813.  
  1814. function getDate(text) {
  1815.     var date;
  1816.  
  1817.     if (text.match(/[0-9]+ second/)) {
  1818.         date = new Date() - 1000;
  1819.  
  1820.     } else if (text.match(/[0-9]+ seconds/)) {
  1821.         date = new Date() - text.match(/[0-9]+/) * 1000;
  1822.  
  1823.     } else if (text.match(/[0-9]+ minute/)) {
  1824.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60;
  1825.  
  1826.     } else if (text.match(/[0-9]+ minutes/)) {
  1827.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60;
  1828.  
  1829.     } else if (text.match(/[0-9]+ hour/)) {
  1830.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 59;
  1831.  
  1832.     } else if (text.match(/[0-9]+ hours/)) {
  1833.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60;
  1834.  
  1835.     } else if (text.match(/[0-9]+ day/)) {
  1836.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60 * 36;
  1837.  
  1838.     } else if (text.match(/[0-9]+ days/)) {
  1839.         date = new Date() - text.match(/[0-9]+/) * 1000 * 60 * 60 * 24;
  1840.  
  1841.     } else if (text.match(/[0-9]+[\/][0-9]+[\/][0-9]+/)) {
  1842.         var split = text.split('/');
  1843.         date = new Date(split[2], split[0] - 1, split[1]);
  1844.         date.setHours(0, 0, 0, 0);
  1845.     }
  1846.     return date;
  1847. }
  1848.  
  1849. function setGlobalStyles() {
  1850.     $("tr:contains('WarLight Shop')").closest(".dataTable").attr("id", "ShopTable");
  1851.     createSelector('.help-icon', 'display:inline-block;position:absolute; margin-left:10px;margin-top: 2px;cursor:pointer; height: 15px; width: 15px;')
  1852.     var winHeight = $(window).height();
  1853.     createSelector(".userscript-menu", "display: block;color: #555;text-decoration: none;line-height: 18px;padding: 3px 15px;margin: 0;white-space: nowrap;");
  1854.     createSelector(".userscript-menu:hover", "cursor:pointer;background-color: #08C;color: #FFF;cursor: pointer;");
  1855.     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");
  1856.     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");
  1857.     createSelector(".close-popup-img", "float:right;margin:5px;cursor:pointer;margin-right: 20px");
  1858.     createSelector(".popup label", "width: 80%;display: inline-block;font-size: 15px;margin: 5px;");
  1859.     createSelector(".popup .title", "color: gray;font-size: 15px;margin-top: 10px;display: inline-block;width: 95%;border-bottom: 1px gray solid;padding-bottom: 3px;");
  1860.     createSelector(".popup input[type='checkbox']", "width: 20px;height: 20px;margin-left:30px;margin: 5px;-moz-appearance:none;");
  1861.     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;");
  1862.     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;");
  1863.     createSelector(".userscript-show", "display:none");
  1864.     createSelector("#MorePromotedGamesHorizontalRow", "display:none");
  1865.     createSelector(".newSetting", "color: gold;font-weight: bold;");
  1866.     createSelector(".userscript-menu img", "height: 18px;display: inline-block;position: relative;margin-bottom: -5px;margin-right: 7px;");
  1867.     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");
  1868.     createSelector(".custom-menu .content", "width: 300px;white-space: pre-wrap;");
  1869.     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');
  1870.  
  1871.     createSelector(".popup840", "width: 840px;margin-left: -452px");
  1872.     createSelector(".popup600", "width: 600px;margin-left: -332px");
  1873.  
  1874.     createSelector(".popup840 .head", "width: 900px");
  1875.     createSelector(".popup600 .head", "width: 660px");
  1876.         
  1877.     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;");
  1878.     createSelector(".context-menu li", "padding: 8px 12px;cursor: pointer;list-style-type: none;");
  1879.     createSelector(".context-menu li:hover", "background-color: #DEF;");
  1880.     createSelector("#MyGamesTable select","margin: 0 10px 0 5px; width: 125px")
  1881.     createSelector("#MyGamesFilter", "float:right")
  1882.     createSelector("#MyGamesTable thead tr", "text-align: right")
  1883.  
  1884.     $("body").on("click", function (e) {
  1885.         if ($(".custom-menu").is(':visible')) {
  1886.             $(".custom-menu").hide(100);
  1887.         }
  1888.     });
  1889. }
  1890.  
  1891. window.deletedRT = 0;
  1892. window.deletedMD = 0;
  1893.  
  1894. function filterGames(games, openGamesFilters) {
  1895.     var filteredGames = [];
  1896.     var deletedGames = [];
  1897.  
  1898.     $.each(games, function (key, game) {
  1899.         if (!$(game).getsFiltered(openGamesFilters)) {
  1900.             filteredGames.push(game);
  1901.         } else {
  1902.             if (game.RealTimeGame) {
  1903.                 deletedRT++;
  1904.             } else {
  1905.                 deletedMD++;
  1906.             }
  1907.         }
  1908.     });
  1909.  
  1910.     return filteredGames;
  1911. }
  1912.  
  1913.  
  1914. function storeFilterVariables() {
  1915.     openGamesFilters = {};
  1916.  
  1917.     $.each(filters, function (key, filter) {
  1918.         if (filter.type == "checkbox") {
  1919.             openGamesFilters[filter.id] = $("#" + filter.id).prop("checked");
  1920.         }
  1921.     });
  1922.     openGamesFilters["hideKeyword"] = $("#hideKeyword").val()
  1923.     openGamesFilters["hideRealTimeBootTime"] = $("#hideRealTimeBootTime").val()
  1924.     openGamesFilters["hideMultiDayBootTimeDays"] = $("#hideMultiDayBootTimeDays").val()
  1925.     openGamesFilters["hideMultiDayBootTimeHours"] = $("#hideMultiDayBootTimeHours").val()
  1926.  
  1927.     var luck = $("#hideLuck").val();
  1928.     openGamesFilters["hideLuck"] = ($.isNumeric(luck) && luck <= 100 && luck >= 0) ? luck : 100;
  1929.  
  1930.     var minPlayers = $("#hideMinPlayers").val();
  1931.     openGamesFilters["hideMinPlayers"] = ($.isNumeric(minPlayers) && minPlayers <= 100 && minPlayers >= 2) ? minPlayers : 2;
  1932.  
  1933.     var maxPlayers = $("#hideMaxPlayers").val();
  1934.     openGamesFilters["hideMaxPlayers"] = ($.isNumeric(maxPlayers) && maxPlayers <= 100 && maxPlayers >= 2) ? maxPlayers : 100;
  1935.  
  1936.     if (parseFloat(openGamesFilters["hideMinPlayers"]) > parseFloat(openGamesFilters["hideMaxPlayers"])) {
  1937.         openGamesFilters["hideMaxPlayers"] = openGamesFilters["hideMinPlayers"]
  1938.     }
  1939.  
  1940.     var rtBoot = $("#hideRealTimeBootTime").val();
  1941.     openGamesFilters["hideRealTimeBootTime"] = $.isNumeric(rtBoot) ? rtBoot * 60 * 1000 : 0;
  1942.  
  1943.     var mdBoot = calculateMDBoot($("#hideMultiDayBootTimeHours").val(), $("#hideMultiDayBootTimeDays").val());
  1944.  
  1945.     openGamesFilters["hideMultiDayBootTimeDays"] = mdBoot.days;
  1946.     openGamesFilters["hideMultiDayBootTimeHours"] = mdBoot.hours;
  1947.  
  1948.     openGamesFilters["hideMultiDayBootTimeInMs"] = (parseInt(mdBoot.days) * 24 + parseInt(mdBoot.hours)) * 60 * 60 * 1000;
  1949.  
  1950.     var gameFilters = {
  1951.         name: "openGamesFilters",
  1952.         value: openGamesFilters
  1953.     }
  1954.     Database.update(Database.Table.Settings, gameFilters, undefined, function() {
  1955.         updateFilterSettings()
  1956.     })
  1957.     
  1958. }
  1959.  
  1960. function calculateMDBoot(hours, days) {
  1961.     hours = $.isNumeric(hours) ? hours : 0;
  1962.     days = $.isNumeric(days) ? days : 0;
  1963.  
  1964.     if (hours >= 24) {
  1965.         days = parseFloat(days) + parseInt(hours / 24);
  1966.         hours -= parseInt(hours / 24) * 24
  1967.     }
  1968.  
  1969.     return {
  1970.         hours: hours,
  1971.         days: days
  1972.     }
  1973.  
  1974. }
  1975.  
  1976. function updateFilterSettings() {
  1977.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, "openGamesFilters", function(gameFilters) {
  1978.         if(!gameFilters || !gameFilters.value) {
  1979.             return;
  1980.         }
  1981.         var openGamesFilters = gameFilters.value;
  1982.         $.each(filters, function (key, filter) {
  1983.             if (filter.type == "checkbox") {
  1984.                 $("#" + filter.id).prop("checked", openGamesFilters[filter.id]);
  1985.             }
  1986.         });
  1987.         $("#hideLuck").val(openGamesFilters["hideLuck"] || 100);
  1988.         $("#hideMinPlayers").val(openGamesFilters["hideMinPlayers"] || 0);
  1989.         $("#hideMaxPlayers").val(openGamesFilters["hideMaxPlayers"] || 100);
  1990.         $("#hideKeyword").val(openGamesFilters["hideKeyword"] || "");
  1991.         $("#hideRealTimeBootTime").val(openGamesFilters["hideRealTimeBootTime"] / 1000 / 60 || 0);
  1992.         $("#hideMultiDayBootTimeDays").val(openGamesFilters["hideMultiDayBootTimeDays"] || 0);
  1993.         $("#hideMultiDayBootTimeHours").val(openGamesFilters["hideMultiDayBootTimeHours"] || 0);
  1994.     })
  1995. }
  1996.  
  1997. function ifSettingIsEnabled(setting, positive, negative, cb) {
  1998.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, setting, function(setting) {
  1999.         if(setting && setting.value) {
  2000.             positive();
  2001.             if(typeof cb == "function") {
  2002.                 cb();
  2003.             }
  2004.         } else {
  2005.             if(typeof negative == 'function') {
  2006.                 negative();
  2007.             }
  2008.             if(typeof cb == 'function') {
  2009.                 cb();
  2010.             }
  2011.         }
  2012.     })
  2013. }
  2014.  
  2015. function ifSettingIsNotEnabled(setting, callback) {
  2016.     Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, setting, function(setting) {
  2017.         if(!setting.value) {
  2018.             callback();
  2019.         }
  2020.     })
  2021. }
  2022.  
  2023. function ifAllAreEnabled(settings, positive, negative) {
  2024.     var promises = [];
  2025.     var allAreEnabled = true;
  2026.     $.each(settings, function (key, setting) {
  2027. 	
  2028. 		promises[key] = $.Deferred();
  2029. 		Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, setting, function(set) {
  2030. 			if(!set || !set.value) {
  2031. 				 allAreEnabled = false;
  2032. 			 }
  2033. 			promises[key].resolve();
  2034. 		})
  2035.     })
  2036.     $.when.apply($, promises).done(function () {
  2037.         if(allAreEnabled){
  2038.             positive()
  2039.         } else {
  2040.             if(typeof negative == "function") {
  2041.                 negative();
  2042.             }
  2043.         }
  2044.     })
  2045. }
  2046.  
  2047. function ifOneOrMoreIsEnabled(settings, positive, negative) {
  2048.     var promises = [];
  2049.     var isEnabled = false;
  2050.     $.each(settings, function (key, setting) {
  2051.         
  2052. 		promises[key] = $.Deferred();
  2053. 		Database.readIndex(Database.Table.Settings, Database.Row.Settings.Name, setting, function(set) {
  2054. 			if(set && set.value) {
  2055. 				 isEnabled = true;
  2056. 			 }
  2057. 			promises[key].resolve();
  2058. 		})
  2059.     })
  2060.     $.when.apply($, promises).done(function () {
  2061.         if(isEnabled){
  2062.             positive()
  2063.         } else {
  2064.             if(typeof negative == "function") {
  2065.                 negative();
  2066.             }
  2067.         }
  2068.     })
  2069. }
  2070.  
  2071. function pageIsMultiplayer() {
  2072.     return location.href.match(/.*warlight[.]net\/MultiPlayer.*/i);
  2073. }
  2074.  
  2075. function pageIsPointsPage() {
  2076.     return location.href.match(/.*warlight[.]net\/Points.*/i);
  2077. }
  2078.  
  2079. function pageIsDashboard() {
  2080.     return location.href.match(/.*warlight[.]net\/MultiPlayer\/(?:#|\?|$).*$/i);
  2081. }
  2082.  
  2083. function pageIsRealTimeLadder() {
  2084.     return location.href.match(/.*warlight[.]net\/LadderSeason\?ID=3.*$/i);
  2085. }
  2086.  
  2087. function pageIsProfile() {
  2088.     return location.href.match(/.*warlight[.]net\/profile\?p=[0-9]+$/i);
  2089. }
  2090.  
  2091. function pageIsLevelOverview() {
  2092.     return location.href.match(/.*warlight[.]net\/SinglePlayer\/Level\?ID=[0-9]+$/i);
  2093. }
  2094.  
  2095. function pageIsLevelPlayLog() {
  2096.     return location.href.match(/.*warlight[.]net\/SinglePlayer\/PlayLog\?ID=[0-9]+$/i);
  2097. }
  2098.  
  2099. function pageIsMapsPage() {
  2100.     return location.href.match(/.*warlight[.]net\/maps/i);
  2101. }
  2102.  
  2103. function pageIsClanThread() {
  2104.     return location.href.match(/.*warlight[.]net\/Discussion/i);
  2105. }
  2106.  
  2107. function pageIsNewThread() {
  2108.     return location.href.match(/.*warlight[.]net\/Forum\/NewThread.*/i);
  2109. }
  2110.  
  2111. function pageIsForumThread() {
  2112.     return location.href.match(/.*warlight[.]net\/Forum\/[0-9]+.*/i);
  2113. }
  2114.  
  2115. function pageIsForumOverview() {
  2116.     return location.href.match(/.*warlight[.]net\/Forum\/Forum.*/i);
  2117. }
  2118.  
  2119. function pageIsThread() {
  2120.     return location.href.match(/.*warlight[.]net\/(Forum|Discussion|Clans\/CreateThread).*/i);
  2121. }
  2122.  
  2123. function pageIsSubForum() {
  2124.     return location.href.match(/.*warlight[.]net\/Forum\/[A-Z]+.*/i);
  2125. }
  2126.  
  2127. function pageIsForum() {
  2128.     return location.href.match(/.*warlight[.]net\/Forum\/.*/);
  2129. }
  2130.  
  2131. function pageIsLadderOverview() {
  2132.     return location.href.match(/.*warlight[.]net\/Ladders/);
  2133. }
  2134.  
  2135. function pageIsLogin() {
  2136.     return location.href.match(/.*warlight[.]net\/LogIn.*/);
  2137. }
  2138.  
  2139. function pageIsClanForumThread() {
  2140.     return location.href.match(/.*warlight[.]net\/Discussion\/\?ID=[0-9]+.*/);
  2141. }
  2142.  
  2143. function pageIsTournament() {
  2144.     return location.href.match(/.*warlight[.]net\/MultiPlayer\/Tournament\?ID=[0-9]+/i);
  2145. }
  2146.  
  2147. function pageIsTournamentOverview() {
  2148.     return location.href.match(/.*warlight[.]net\/MultiPlayer\/Tournaments\/$/i);
  2149. }
  2150.  
  2151. function pageIsGame() {
  2152.     return location.href.match(/.*warlight[.]net\/MultiPlayer\?GameID=[0-9]+/i);
  2153. }
  2154.  
  2155. function pageIsExamineMap() {
  2156.     return location.href.match(/.*warlight[.]net\/SinglePlayer\?PreviewMap.*/i);
  2157. }
  2158.  
  2159. function pageIsDesignMap() {
  2160.     return location.href.match(/.*warlight[.]net\/MultiPlayer\?DesignMaps.*/i);
  2161. }
  2162.  
  2163. function pageIsCommonGames() {
  2164.     return location.href.match(/.*warlight[.]net\/CommonGames\?p=[0-9]+$/i);
  2165. }
  2166.  
  2167. function pageIsCommunityLevels() {
  2168.     return location.href.match(/.*warlight[.]net\/SinglePlayer\/CommunityLevels/i);
  2169. }
  2170.  
  2171. function pageIsBlacklistPage() {
  2172.     return location.href.match(/.*warlight[.]net\/ManageBlackList.*/i);
  2173. }
  2174.  
  2175. function pageIsMapPage() {
  2176.     return location.href.match(/.*warlight[.]net\/Map.*/i);
  2177. }
  2178.  
  2179. function mapIsPublic() {
  2180.     return $("a:contains('Start a')").length > 0;
  2181. }
  2182.  
  2183. function showOpenGamesLink() {
  2184.     $("#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>');
  2185.  
  2186.     if (location.href.match(/.*warlight[.]net\/MultiPlayer\/OpenGames.*/)) {
  2187.         $("#openGamesTab").addClass("SubTabCellSelected");
  2188.         $("#openGamesTab").prev().children().css("visibility", "visible");
  2189.         $("#openGamesTab").next().children().css("visibility", "visible");
  2190.     }
  2191. }
  2192.  
  2193. function setupOpenGamesFilter() {
  2194.     $("#OpenGamesTable thead tr td").prepend('<a id="editFilters" style="color:#DDDDDD;font-size: 14px;float: right;">▼</a>');
  2195.  
  2196.  
  2197.     var filtersHTML = "<hr>";
  2198.     $.each(filters, function (key, filter) {
  2199.         if (filter.type == "checkbox") {
  2200.             filtersHTML += '<div class="filterOption"><label for="' + filter.id + '">' + filter.text + '</label><input type="checkbox" id="' + filter.id + '"></div>';
  2201.         } else if (filter.type == "custom") {
  2202.             filtersHTML += '<div class="filterOption">' + filter.text + '</div>';
  2203.         }
  2204.     });
  2205.  
  2206.     $("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>');
  2207.  
  2208.     createSelector('hr', 'height: 1px;border: none;background-color: gray;opacity:0.5;');
  2209.     createSelector('.number', 'width: 31px');
  2210.     createSelector('.filterOption', 'width: 400px;float: left;margin: 5px;');
  2211.     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;');
  2212.     createSelector('.info:hover', 'max-height:500px');
  2213.     createSelector('#hideKeyword', 'text-align: left;');
  2214.     createSelector('.filter-small, .filter-small label', 'font-size: 12px!important;color: #aaa;');
  2215.  
  2216.     $("#hideLuck").after("%");
  2217.  
  2218.     createSelector('.ui-button-text-only .ui-button-text', 'padding: .4em 0.6em;');
  2219.     createSelector('#editFilters:hover', 'cursor:pointer');
  2220.  
  2221.     $(".filters-show").on("change", function () {
  2222.         storeFilterVariables();
  2223.     });
  2224.  
  2225.     $("#editFilters").on("click", function () {
  2226.         window.showFilterOptions();
  2227.     });
  2228.  
  2229.     $(".close-userscript").on("click", function () {
  2230.         $(".filters-show").fadeOut();
  2231.         $(".overlay").fadeOut();
  2232.         log("Refresh by userscript settings close")
  2233.         refreshAllGames(true);
  2234.     });
  2235.  
  2236.     $(".close-popup-img").on("click", function () {
  2237.         $(".overlay").fadeOut();
  2238.         $(".popup").fadeOut();
  2239.     });
  2240.  
  2241.     updateFilterSettings();
  2242. }
  2243.  
  2244. function setupBasicDashboardStyles() {
  2245.     createSelector(".GameRow a", "font-size:16px !important;");
  2246.     createSelector("a", "outline: none");
  2247.     createSelector('#PromotedGamesTable td:last-of-type a img', 'display:none');
  2248.     createSelector("#MyGamesTable td > a > img", 'display:none');
  2249.     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;");
  2250.     createSelector("#MyGamesTable td span a img, #MyGamesTable td span a img", "display:inherit;");
  2251.     createSelector(".GameRow:hover", "background-color:rgb(50, 50, 50);cursor:pointer;");
  2252.     createSelector(".GameRow a:hover", "text-decoration:none;");
  2253.     createSelector(".TournamentRow a:hover", "text-decoration:none;");
  2254.     createSelector(".TournamentRow:hover", "background-color:rgb(50, 50, 50);cursor:pointer;");
  2255.     createSelector(".ui-buttonset label", "font-size:11px;");
  2256.     createSelector("#OpenGamesTable label:hover", " border: 1px solid #59b4d4;background: #0078a3 50% 50% repeat-x;font-weight: bold;color: #ffffff;");
  2257.     createSelector("#OpenGamesTable td:last-child,#MyGamesTable td:last-child, #PromotedGamesTable td:last-child", "position: relative;");
  2258.     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;");
  2259.     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;");
  2260.     createSelector(".loading img", "position: absolute;top: 50%;left: 50%;margin-left: -16px;margin-top: -16px;");
  2261.     createSelector("img", "position: relative;z-index:50;");
  2262.     createSelector("input", "z-index: 98;position: relative;");
  2263.     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;");
  2264.     createSelector(".showGames table tbody", "display:table;width:100%;");
  2265.     createSelector(".showGames table thead", "position:inherit;");
  2266.     createSelector(".ui-tooltip", "background: #EBEBEB;padding: 4px;font-style: italic;");
  2267.  
  2268.     $.each($(".TournamentRow td"), function () {
  2269.         $(this).find("font:first-of-type").appendTo($(this).find("a")).css("font-size", "10px");
  2270.     });
  2271. }
  2272.  
  2273. function setupFixedWindowStyles() {
  2274.     createSelector('html', 'width: 100%; position:fixed')
  2275.     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");
  2276.     var top = parseInt($(".showSide").offset().top) + parseInt(43);
  2277.     createSelector(".followMeBar.fixed", "position: fixed;top: " + top + "px;z-index: 0;z-index:98;");
  2278.     createSelector(".followMeBar.fixed.absolute", "position: absolute;");
  2279.  
  2280.     createSelector(".showSide", "overflow-y:scroll;float: left;margin-top: 43px;padding-right: 6px;");
  2281.     createSelector(".showSide thead", "display:none");
  2282.     createSelector(".showSide table", "border-top-right-radius:0;border-top-left-radius:0");
  2283.  
  2284.     createSelector("#switchGameRadio label", "margin-left: 6px !important");
  2285.     createSelector(".showGames table", "display:block !important");
  2286.     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);");
  2287.     createSelector("#MyGamesTable, #PromotedGamesTable, #OpenGamesTable", "display:none");
  2288.     createSelector("#MainSiteContent > table > tbody > tr > td", "width:100%");
  2289.     createSelector(".MainColumn", "width: calc(60% - 20px)!important;max-width: 800px;min-width:1px");
  2290.     createSelector(".SideColumn", "float:left !important");
  2291.     createSelector("h2 + span", "margin-right: 50px;");
  2292.     createSelector("body", "overflow:hidden");
  2293.     createSelector(".SideColumn", "width: 100% !important;");
  2294.     createSelector("#MyGamesFilter", "width:200px");
  2295.     createSelector(".showGames table", "display:block; overflow-y:scroll; overflow-x:hidden; border:1px gray solid; border-radius:8px");
  2296.     createSelector(".adsbygoogle", "margin-top: 25px;");
  2297.     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");
  2298.     createSelector("#refreshAll", "width: 140px;float: right;margin-top: 10px;");
  2299.     createSelector("#fakeOpenGameMenu label", "margin-right:2px");
  2300.     createSelector("#RestoreLotteryGamesBtn", "display:none");
  2301.  
  2302.     createSelector('#ForumTable tbody tr td, #ClanForumTable tbody tr td', 'overflow:hidden;position:relative');
  2303.     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;');
  2304.     createSelector('#ForumTable tbody tr td span, #ClanForumTable tbody tr td span', 'display: inline-block;z-index: 1;float: left;position: relative;');
  2305.     createSelector('#ForumTable tbody tr:not(:last-child):hover, #ClanForumTable tbody tr:hover', 'background-color:rgb(50, 50, 50)');
  2306.  
  2307.     createSelector('#ForumTable tbody tr td a[href="/Forum/Forum"]', 'position: relative;');
  2308.     createSelector('#ClanForumTable tbody tr td a[href="/Clans/Forum"]', 'position: relative;');
  2309.  
  2310.     $("body").scrollTop(0)
  2311.     
  2312.     addCSS(`
  2313.         @media (max-width: 1400px) {
  2314.             .showSide {
  2315.                 //min-width: 380px;
  2316.                 //width: 40%;
  2317.             }
  2318.             h2 + span {
  2319.                 margin-right: 10px!important;
  2320.             }
  2321.         }
  2322.  
  2323.         @media (max-width: 1300px) {
  2324.             #MyGamesTable > thead > tr * {
  2325.                 font-size: 14px;
  2326.                
  2327.             }
  2328.             #MyGamesTable > thead > tr > div:nth-of-type(1) {
  2329.                 margin-top: 5px!important;
  2330.                 display: block;
  2331.                 float: left;
  2332.                 padding-right: 5px;
  2333.             }
  2334.             #MyGamesTable select {
  2335.                 width: 110px;
  2336.             }
  2337.  
  2338.         }
  2339.  
  2340.         @media (max-width: 1205px) {
  2341.             .MainColumn {
  2342.                 width: 60% ;
  2343.                 min-width: 0;
  2344.             }
  2345.             #MyGamesTable select {
  2346.                 width: 75px;
  2347.             }
  2348.  
  2349.         } 
  2350.  
  2351.         @media (max-width: 1100px) {
  2352.             #refreshAll {
  2353.                 width: 85px!important;
  2354.             }
  2355.             #MyGamesTable > thead > tr > div:nth-of-type(1) {
  2356.                 display: none;
  2357.             }
  2358.         }
  2359.  
  2360.         @media (max-width: 1100px) {
  2361.             .MainColumn {
  2362.                 float: left;
  2363.             }
  2364.         }
  2365.          @media (max-width: 1000px) {
  2366.             .showSide {
  2367.                 min-width:0px;
  2368.             }
  2369.         }
  2370.     `);
  2371. }
  2372.  
  2373. function setupFixedTitlesInSideColumn() {
  2374.     var blogTable = $("#BlogTable");
  2375.     var realTimeLadderTable = $("#RealTimeLadderTable");
  2376.     var forumTable = $("#ForumTable");
  2377.     var clanForumTable = $("#ClanForumTable");
  2378.     var mapOfTheWeekTable = $("#MapOfTheWeekTable");
  2379.     var leaderboardTable = $("#LeaderboardTable");
  2380.     var myTournamentsTable = $("#MyTournamentsTable");
  2381.     var bookmarkTable = $("#BookmarkTable");
  2382.  
  2383.     var shopTable = $("#ShopTable")
  2384.    
  2385.  
  2386.     blogTable.before("<div class='followMeBar'>" + blogTable.find("thead > tr > td").html() + "</div>");
  2387.     realTimeLadderTable.before("<div class='followMeBar'>" + realTimeLadderTable.find("thead > tr > td").html() + "</div>");
  2388.     forumTable.before("<div class='followMeBar'>" + forumTable.find("thead > tr > td").html() + "</div>");
  2389.     clanForumTable.before("<div class='followMeBar'>" + clanForumTable.find("thead > tr > td").html() + "</div>");
  2390.     mapOfTheWeekTable.before("<div class='followMeBar'>" + mapOfTheWeekTable.find("thead > tr > td").html() + "</div>");
  2391.     
  2392.     ifSettingIsEnabled("hideCoinsGlobally", function() {
  2393.         
  2394.     }, function() {
  2395.         leaderboardTable.before("<div class='followMeBar'>" + leaderboardTable.find("thead > tr > td").html() + "</div>");
  2396.     }, function() {
  2397.         myTournamentsTable.before("<div class='followMeBar'>" + myTournamentsTable.find("thead > tr > td").html() + "</div>");
  2398.         bookmarkTable.before("<div class='followMeBar'>" + bookmarkTable.find("thead > tr > td").html() + "</div>");
  2399.  
  2400.         shopTable.before("<div class='followMeBar'>" + shopTable.find("thead > tr > td").html() + "</div>");
  2401.  
  2402.  
  2403.         var leagueTable = $("#LeagueTable");   
  2404.         leagueTable.before("<div class='followMeBar'>" + leagueTable.find("thead > tr > td").html() + "</div>");
  2405.  
  2406.         new StickyTitles(jQuery(".followMeBar")).load();
  2407.     })
  2408.  
  2409. }
  2410.  
  2411. function setupFixedWindowWithScrollableGames() {
  2412.     var gameButtons = '<div style="margin: 10px;" id="switchGameRadio" class="ui-buttonset">';
  2413.     gameButtons += '<input type="radio" id="ShowMyGames" name="switchGames" checked="checked" class="ui-helper-hidden-accessible">';
  2414.     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>';
  2415.     
  2416.     ifOneOrMoreIsEnabled(["hidePromotedGames", "hideCoinsGlobally"], function() {
  2417.         gameButtons += '<input type="radio" id="ShowOpenGames" name="switchGames" class="ui-helper-hidden-accessible">';
  2418.         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>';
  2419.         gameButtons += '</div>';
  2420.         setupMainColumn(gameButtons)
  2421.     }, function() {
  2422.         gameButtons += '<input type="radio" id="ShowOpenGames" name="switchGames" class="ui-helper-hidden-accessible">';
  2423.         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>';
  2424.         gameButtons += '<input type="radio" id="ShowCoinGames" name="switchGames" class="ui-helper-hidden-accessible">';
  2425.         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>';
  2426.         gameButtons += '</div>';
  2427.         setupMainColumn(gameButtons)
  2428.     })
  2429.  
  2430.     
  2431. }
  2432.  
  2433. function setupMainColumn(gameButtons) {
  2434.     var mainColumn = $(".MainColumn ");
  2435.     mainColumn.prepend('<div class="showGamesContainer">' + gameButtons + '<div class="showGames"></div></div>');
  2436.     mainColumn.prepend($('#refreshAll').detach())
  2437.     myGamesTable.appendTo(".showGames");
  2438.  
  2439.     mainColumn.after('<div class="showSide"></div>');
  2440.     $(".SideColumn").appendTo(".showSide");
  2441.  
  2442.     setupFixedWindowStyles();
  2443.  
  2444.     refreshSingleColumnSize();
  2445.  
  2446.     $("#switchGameRadio").find("label").on("click", function () {
  2447.         var newShowGames = $(this).attr("for");
  2448.         if (newShowGames != showGamesActive) {
  2449.             $.each($("#switchGameRadio").find("label"), function () {
  2450.                 $(this).removeClass("ui-state-active");
  2451.             });
  2452.             $(this).addClass("ui-state-active");
  2453.  
  2454.             if (newShowGames == "ShowMyGames") {
  2455.                 showGamesActive = newShowGames;
  2456.                 promotedGamesTable.appendTo("body");
  2457.                 openGamesTable.appendTo("body");
  2458.                 myGamesTable.appendTo(".showGames");
  2459.             } else if (newShowGames == "ShowCoinGames") {
  2460.                 showGamesActive = newShowGames;
  2461.                 myGamesTable.appendTo("body");
  2462.                 openGamesTable.appendTo("body");
  2463.                 promotedGamesTable.appendTo(".showGames");
  2464.             } else if (newShowGames == "ShowOpenGames") {
  2465.                 showGamesActive = newShowGames;
  2466.                 myGamesTable.appendTo("body");
  2467.                 promotedGamesTable.appendTo("body");
  2468.                 openGamesTable.appendTo(".showGames");
  2469.             }
  2470.  
  2471.             refreshSingleColumnSize()
  2472.         }
  2473.     });
  2474. }
  2475.  
  2476. function hideRightColumn() {
  2477.     ifSettingIsEnabled('scrollGames', function() {
  2478.         $(".showSide").css("display", "none");
  2479.         createSelector(".MainColumn", "margin: auto;max-width: 800px;width: 60%!important;float: none !important;min-width: 600px !important;");
  2480. 	}, function() {
  2481.         $(".SideColumn").css("display", "none");
  2482.         $(".MainColumn").css("width", "100%");
  2483.         $(".MainColumn").css("max-width", "800px");
  2484.     })
  2485. }
  2486.  
  2487. function registerGameTabClick() {
  2488.     if (lastClick - new Date() > 2000) {
  2489.         openGamesTable.scrollTop(0);
  2490.         lastClick = new Date();
  2491.     }
  2492.     window.setTimeout(function () {
  2493.         domRefresh();
  2494.         addOpenGamesSuffix();
  2495.     }, 1);
  2496. }
  2497.  
  2498. function updateOpenGamesCounter() {
  2499.     var numMD = countGames(wljs_AllOpenGames, 1);
  2500.     var numRT = countGames(wljs_AllOpenGames, 2);
  2501.     var numBoth = parseInt(numMD) + parseInt(numRT)
  2502.     //Both
  2503.     $("#OpenGamesTable [for='BothRadio'] span").text('Both (' + numBoth + ')')
  2504.         //Real
  2505.     $("#OpenGamesTable [for='RealTimeRadio'] span").text('Real-Time (' + numRT + ')')
  2506.         //Multi-Day
  2507.     $("#OpenGamesTable [for='MultiDayRadio'] span").text('Multi-Day (' + numMD + ')')
  2508. }
  2509.  
  2510. // Type 1 : Multiday
  2511. // Type 2 : Realtime
  2512. function countGames(games, type) {
  2513.     games = system_linq_Enumerable.Where(games, function (a) {
  2514.         if (type == 1) return !a.RealTimeGame;
  2515.         if (type == 2) return a.RealTimeGame;
  2516.     });
  2517.     return system_linq_Enumerable.ToArray(games).length
  2518. }
  2519.  
  2520. function addOpenGamesSuffix() {
  2521.     var deletedBoth = parseInt(deletedMD) + parseInt(deletedRT);
  2522.     $("#OpenGamesTable tbody tr:not(.GameRow)").remove();
  2523.     var active = $("#OpenGamesTable .ui-buttonset .ui-state-active").text();
  2524.  
  2525.     if (active.indexOf('Both') > -1 && deletedBoth > 0) {
  2526.         //Both
  2527.         $("#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>");
  2528.     } else if (active.indexOf('Real') > -1 && deletedRT > 0) {
  2529.         //Real
  2530.         $("#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>");
  2531.     } else if (active.indexOf('Multi') > -1 && deletedMD > 0) {
  2532.         //Multi-Day
  2533.         $("#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>");
  2534.     }
  2535.  
  2536. }
  2537.  
  2538. function getNumHiddenLabelText(num) {
  2539.     return num == 1 ? "1 Game is hidden" : (num + " Games are hidden");
  2540. }
  2541.  
  2542.  
  2543. function loadPrivateNotes() {
  2544.     log("Loading private notes")
  2545.     $("#FeedbackMsg").after('<div class="profileBox" id="privateNotes"><h3>Private Notes</h3><p style="width: 285px;overflow:hidden" class="content">Loading Privates Notes..</p></div>');
  2546.     var url = $("img[alt='Private Notes']").parent()[0].href;
  2547.     var page = $('<div />').load(url, function () {
  2548.         var notes = page.find('#PostForDisplay_0').html().trim();
  2549.         if (notes) {
  2550.             $('#privateNotes .content').html(notes);
  2551.         } else {
  2552.             $('#privateNotes .content').html('You don\'t have any Private Notes.');
  2553.         }
  2554.  
  2555.     });
  2556. }
  2557.  
  2558. window.showFilterOptions = function () {
  2559.     showPopup(".filters-show")
  2560. }
  2561.  
  2562. function domRefresh() {
  2563.     $("body").hide(0).show(0);
  2564.     $(window).trigger('resize')
  2565. }
  2566.  
  2567. window.showFilterHelp = function (text, obj) {
  2568.     window.setTimeout(function () {
  2569.         if (!$(".custom-menu").is(':visible')) {
  2570.             $(".custom-menu .content").html(text);
  2571.             $(".custom-menu").finish().toggle(100).
  2572.  
  2573.             // In the right position (the mouse)
  2574.             css({
  2575.                 top: $(obj).offset().top + "px",
  2576.                 left: $(obj).offset().left + "px"
  2577.             });
  2578.         }
  2579.  
  2580.     }, 10);
  2581. }
  2582.  
  2583. function setupBookmarkMenu() {
  2584.     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'>";
  2585.  
  2586.     $("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>");
  2587.  
  2588.     $("bookmarkMenu").append('<div id="bookmarkMenu"></div>');
  2589.  
  2590.     $(".close-popup-img").on("click", function () {
  2591.         $(".popup").fadeOut();
  2592.         $(".overlay").fadeOut();
  2593.     });
  2594.     createSelector(".highlightedBookmark", "background-color:rgb(50, 50, 50);cursor:pointer;");
  2595.     $("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>")
  2596.     $("body").append("<ul class='context-menu thread-context'><li onclick='hideThread()'>Hide</li></ul>")
  2597.     $("body").append("<ul class='context-menu playersearch-context'><li onclick='findMostCommonGames()'>Most Common Games (Friends)</li></ul>")
  2598.     bindCustomContextMenu()
  2599.  
  2600. }
  2601.  
  2602. function setupBookmarkTable() {
  2603.     $(".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>');
  2604.  
  2605.     refreshBookmarks();
  2606.     bindBookmarkTable();
  2607. }
  2608.  
  2609. function refreshBookmarks() {
  2610.     Database.readAll(Database.Table.Bookmarks, function(bookmarks) {
  2611.         $("#BookmarkTable tbody tr").remove();
  2612.         bookmarks.sort(function(a, b) {return a.order - b.order})
  2613.         var data = "<tbody>";
  2614.         $.each(bookmarks, function (key, bookmark) {
  2615.             data += '<tr data-bookmarkId="' + bookmark.id + '" data-order="' + bookmark.order + '"><td><a ' + (bookmark.newWindow ? 'target="_blank"' : "") + ' href="' + bookmark.url + '">' + bookmark.name + '</a>';
  2616.             data += '<a onclick="deleteBookmark(' + bookmark.id + ')" style="display:inline-block;float:right; opacity: 0.6;cursor: pointer;margin-right:5px">';
  2617.             data += '<span class="ui-icon ui-icon-trash"></span></a></td></tr>';
  2618.         })
  2619.  
  2620.         $("#BookmarkTable").prepend(data + '</tbody>');
  2621.         warlight_shared_viewmodels_WaitDialogVM.Stop()
  2622.         
  2623.         $(".loader").fadeOut("fast", function() {
  2624.             if($(".loader")) {
  2625.                 $(".loader").remove();
  2626.                 window.timeUserscriptReady = new Date().getTime();
  2627.                 log("Time userscript ready " + (timeUserscriptReady - timeUserscriptStart) / 1000)
  2628.             }
  2629.             
  2630.         })
  2631.     })
  2632.    
  2633.  
  2634. }
  2635.  
  2636. window.bookmarkOrder;
  2637. window.bookmarkId;
  2638. window.showAddBookmark = function () {
  2639.     showPopup("#bookmarkMenu")
  2640.     bookmarkId = undefined
  2641.     bookmarkOrder = undefined
  2642. }
  2643.  
  2644. window.editBookmark = function () {
  2645.     Database.read(Database.Table.Bookmarks, bookmarkId, function(bookmark) {
  2646.         $("#bookmarkURL").val(bookmark.url);
  2647.         $("#bookmarkName").val(bookmark.name);
  2648.         $("#bookmarkNewWindow").prop("checked", bookmark.newWindow);
  2649.         showPopup("#bookmarkMenu");
  2650.     })
  2651.    
  2652. }
  2653.  
  2654. window.moveBookmarkUp = function() {
  2655.     Database.readAll(Database.Table.Bookmarks, function(bookmarks) {
  2656.         var bookmark;
  2657.         var newIdx = -1
  2658.         $.each(bookmarks, function (key, bm) {
  2659.             if (bookmarkId == bm.id) {
  2660.                 bookmark = bm
  2661.             }
  2662.         })
  2663.         bookmarks.sort(function(a,b){return a.order - b.order});
  2664.         var previousBookmark1 = bookmarks[bookmarks.indexOf(bookmark) - 1]
  2665.         var previousBookmark2 = bookmarks[bookmarks.indexOf(bookmark) - 2] || {order: 0}
  2666.         if(previousBookmark1) {
  2667.             bookmark.order = (previousBookmark1.order + previousBookmark2.order) / 2
  2668.  
  2669.             Database.update(Database.Table.Bookmarks, bookmark, bookmark.id, function() {
  2670.                 $("#bookmarkURL").val('');
  2671.                 $("#bookmarkName").val('');
  2672.                 $("#bookmarkNewWindow").prop('checked', false);
  2673.                 $(".overlay").fadeOut();
  2674.                 refreshBookmarks();
  2675.             })
  2676.         } 
  2677.     })
  2678. }
  2679.  
  2680. window.moveBookmarkDown = function() {
  2681.         Database.readAll(Database.Table.Bookmarks, function(bookmarks) {
  2682.         var bookmark;
  2683.         var newIdx = -1
  2684.         $.each(bookmarks, function (key, bm) {
  2685.             if (bookmarkId == bm.id) {
  2686.                 bookmark = bm
  2687.             }
  2688.         })
  2689.         bookmarks.sort(function(a,b){return a.order - b.order});
  2690.         var nextBookmark1 = bookmarks[bookmarks.indexOf(bookmark) + 1]
  2691.         var nextBookmark2 = bookmarks[bookmarks.indexOf(bookmark) + 2] || {order: 100000}
  2692.         if(nextBookmark1) {
  2693.             bookmark.order = (nextBookmark1.order + nextBookmark2.order) / 2
  2694.             Database.update(Database.Table.Bookmarks, bookmark, bookmark.id, function() {
  2695.                 $("#bookmarkURL").val('');
  2696.                 $("#bookmarkName").val('');
  2697.                 $("#bookmarkNewWindow").prop('checked', false);
  2698.                 $(".overlay").fadeOut();
  2699.                 refreshBookmarks();
  2700.             })
  2701.         } 
  2702.     })
  2703. }
  2704.  
  2705.  
  2706. window.deleteBookmark = function (id) {
  2707.     Database.delete(Database.Table.Bookmarks, id, function() {
  2708.         refreshBookmarks();
  2709.     })
  2710. }
  2711.  
  2712. window.saveBookmark = function () {
  2713.     $("#bookmarkMenu").hide();
  2714.     var url = $("#bookmarkURL").val().trim();
  2715.     url = (url.lastIndexOf('http', 0) != 0) && (url.lastIndexOf('javascript', 0) != 0) ? "http://" + url : url;
  2716.     var name = $("#bookmarkName").val().trim();
  2717.     var newWindow = $("#bookmarkNewWindow").prop("checked");
  2718.     
  2719.     if(bookmarkId == undefined) {
  2720.         Database.readAll(Database.Table.Bookmarks, function(bookmarks) {
  2721.             bookmarks.sort(function(a, b) {return a.order - b.order})
  2722.             var bookmark = {
  2723.                 name: name, 
  2724.                 url: url, 
  2725.                 newWindow: newWindow, 
  2726.                 order: (bookmarks.length > 0) ? bookmarks[bookmarks.length - 1].order + 1 : 1
  2727.             }
  2728.             Database.add(Database.Table.Bookmarks, bookmark, function() {
  2729.                 showBookmarkTable();
  2730.                 refreshBookmarks();
  2731.             })         
  2732.         })
  2733.     } else {
  2734.        var bookmark = {
  2735.            name: name, 
  2736.            url: url, 
  2737.            newWindow: newWindow,
  2738.            order: bookmarkOrder
  2739.         }
  2740.         Database.update(Database.Table.Bookmarks, bookmark, bookmarkId, function() {
  2741.             showBookmarkTable();
  2742.             refreshBookmarks();
  2743.         })         
  2744.     }
  2745.         
  2746.     $("#bookmarkURL").val('');
  2747.     $("#bookmarkName").val('');
  2748.     $("#bookmarkNewWindow").prop('checked', false);
  2749.     $(".overlay").fadeOut();
  2750. }
  2751.  
  2752. function hideBookmarkTable() {
  2753.     $("#BookmarkTable").hide();
  2754.     if ($("#BookmarkTable").prev().hasClass("followWrap")) {
  2755.         $("#BookmarkTable").prev().hide();
  2756.     }
  2757.     if ($("#BookmarkTable").next().is('br')) {
  2758.         $("#BookmarkTable").next().hide();
  2759.     }
  2760. }
  2761.  
  2762. function showBookmarkTable() {
  2763.     $("#BookmarkTable").show();
  2764.     if ($("#BookmarkTable").prev().hasClass("followWrap")) {
  2765.         $("#BookmarkTable").prev().show();
  2766.     }
  2767.     if ($("#BookmarkTable").next().is('br')) {
  2768.         $("#BookmarkTable").next().show();
  2769.     }
  2770. }
  2771.  
  2772. window.bookmarkForumThread = function () {
  2773.     var title = $("title").text().replace(' - Play Risk Online Free - WarLight', '');
  2774.     var url = window.location.href;
  2775.  
  2776.     $("#bookmarkURL").val(url);
  2777.     $("#bookmarkName").val(title);
  2778.     showAddBookmark();
  2779.  
  2780. }
  2781. window.bookmarkTournament = function () {
  2782.     var title = $("#TournamentName").text().replace("Tournament: ", "").trim();
  2783.     var url = window.location.href;
  2784.  
  2785.     $("#bookmarkURL").val(url);
  2786.     $("#bookmarkName").val(title);
  2787.     showAddBookmark();
  2788.  
  2789. }
  2790.  
  2791. window.bookmarkLevel = function () {
  2792.     var title = $("h1").text()
  2793.     var url = window.location.href;
  2794.  
  2795.     $("#bookmarkURL").val(url);
  2796.     $("#bookmarkName").val(title);
  2797.     showAddBookmark();
  2798.  
  2799. }
  2800.  
  2801. function addDefaultBookmark() {
  2802.     var bookmark = {
  2803.         name: "Muli's userscript (Tidy up Your Dashboard)",
  2804.         url: "https://www.warlight.net/Forum/106092-tidy-up-dashboard-2",
  2805.         newWindow: false,
  2806.         order: 0
  2807.     }
  2808.     Database.add(Database.Table.Bookmarks, bookmark, function() {
  2809.         showBookmarkTable();
  2810.         refreshBookmarks();
  2811.     })
  2812. }
  2813.  
  2814. function setupTournamentDecline() {
  2815.     $.each($(".TournamentRow"), function(key, val) {
  2816.         //Waiting for accept / decline
  2817.         if($(val).find("[style='color: red']:not(.BootTimeLabel)").length > 0) {
  2818.             $(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>')
  2819.         }
  2820.     })
  2821.     
  2822.     $(".DeclineBtn").on("click", function(e) {
  2823.         var id = $(e.target).closest(".TournamentRow").attr("data-tournamentid")
  2824.         warlight_shared_messages_Message.DeclineTournamentAsync(null,
  2825.             warlight_shared_viewmodels_SignIn.Auth, id, null, function (b, c) {
  2826.                 warlight_shared_viewmodels_WaitDialogVM.Stop();
  2827.                 if (null != c && 129 != c.ErrorType) {
  2828.                     if (135 == c.ErrorType)  {
  2829.                         warlight_shared_viewmodels_AlertVM.DoPopup("The tournament has been deleted");
  2830.                     } else {
  2831.                         throw c;
  2832.                     }
  2833.                 }
  2834.                 var btn = $(e.target).closest(".DeclineBtn")
  2835.                 $(e.target).text("Declined")
  2836.                 btn.attr("disabled", true).addClass("ui-state-disabled");
  2837.                 btn.closest(".TournamentRow").find("[style='color:red']:not(.BootTimeLabel)").remove()
  2838.                 Database.update(Database.Table.TournamentData, {tournamentId: Number(id), value: false, name: false}, undefined, function() {
  2839.                 })
  2840.             }
  2841.         )
  2842.     })
  2843. }
  2844.  
  2845. function setupTournamentTableStyles() {
  2846.     createSelector("body", "overflow: hidden")
  2847.     $("#MyTournamentsTable").parent().css({
  2848.         "display"       : "block",
  2849.         "overflow-y"    : "scroll",
  2850.         "border-bottom" : "1px solid #444444",
  2851.         "border-top" : "1px solid #444444"
  2852.     })
  2853.     setTournamentTableHeight();
  2854. }
  2855.  
  2856. function updateCurrentTournamentData() {
  2857.     var tournament = WL_Tournament.Tourn
  2858.     var players = WL_Tournament.Players._players
  2859.     var name = WL_Tournament.Tourn.Settings.Name
  2860.     var id = tournament.ID
  2861.     try {
  2862.         Database.readIndex(Database.Table.TournamentData, Database.Row.TournamentData.Id, id, function(tourn) {
  2863.         if(tourn && tourn.value) {
  2864.             var details = getTournamentPlayerInfo(tournament, players, warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID)
  2865.             Database.update(Database.Table.TournamentData, {tournamentId: Number(id), value: details, name: name}, undefined, function() {
  2866.             })
  2867.         }
  2868.         })
  2869.     } catch(e) {
  2870.         log("Bad tournament")
  2871.         log(e)
  2872.     }    
  2873. }
  2874.  
  2875. function setDefaultElimnatedTournamentStatus() {
  2876.     ifSettingIsEnabled('hideEliminatedTournaments', function () {
  2877.         $('#hideElimnatedTournaments').prop('checked', true);
  2878.         hideElimatedTournaments();
  2879.     })
  2880. }
  2881.  
  2882. function setupTournamentDataCheck() {
  2883.     $("#MyTournamentsTable h2").after('<label id="showHideTournaments"><input id="hideElimnatedTournaments" type="checkbox" >Hide tournaments where I am eliminated</input></label>');
  2884.     $("#MyTournamentsTable h2").after('<button id="dataTournamanetButton" onclick="updateAllTournamentData()">Update data</button>');
  2885.     $("body").append("<div style='display:none'><div id='ShowAllBtn'></div><div id='PlayersContainer'></div></div>")
  2886.     $("#MyTournamentsTable thead td").attr("colspan", 3)
  2887.     $("#MyTournamentsTable tr:last td").attr("colspan", 3)
  2888.     addCSS(`
  2889.         #showHideTournaments, #dataTournamanetButton {
  2890.             float: right;
  2891.             margin: 0 10px;
  2892.         }
  2893.     `)
  2894.     
  2895.     
  2896.     
  2897.     
  2898.     
  2899.     $('#hideElimnatedTournaments').change(function(){
  2900.         var hideEliminatedTournaments = {
  2901.             name : "hideEliminatedTournaments",
  2902.             value : this.checked
  2903.         }
  2904.         Database.update(Database.Table.Settings, hideEliminatedTournaments, undefined, function () {})
  2905.         showHideEliminatedTournaments()
  2906.     });
  2907. }
  2908.  
  2909. function showHideEliminatedTournaments() {
  2910.     var hide = $("#hideElimnatedTournaments").prop("checked");
  2911.     if(hide) {
  2912.         hideElimatedTournaments();
  2913.     } else {
  2914.         showElimnatedTournaments();
  2915.     }
  2916. }
  2917.  
  2918. function updateAllTournamentData() {
  2919.     $.each($("#MyTournamentsTable [data-tournamentid]"), function(key, row) {
  2920.         if(!$(row).find("[style='color: red']:not(.BootTimeLabel)").length > 0) {
  2921.             var id = $(row).attr("data-tournamentid")
  2922.             Database.readIndex(Database.Table.TournamentData, Database.Row.TournamentData.Id, Number(id), function(tourn) {
  2923.                 if(!tourn) {
  2924.                     Database.update(Database.Table.TournamentData, {tournamentId: Number(id), value: "-", name: "-"}, undefined, function() {})
  2925.                     }
  2926.                 })
  2927.             }  
  2928.     })
  2929.     
  2930.      Database.readAll(Database.Table.TournamentData, function(tournamentDatas) {
  2931.         $.each(tournamentDatas, function(key, tournamentData) {
  2932.             if($(`[data-tournamentid='${tournamentData.tournamentId}']`).length) {
  2933.                 $(`[data-tournamentid='${tournamentData.tournamentId}']`).append(`<td class="tournamentData">${tournamentData.value ? tournamentData.value : "-"}</td>`)
  2934.             } else if(tournamentData.value && tournamentData.name) {
  2935.                 $("#MyTournamentsTable").prepend(`<tr class="TournamentRow" data-tournament="${tournamentData.tournamentId}"><td></td><td><a style="font-size: 17px; color: white" href="https://www.warlight.net/MultiPlayer/Tournament?ID=${tournamentData.tournamentId}"> ${tournamentData.name} (finished)</a></td><td><a><button style="width: 100px; height: 25px;" class="removeTournament ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"><span class="ui-button-text">Remove</span></button></a></td></tr>`);
  2936.             }
  2937.             
  2938.         })
  2939.         $(".removeTournament").on("click", function() {
  2940.             var row = $(this).closest("tr");
  2941.             var id = row.attr("data-tournament")
  2942.             Database.update(Database.Table.TournamentData, {tournamentId: Number(id), value: false, name: false}, undefined, function() {
  2943.                 row.remove();
  2944.             })
  2945.         })
  2946.          setDefaultElimnatedTournamentStatus();
  2947.     })
  2948. }
  2949.  
  2950. function showElimnatedTournaments() {
  2951.     $(".TournamentRow").show();
  2952.     updateTournamentCounter();
  2953. }
  2954.  
  2955. function hideElimatedTournaments () {
  2956.     $.each($("#MyTournamentsTable [data-tournamentid]"), function(key, row) {
  2957.         if($(row).find(".tournamentData").text().indexOf("None") != -1) {
  2958.             $(row).hide();
  2959.         }
  2960.     });
  2961.     updateTournamentCounter();
  2962. }
  2963.  
  2964. function updateTournamentCounter() {
  2965.     var total = $("#MyTournamentsTable .TournamentRow").length;
  2966.     var visible = $("#MyTournamentsTable .TournamentRow:visible").length;
  2967.     if(total > visible) {
  2968.         $("#MyTournamentsTable h2").text("My Tournaments (" + visible + "/" + total + ")")
  2969.     } else {
  2970.         $("#MyTournamentsTable h2").text("My Tournaments (" + total + ")")
  2971.     }
  2972.     
  2973.     
  2974. };
  2975. window.updateAllTournamentData = function() {
  2976.     addCSS(`
  2977.         .ui-progressbar {
  2978.             position: relative;
  2979.             width: 139px;
  2980.             height: 20px;
  2981.             float: right;
  2982.             margin-right: 15px;
  2983.         }
  2984.         .progress-label {
  2985.             position: absolute;
  2986.             top: 2px;
  2987.             width: 139px;
  2988.             text-align: center;
  2989.         }
  2990.     `)
  2991.     $("#dataTournamanetButton").replaceWith('<div id="progressbar"><div class="progress-label"></div></div>')
  2992.     
  2993.     var progressbar = $( "#progressbar" );
  2994.     var progressLabel = $( ".progress-label" );
  2995.     var numOfMyTournaments = $("#MyTournamentsTable [data-tournamentid]").length;
  2996.     progressbar.progressbar({
  2997.       value: false,
  2998.       change: function() {
  2999.         progressLabel.text( `${Math.round(progressbar.progressbar("value") * numOfMyTournaments / 100, 0)} / ${$("#MyTournamentsTable [data-tournamentid]").length}` );
  3000.       },
  3001.       complete: function() {
  3002.         progressLabel.text( "Done!" );
  3003.       }
  3004.     });
  3005.  
  3006.     $.each($("#MyTournamentsTable [data-tournamentid]"), function(key, row){
  3007.         var id = $(row).attr("data-tournamentid")
  3008.         loadTournamentDetails(id, function() {
  3009.             progressTournamentData(progressbar, numOfMyTournaments)
  3010.             showHideEliminatedTournaments()
  3011.             updateTournamentCounter();
  3012.         })
  3013.     }) 
  3014. }
  3015.  
  3016. function progressTournamentData(progressbar, max) {
  3017.       var val = progressbar.progressbar("value") || 0;
  3018.       progressbar.progressbar("value", val +  100 / max +0.001);
  3019.  
  3020.     }
  3021.  
  3022. function loadTournamentDetails(id, cb) {
  3023.     $(".tournamentData").remove();
  3024.     warlight_shared_messages_Message.GetTournamentDetailsAsync(null, warlight_shared_viewmodels_SignIn.Auth, id, new system_Nullable_$Float(999999999), null, function(a,b,c){
  3025.         var tournament = c["Tournament"]
  3026.         var name = tournament.Settings.Name
  3027.         var players = new wljs_multiplayer_tournaments_display_Players(tournament)["_players"];
  3028.         var details = getTournamentPlayerInfo(tournament, players, warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID)
  3029.         $(`[data-tournamentid='${id}']`).append(`<td class="tournamentData">${details}</td>`)
  3030.         Database.update(Database.Table.TournamentData, {tournamentId: Number(id), value: details, name: name}, undefined, function() {
  3031.         })
  3032.         
  3033.         if(cb) {
  3034.             cb();
  3035.         }
  3036.  
  3037.     })   
  3038. }
  3039.  
  3040. window.getTournamentPlayerInfo = function(tournament, players, id) {
  3041.     var playerInfo = players["store"]["h"][id]
  3042.     var playing = playerInfo.NumInProgress 
  3043.     var won = playerInfo.NumWins 
  3044.     var lost = playerInfo.NumLosses 
  3045.     var myGames = playing + won + lost
  3046.     var allowVacations = tournament.Settings.AllowVacations
  3047.     // 0 -> Single Elimination, 1 -> Double Elimination, 2 -> Robin Round
  3048.     var tournamentType = tournament.Type
  3049.     var myMaxGames;
  3050.     var tournamentTotalGames;
  3051.     var tournamentGamesStarted = tournament.Games.length
  3052.     var teamsPerGame = tournament.TeamsPerGame.val;
  3053.     
  3054.     var joker = 0;
  3055.     if(tournamentType == 0) {
  3056.         tournamentTotalGames = (Math.pow(teamsPerGame,tournament.NumberOfRoundsOrNumberOfTeams)-1)/(teamsPerGame-1);
  3057.         if(lost == 1) {
  3058.             myMaxGames = undefined;
  3059.         } else {
  3060.             myMaxGames = [0, tournament.NumberOfRoundsOrNumberOfTeams]
  3061.         }
  3062.         
  3063.     } else if(tournamentType == 1) {
  3064.         tournamentTotalGames = 2*Math.pow(2, tournament.NumberOfRoundsOrNumberOfTeams)-1 ;
  3065.         
  3066.         if(lost == 0) {
  3067.             joker = 1;
  3068.         }
  3069.         if(lost == 2) {
  3070.             myMaxGames = undefined;
  3071.         } else {
  3072.             myMaxGames = [0, tournament.NumberOfRoundsOrNumberOfTeams * 2]
  3073.         }
  3074.     } else if(tournamentType == 2) {
  3075.         joker = 0;
  3076.         var count = 0;
  3077.         $.each(players.store.h, function(index, player) {
  3078.            if(player.TP.State == 1) {
  3079.                count++
  3080.            }
  3081.         }); 
  3082.         myMaxGames = count / tournament.TeamSize - 1
  3083.         tournamentTotalGames = (myMaxGames * myMaxGames +myMaxGames ) / 2
  3084.     } else {
  3085.         myMaxGames = undefined;
  3086.         tournamentTotalGames = undefined;
  3087.     }
  3088.     var details;
  3089.     if(myMaxGames == undefined) {
  3090.         details = `
  3091.             <font color="#858585">Won:</font> ${won}  <br>
  3092.             <font color="#858585">Lost:</font> ${lost}  <br>
  3093.             <font color="#858585">Games left:</font> None  <br>
  3094.             <font color="#858585">Progress: </font>${getTournamentProgress(tournamentGamesStarted, tournamentTotalGames)} <br>`
  3095.         
  3096.     } else if(tournamentGamesStarted == 0) {
  3097.         details = `
  3098.             <font color="#858585">Games left:</font> ${getGamesLeftString(myGames, myMaxGames, playing, joker)}  <br>
  3099.             <font color="#858585">Progress: </font>Not started`
  3100.     } else {
  3101.         details = `
  3102.             <font color="#858585">Playing:</font> ${playing}  <br>
  3103.             <font color="#858585">Won:</font> ${won}  <br>
  3104.             <font color="#858585">Lost:</font> ${lost}  <br>
  3105.             <font color="#858585">Games left:</font> ${getGamesLeftString(myGames, myMaxGames, playing, joker)}  <br>
  3106.             <font color="#858585">Progress: </font>${getTournamentProgress(tournamentGamesStarted, tournamentTotalGames)} <br>`
  3107.     }
  3108.     log(details)
  3109.     return details;
  3110. }
  3111.  
  3112. function getTournamentProgress(tournamentGamesStarted, tournamentTotalGames) {
  3113.     var progress = Math.round(tournamentGamesStarted / tournamentTotalGames * 100,0)
  3114.     if(progress == 100) {
  3115.         return "Almost done"
  3116.     } else {
  3117.         return progress + "%"
  3118.     }
  3119. }
  3120.  
  3121. function getGamesLeftString(myGames, myMaxGames, playing, joker) {
  3122.     if (typeof myMaxGames == "number") {
  3123.         return (myMaxGames - myGames == 0 ? "None" : (myMaxGames - myGames))
  3124.     } else if(typeof myMaxGames == "object") {
  3125.             if(playing == 1) {
  3126.                 if(myMaxGames[1]-myGames == 0) {
  3127.                     return "None"
  3128.                 } else {
  3129.                     return (Math.max(joker, myMaxGames[0]-myGames)) + " - " + (myMaxGames[1]-myGames)
  3130.                 }
  3131.                 
  3132.             } else {
  3133.                 return (Math.max(joker + 1, myMaxGames[0]-myGames)) + " - " + (myMaxGames[1]-myGames)
  3134.             }
  3135.         
  3136.     } else {
  3137.         return "undefined"
  3138.     }
  3139. }
  3140.  
  3141. function setTournamentTableHeight() {
  3142.     $("#MyTournamentsTable").parent().height(window.innerHeight - 100);
  3143. }
  3144.  
  3145. window.findMeIndex = -1;
  3146. window.findNextInTournament = function() {
  3147.     var boxes = getPlayerBoxes();
  3148.     var max = boxes.length - 1;
  3149.     findMeIndex = findMeIndex == max ? 0 : findMeIndex + 1;
  3150.     panzoomMatrix = undefined;
  3151.     findInTournament();
  3152. }
  3153.  
  3154. function setupPlayerDataTable() {
  3155.     var dataTable = $$$("#PlayersContainer > table").DataTable({
  3156.         "order": [],
  3157.         paging: false,
  3158.         sDom: 't',
  3159.         columnDefs: [ {
  3160.             targets: [ 0 ],
  3161.             orderData: [ 0, 3 ]
  3162.         },{
  3163.             targets: [ 1 ],
  3164.             orderData: [ 1, 0 ]
  3165.         },{
  3166.             targets: [ 2 ],
  3167.             orderData: [ 2, 1, 0 ],
  3168.             type: "rank"
  3169.         },{
  3170.             targets: [ 3 ],
  3171.             orderData: [ 3, 1, 0 ]
  3172.         },{
  3173.             targets: [ 4 ],
  3174.             orderData: [ 4, 1, 0 ]
  3175.         },{
  3176.             targets: [ 5 ],
  3177.             orderData: [ 5, 1, 0 ]
  3178.         } ], 
  3179.         "aoColumns": [
  3180.             { "orderSequence": [ "asc", "desc" ] },
  3181.             { "orderSequence": [ "asc", "desc" ] },
  3182.             { "orderSequence": [ "asc", "desc" ] },
  3183.             { "orderSequence": [ "desc", "asc" ] },
  3184.             { "orderSequence": [ "desc", "asc" ] },
  3185.             { "orderSequence": [ "desc", "asc" ] },
  3186.         ]
  3187.     });
  3188.     
  3189.    loadDataTableCSS();
  3190. }
  3191.  
  3192. function setupCommonGamesDataTable() {
  3193.     var $$$$$ = jQuery.noConflict(true);
  3194.     var dataTable = $$$("#MainSiteContent > table").DataTable({
  3195.         "order": [],
  3196.         paging: false,
  3197.         sDom: 't',
  3198.         columnDefs: [ {
  3199.             targets: [ 0 ],
  3200.             orderData: [ 0, 3 ]
  3201.         },{
  3202.             targets: [ 1 ],
  3203.             orderData: [ 1, 2, 3, 0 ]
  3204.         },{
  3205.             targets: [ 2 ],
  3206.             orderData: [ 2, 3, 0 ]
  3207.         },{
  3208.             targets: [ 3 ],
  3209.             orderData: [ 3, 2, 0 ]
  3210.         } ], 
  3211.         "aoColumns": [
  3212.             { "orderSequence": [ "asc", "desc" ] },
  3213.             { "orderSequence": [ "asc", "desc" ] },
  3214.             { "orderSequence": [ "asc", "desc" ] },
  3215.             { "orderSequence": [ "asc", "desc" ] },
  3216.         ]
  3217.     });
  3218.     
  3219.     loadDataTableCSS();
  3220. }
  3221.  
  3222. window.setCurrentplayer = function (player, noSearch) {
  3223.     window.currentPlayer = {
  3224.         id: player.id,
  3225.         name: player.name,
  3226.         fullID: player.fullID,
  3227.         team: player.team
  3228.     };
  3229.     $("#selectContainer").toggle(100);
  3230.     $("#activePlayer").html(htmlEscape(player.name == self.name ? "Me" : player.name));
  3231.     $("#playerSelectInput").val("");
  3232.     panzoomMatrix = undefined;
  3233.     findMeIndex = 0;
  3234.     $(".gold").removeClass("gold")
  3235.     $("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").addClass("gold")
  3236.     $("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "'] a").addClass("gold")
  3237.     
  3238.     
  3239.     if(window.WL_Tournament.Tourn.Type == 2 ) { //Robin Round
  3240.         $(".TeamTip_" + (window.currentPlayer.team == "" ? window.currentPlayer.id : window.currentPlayer.team.replace("Team ", "").charCodeAt(0)-65)).addClass("gold")
  3241.     } else { //Elimination Tournament
  3242.         getPlayerBoxes().find("a").addClass("gold")
  3243.     }
  3244.     if(noSearch != true) {
  3245.         window.findInTournament();
  3246.     }
  3247.  
  3248. }
  3249.  
  3250. function setupTournamentFindMe() {
  3251.     $("body").keyup(function (event) {
  3252.         // "Left" is pressed
  3253.         var boxes = getPlayerBoxes();
  3254.         var max = boxes.length - 1;
  3255.         if(event.which == 37) {
  3256.             findMeIndex = findMeIndex == 0 ? max : findMeIndex - 1;
  3257.             panzoomMatrix = undefined;
  3258.             findInTournament();
  3259.         } 
  3260.         // "Right" is pressed
  3261.         else if(event.which == 39) {
  3262.             findMeIndex = findMeIndex == max ? 0 : findMeIndex + 1;
  3263.             panzoomMatrix = undefined;
  3264.             findInTournament();
  3265.         }
  3266.         // "Home" is pressed
  3267.         else if(event.which == 36) {
  3268.             findMeIndex = 0;
  3269.             panzoomMatrix = undefined;
  3270.             findInTournament();
  3271.         }
  3272.         // "End" is pressed
  3273.         else if(event.which == 35) {
  3274.             findMeIndex = boxes.length - 1;
  3275.             panzoomMatrix = undefined;
  3276.             findInTournament();
  3277.         }
  3278.     });
  3279.     window.players = []
  3280.     $("[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>');
  3281.     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')
  3282.     createSelector('#findMe', 'border: 1px solid #666666;border-bottom-width: 0')
  3283.  
  3284.     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;}'
  3285.     addCSS(css)
  3286.     
  3287.  
  3288.  
  3289.     $("#findMe").append('<div id="selectContainer"><div id="playerSelectInputContainer"><input placeholder="Search a Player" type="text" id="playerSelectInput"></input></div><div id="playerContainer"></div></div>');
  3290.         self = {
  3291.             id: warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID,
  3292.             name: warlight_shared_viewmodels_SignIn.get_CurrentPlayer().Name,
  3293.             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),
  3294.             team: $("[data-playerid='" + warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID + "'] td:nth-of-type(2)").text()
  3295.         };
  3296.         window.setCurrentplayer(self, true);
  3297.         $.each($("#PlayingPlayers tr"), function (key, playerRow) {
  3298.             var id = $(playerRow).attr("data-playerid");
  3299.             var fullID = $(playerRow).find("a").get($(playerRow).find("a").length - 1).href.replace(/.*warlight.net\/Profile\?p=/, "");
  3300.             var name = $(playerRow).find("td a").text();
  3301.             var img = $(playerRow).find("td img").attr("src");
  3302.             var team = $("[data-playerid='" + id + "'] td:nth-of-type(2)").text();
  3303.             if (img && img.indexOf("MemberIcon") > -1) {
  3304.                 img = "";
  3305.             }
  3306.             window.players.push({
  3307.                 id: id,
  3308.                 fullID: fullID,
  3309.                 name: name,
  3310.                 img: img,
  3311.                 team: team
  3312.             });
  3313.         });
  3314.  
  3315.         $("#playerSelectInput").on('input', function (data) {
  3316.             $(".playerElement").remove();
  3317.             var search = $(this).val().toLowerCase();
  3318.             $("#playerContainer").append("<div class='playerElement' onclick='setCurrentplayer(self)'>" + self.name + " (Me)</div>")
  3319.             $.each(window.players, function (key, player) {
  3320.                 if (player.name.toLowerCase().indexOf(search) > -1 && self.name != player.name) {
  3321.                     var img = player.img ? "<img src='" + player.img + "'>" : "";
  3322.                     $("#playerContainer").append("<div onclick='setCurrentplayer(players[" + key + "])' class='playerElement'>" + img + "<span>" + htmlEscape(player.name) + "</span>" + "</div>")
  3323.                 }
  3324.             });
  3325.  
  3326.             $("#activePlayer").html(window.currentPlayer.name == self.name ? "Me" : window.currentPlayer.name);
  3327.             $("#playerContainer").scrollTop(0)
  3328.  
  3329.         });
  3330.         $("#playerSelectInput").trigger("input");
  3331.  
  3332.         $("#showPlayerSelect").on("click", function () {
  3333.             $("#selectContainer").toggle(100);
  3334.             $("#playerContainer").scrollTop(0);
  3335.             $("#playerSelectInput").trigger("input");
  3336.             $("#playerSelectInput").focus();
  3337.         });
  3338.     
  3339.     createSelector("#playerSelectInputContainer", "height: 28px; ");
  3340.     createSelector(".border-red", "border: 3px red solid !important; ");
  3341.     createSelector(".playerElement span, .playerElement img", "display:inline-block; margin-right: 10px");
  3342.     createSelector("#showPlayerSelect", "color: #DDDDDD;font-size: 14px;margin: 5px 5px 0 -3px;cursor: pointer; display: inline-block;margin-right: 10px;");
  3343.     createSelector("#playerSelectInput", "display: block;margin: 5px 3%;width: 93%;");
  3344.     createSelector("#activePlayer", "cursor:pointer");
  3345.     createSelector(".playerElement", "border-bottom: 1px gray solid;padding: 7px;color: white; clear:both; height: 14px; font-weight: normal;");
  3346.     createSelector(".playerElement:hover", "background: rgb(102, 102, 102);");
  3347.     createSelector("#playerContainer", "border: 2px gray solid; overflow-y: auto; overflow-x: hidden;max-height: 275px; min-width: 175px; ");
  3348.     createSelector(".gold", "color: gold")
  3349.     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");
  3350. }
  3351.  
  3352.  
  3353. window.panzoomMatrix;
  3354. window.findInTournament = function () {
  3355.     var id;
  3356.     $("#selectContainer").hide(100);
  3357.     if ($("[href='#PlayersTab']").parent().hasClass("ui-state-active")) {
  3358.         id = window.currentPlayer.id;
  3359.         if ($("#PlayingPlayers [data-playerid='" + id + "']").length > 0) {
  3360.             var player = $("#PlayingPlayers [data-playerid='" + id + "']");
  3361.             var box = $("#CenterTabs").parent()
  3362.             var offset = player.offset().top - box.offset().top - box.height() / 2
  3363.  
  3364.             box.stop().animate({
  3365.                 scrollTop: offset
  3366.             }, '500', 'swing');
  3367.  
  3368.             window.setTimeout(function () {
  3369.                 $("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").addClass("pulsate");
  3370.                 window.setTimeout(function () {
  3371.                     $(".pulsate").removeClass("pulsate");
  3372.                 }, 1000);
  3373.             }, 250);
  3374.         } else {
  3375.             showInfo("You didn't join this tournament.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  3376.         }
  3377.  
  3378.         // Elimination Tournament
  3379.     } else if ($("[href='#BracketTab']").parent().hasClass("ui-state-active") && window.WL_Tournament.Tourn.Type != 2) {
  3380.         id = window.currentPlayer.fullID;
  3381.         //Started
  3382.         if (window.WL_Tournament.Tourn.State >= 1 && $("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").length > 0) {
  3383.  
  3384.             if (!panzoomMatrix) {
  3385.                 var currentMatrix = $("#Visualize").panzoom("getMatrix");
  3386.                 $("#Visualize").panzoom("reset", {
  3387.                     animate: false
  3388.                 });
  3389.  
  3390.                 VisualizePanzoom.panzoom("zoom", {
  3391.                     increment: 0.75,
  3392.                     animate: false
  3393.                 })
  3394.                
  3395.                 var boxes = getPlayerBoxes();
  3396.                 
  3397.                 $(".TeamBoxHighlighted").removeClass("TeamBoxHighlighted");
  3398.                 boxes.addClass("TeamBoxHighlighted");
  3399.                 var offsetTop = $(boxes.get(findMeIndex)).offset().top - $("#VisualizeContainer").offset().top - $("#VisualizeContainer").height() / 4;
  3400.                 var offsetLeft = $(boxes.get(findMeIndex)).offset().left - $("#VisualizeContainer").offset().left - $("#VisualizeContainer").width() / 2;
  3401.  
  3402.                 $(".border-red").removeClass("border-red");
  3403.                 $(boxes.get(findMeIndex)).addClass("border-red");
  3404.                 
  3405.                 $("#Visualize").panzoom("pan", 0 - offsetLeft, 100 - offsetTop, {
  3406.                     relative: true,
  3407.                     animate: false
  3408.                 });
  3409.  
  3410.                 panzoomMatrix = $("#Visualize").panzoom("getMatrix");
  3411.                 $("#Visualize").panzoom("setMatrix", currentMatrix, {
  3412.                     animate: false
  3413.                 });
  3414.             }
  3415.  
  3416.             window.setTimeout(function () {
  3417.                 $("#Visualize").panzoom("setMatrix", panzoomMatrix, {
  3418.                     animate: true
  3419.                 })
  3420.                 window.setTimeout(function () {
  3421.                     //getPlayerBoxes().addClass("pulsate-border");
  3422.                     window.setTimeout(function() {
  3423.                          $(".pulsate-border").removeClass("pulsate-border");
  3424.                     }, 2000)
  3425.                 }, 400);
  3426.             }, 10)
  3427.  
  3428.         } else {
  3429.             showFindMeError();
  3430.         }
  3431.         // Robin Round Tournament
  3432.     } else if ($("[href='#BracketTab']").parent().hasClass("ui-state-active") && window.WL_Tournament.Tourn.Type == 2) {
  3433.         
  3434.         //Started
  3435.         if ($("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").length > 0) {
  3436.             $(".TeamTip_" + (window.WL_Tournament.Tourn.TeamSize == 1 ? window.currentPlayer.id : window.currentPlayer.team.replace("Team ", "").charCodeAt(0)-65)).addClass("pulsate")
  3437.             window.setTimeout(function() {
  3438.                 $(".pulsate").removeClass("pulsate")                    
  3439.             }, 2000)
  3440.         } else {
  3441.             showFindMeError()
  3442.         }
  3443.         
  3444.         
  3445.     }
  3446. }
  3447.  
  3448. function showFindMeError() {
  3449.     if ($("#PlayingPlayers [data-playerid='" + window.currentPlayer.id + "']").length == 0) {
  3450.         showInfo("You didn't join this tournament.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  3451.  
  3452.     } else {
  3453.         showInfo("This tournament didn't start yet.", $("#findMe").offset().top + 25, $("#findMe").offset().left + 25);
  3454.  
  3455.     }
  3456. }
  3457.  
  3458. function getPlayerBoxes() {
  3459.     var boxes = $(".GameBox [href='/Profile?p=" + window.currentPlayer.fullID + "']").closest(".TeamBox");
  3460.     if(boxes.length == 0) {
  3461.         boxes = $("[title='" + window.currentPlayer.team + "']").closest(".TeamBox");
  3462.     }
  3463.     
  3464.     return boxes;
  3465.     
  3466. }
  3467.  
  3468. function htmlEscape(str) {
  3469.     return String(str)
  3470.         .replace(/&/g, '&amp;')
  3471.         .replace(/"/g, '&quot;')
  3472.         .replace(/'/g, '&#39;')
  3473.         .replace(/</g, '&lt;')
  3474.         .replace(/>/g, '&gt;');
  3475. }
  3476.  
  3477. function bindBookmarkTable() {
  3478.     $("#BookmarkTable").bind("contextmenu", function (event) {
  3479.         $(".highlightedBookmark").removeClass("highlightedBookmark")
  3480.         var row = $(event.target).closest("tr");
  3481.         
  3482.         
  3483.         bookmarkId = row.attr("data-bookmarkid")
  3484.         bookmarkOrder = row.attr("data-order")
  3485.         
  3486.         if(bookmarkId && bookmarkOrder) {
  3487.             event.preventDefault();
  3488.             row.addClass("highlightedBookmark")
  3489.             // Show contextmenu
  3490.             $(".bookmark-context").finish().toggle(100).
  3491.             css({
  3492.                 top: event.pageY + "px",
  3493.                 left: event.pageX + "px"
  3494.             });
  3495.         }
  3496.         
  3497.     });
  3498. }
  3499.  
  3500.  
  3501.  
  3502. function bindCustomContextMenu() {
  3503.     // If the document is clicked somewhere
  3504.     $(document).bind("mousedown", function (e) {
  3505.  
  3506.         // If the clicked element is not the menu
  3507.         if (!$(e.target).parents(".context-menu").length > 0) {
  3508.  
  3509.             // Hide it
  3510.             $(".context-menu").hide(100);
  3511.             $(".highlightedBookmark").removeClass("highlightedBookmark")
  3512.         }
  3513.     });
  3514.  
  3515.  
  3516.     // If the menu element is clicked
  3517.     $(".context-menu li").click(function(){
  3518.  
  3519.         // This is the triggered action name
  3520.         switch($(this).attr("data-action")) {
  3521.  
  3522.             // A case for each action. Your actions here
  3523.             case "first": alert("first"); break;
  3524.             case "second": alert("second"); break;
  3525.             case "third": alert("third"); break;
  3526.         }
  3527.  
  3528.         // Hide it AFTER the action was triggered
  3529.         $(".context-menu").hide(100);
  3530.     });
  3531.  
  3532. }
  3533.  
  3534.  
  3535.  
  3536. function setupRealTimeLadderTable() {
  3537.     if($("#RealTimeLadderTable").length == 0) {
  3538.         return;
  3539.     }
  3540.     
  3541.     if( $(".extendedRTLadderRow").length == 0) {
  3542.         createSelector(".extendedRTLadderRow .rtBox", "width: calc(100%/2);");
  3543.         createSelector(".extendedRTLadderRow span", "");
  3544.         createSelector(".rtLeft", "float:left");
  3545.         createSelector(".rtRight", "float:Right");
  3546.         createSelector(".rtRight a", "    padding: 10px 30px;position: absolute;margin-left: -75px;");
  3547.         createSelector(".newGamesRT", "display:block");
  3548.         createSelector(".rtLabelBig", "font-size: 18px; margin: 5px"); 
  3549.     }
  3550.     var joinLeaveText = $(".rtRight a").text()
  3551.     var joinLeaveLink = $(".rtRight a").attr("href")
  3552.     $(".extendedRTLadderRow").remove();
  3553.     $("#RealTimeLadderTable").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="' + joinLeaveLink + '" class="rtLabelBig">' + joinLeaveText + '</a></div></td></tr>')
  3554.     $("[href='/LadderSeason?ID=3']").text("Ladder Page")
  3555.     
  3556.     WLPost("/LadderSeason?ID=3", "WaiterData=1", function(data) {     
  3557.         if(JSON.parse(data).length > 0) {
  3558.             $(".rtRight a").attr("href", "https://www.warlight.net/LadderLeave?Ladder=RealTime")
  3559.             $(".rtRight a").text("Leave!")
  3560.         } else {
  3561.             $(".rtRight a").attr("href", "https://www.warlight.net/LadderJoin?Ladder=RealTime")
  3562.             $(".rtRight a").text("Join!")
  3563.         }
  3564.     });
  3565.     
  3566.     setRTLadderTime() 
  3567. }
  3568.  
  3569. function setupRealTimeLadderPageTimer() {
  3570.     $("#LadderJoinBtn").after("<div>New Games in " + getRealTimeLadderTimerHTML() +"</div>")
  3571.     $("#LeaveLadderBtn").after("<div>New Games in " + getRealTimeLadderTimerHTML() +"</div>")
  3572.     setRTLadderTime()
  3573. }
  3574.  
  3575. function getRealTimeLadderTimerHTML() {
  3576.     return '<span class="rtMin">00</span>:<span class="rtSec">00</span></div></div><div class="rtRight rtBox">'
  3577. }
  3578.  
  3579.  
  3580. function setRTLadderTime() {
  3581.     var date = new Date()
  3582.     date.setMinutes(Math.ceil((new Date().getMinutes() + date.getSeconds() / 60) / 5) * 5)
  3583.     date.setSeconds(0)
  3584.     
  3585.     var diff = (date - new Date()) / 1000
  3586.     var min = Math.floor(diff / 60) % 60
  3587.     diff -= min * 60
  3588.     var sec = diff % 60
  3589.     $(".rtMin").text(padLeft(min))
  3590.     $(".rtSec").text(padLeft(sec))
  3591. }
  3592.  
  3593. function padLeft(str) {
  3594.     str = Math.round(str)
  3595.     len = 2
  3596.     symbol = '0'
  3597.      while(String(str).length < len) {
  3598.         str = symbol + str;
  3599.     }
  3600.     return str
  3601. }
  3602.  
  3603. function setupLeagueTable() {
  3604.     if($("#LeagueTable").length == 0) {
  3605.         $(".SideColumn").append('<table class="dataTable" cellspacing="0" width="100%" id="LeagueTable" style="text-align: left"><thead><tr><td style="text-align: center">Community Events</td></tr></thead><tbody></tbody></table>')
  3606.     }
  3607.     parseLeagueTable() 
  3608.     loadClots()
  3609.     createSelector(".clotLabel", "display: inline-block; width: 70px")
  3610.     createSelector(".clotPlayers", "display: inline-block; margin-left: 5px; color:gray; ")
  3611.     
  3612. }
  3613.  
  3614. function setupLadderClotOverview() {
  3615.     $("h1").text($("h1").text() + " & Community Events")
  3616.     var clotInfo = getClots()
  3617.     if(!clotInfo) {
  3618.         return
  3619.     }
  3620.     var clots = clotInfo
  3621.    
  3622.     var ladders = clots['leagues']
  3623.     var md = ""
  3624.     var rt = ""
  3625.     var leagues = ""
  3626.     var counter = 0
  3627.     $.each(ladders, function (key, val) {
  3628.         if (val.type == "realtime") {
  3629.             rt += "<li><big><a target='_blank' href=" + val.url + ">" + val.name + "</a> using Real-Time boot times</big></li><br><br>"
  3630.             counter++
  3631.         } else if (val.type == "multiday") {
  3632.             md += "<li><big><a target='_blank' href = " + val.url + ">" + val.name + "</a> using Multi-Day boot times</big></li><br><br>"
  3633.             counter++
  3634.         } else {
  3635.              leagues += `<li><big><a target='_blank' href="${val.url}">${val.name}</a> ${getPlayerString(val.players)}</big></li><br><br>`
  3636.              counter++
  3637.         }
  3638.         
  3639.     })
  3640.     $("#MainSiteContent > div").append("Warlight currently has " + toWords(counter) + " Community Events:<br><br>")
  3641.     
  3642.     $("#MainSiteContent > div").append("<ul id='clotInfo'></ul>")
  3643.     $("#clotInfo").append(rt)
  3644.     $("#clotInfo").append(md)
  3645.     $("#clotInfo").append(leagues)
  3646. }
  3647.  
  3648. function parseLeagueTable() {        
  3649.     try {
  3650.         var clotInfo = getClots()
  3651.         if(!clotInfo) {
  3652.             return
  3653.         }
  3654.         var ladders = clots['leagues']
  3655.         var md = ""
  3656.         var rt = ""
  3657.         var leagues = ""
  3658.         $.each(ladders, function (key, val) {
  3659.             if (val.type == "realtime") {
  3660.                 rt += `<tr><td><a target='_blank' href="${val.url}">${val.name} (RT)</a> ${getPlayerString(val.players)}</td></tr>`
  3661.             } else if (val.type == "multiday") {
  3662.                 md += `<tr><td><a target='_blank' href="${val.url}">${val.name} (MD)</a>${getPlayerString(val.players)}</td></tr>`
  3663.             } else {
  3664.                  leagues += `<tr><td><a target='_blank' href="${val.url}">${val.name}</a>${getPlayerString(val.players)}</td></tr>`
  3665.             }
  3666.         })
  3667.         $("#LeagueTable tbody tr").remove()
  3668.         $("#LeagueTable tbody").append(leagues)
  3669.         $("#LeagueTable tbody").append(md)
  3670.         $("#LeagueTable tbody").append(rt)
  3671.         $(window).trigger('resize');
  3672.     } catch (e) {
  3673.         log("Error reading CLOTs")
  3674.         log(e.message)
  3675.         hideTable("#LeagueTable")
  3676.     }
  3677. }
  3678.  
  3679. function getPlayerString(players) {
  3680.     if(players) {
  3681.         return `<span class='clotPlayers'>${players} players participating</span>`
  3682.     }
  3683.     return ""
  3684. }
  3685.  
  3686. function getClots() {
  3687.     try {
  3688.         return clots = $.parseJSON(sessionStorage.getItem('clots'))
  3689.     } catch (e) {
  3690.         log("Error reading CLOTs")
  3691.         log(e.message)
  3692.         hideTable("#LeagueTable")
  3693.     }        
  3694.     return undefined
  3695. }
  3696.  
  3697. function loadClots() {
  3698.     $.ajax({
  3699.         type: 'GET',
  3700.         //url: 'https://php-psenough.rhcloud.com/hub/list.php',
  3701.         //url: 'https://w115l144.hoststar.ch/test.php',
  3702.         url: 'https://php-psenough.rhcloud.com/hub/list_jsonp.php',
  3703.         dataType: 'jsonp',
  3704.         crossDomain: true,
  3705.     }).done(function(response){
  3706.         try {
  3707.             var json = response.data
  3708.             sessionStorage.setItem('clots', JSON.stringify(json));
  3709.             parseLeagueTable()
  3710.             var datetime = json.datetime
  3711.             log("clot update " + datetime)
  3712.              
  3713.         } catch (e) {
  3714.             log("Error parsing CLOTs")
  3715.             log(e)
  3716.         }
  3717.     }).fail(function(e){
  3718.         log("Error loading CLOTs")
  3719.         log(e);
  3720.     });
  3721. }
  3722.  
  3723.  
  3724.                       
  3725. function isJson(str) {
  3726.     try {
  3727.         JSON.parse(str);
  3728.     } catch (e) {
  3729.         log(e)
  3730.         return false;
  3731.     }
  3732.     return true;
  3733. }
  3734.  
  3735.  
  3736. function setupRightColumn(isInit) {
  3737.     if(isInit) {
  3738.         createSelector(".SideColumn > table", "margin-bottom: 17px;")
  3739.     }
  3740.     
  3741.     //Bookmarks
  3742.     if(isInit) {
  3743.         setupBookmarkTable()
  3744.     } else {
  3745.         refreshBookmarks()
  3746.     }
  3747.     
  3748.     //Tournament
  3749.     // #MyTournamentsTable
  3750.     
  3751.     //Clots
  3752.     setupLeagueTable()
  3753.     
  3754.     //RT Ladder
  3755.     setupRealTimeLadderTable()
  3756.     
  3757.     //Map of the Week
  3758.     
  3759.     //Forum Posts
  3760. //     hideBlacklistedThreads()
  3761.     
  3762.     //Blog Posts
  3763.     
  3764.     //Coin Leaderboard
  3765.     
  3766.     sortRightColumnTables(function() {
  3767.         if(isInit) {
  3768.             ifSettingIsEnabled('scrollGames', function() {
  3769.                 setupFixedTitlesInSideColumn();
  3770.             })
  3771.         }
  3772.     })
  3773.     
  3774.     
  3775. }
  3776.  
  3777. function sortRightColumnTables(callback) {
  3778.     var sideColumn = $(".SideColumn")
  3779.     getSortTables(function(tables) {
  3780.         $.each(tables, function(key, table) {
  3781.             if(table.hidden == true) {
  3782.                 hideTable(table.id)
  3783.             } else {
  3784.                 var table = $(table.id)
  3785.                 if(table.prev().hasClass("followWrap")) {
  3786.                      var wrap = table.prev().remove()
  3787.                      sideColumn.append(wrap)
  3788.                 }
  3789.                 table = table.detach()
  3790.                 sideColumn.append(table)
  3791.             }
  3792.         })
  3793.  
  3794.         $(".SideColumn > br").remove()
  3795.         callback();
  3796.     })
  3797.     
  3798. }
  3799.  
  3800. function toWords(number) {
  3801.     
  3802.     var NS = [
  3803.         {value: 1000000000000000000000, str: "sextillion"},
  3804.         {value: 1000000000000000000, str: "quintillion"},
  3805.         {value: 1000000000000000, str: "quadrillion"},
  3806.         {value: 1000000000000, str: "trillion"},
  3807.         {value: 1000000000, str: "billion"},
  3808.         {value: 1000000, str: "million"},
  3809.         {value: 1000, str: "thousand"},
  3810.         {value: 100, str: "hundred"},
  3811.         {value: 90, str: "ninety"},
  3812.         {value: 80, str: "eighty"},
  3813.         {value: 70, str: "seventy"},
  3814.         {value: 60, str: "sixty"},
  3815.         {value: 50, str: "fifty"},
  3816.         {value: 40, str: "forty"},
  3817.         {value: 30, str: "thirty"},
  3818.         {value: 20, str: "twenty"},
  3819.         {value: 19, str: "nineteen"},
  3820.         {value: 18, str: "eighteen"},
  3821.         {value: 17, str: "seventeen"},
  3822.         {value: 16, str: "sixteen"},
  3823.         {value: 15, str: "fifteen"},
  3824.         {value: 14, str: "fourteen"},
  3825.         {value: 13, str: "thirteen"},
  3826.         {value: 12, str: "twelve"},
  3827.         {value: 11, str: "eleven"},
  3828.         {value: 10, str: "ten"},
  3829.         {value: 9, str: "nine"},
  3830.         {value: 8, str: "eight"},
  3831.         {value: 7, str: "seven"},
  3832.         {value: 6, str: "six"},
  3833.         {value: 5, str: "five"},
  3834.         {value: 4, str: "four"},
  3835.         {value: 3, str: "three"},
  3836.         {value: 2, str: "two"},
  3837.         {value: 1, str: "one"}
  3838.     ];
  3839.  
  3840.   var result = '';
  3841.   for (var n of NS) {
  3842.     if(number>=n.value){
  3843.       if(number<=20){
  3844.         result += n.str;
  3845.         number -= n.value;
  3846.         if(number>0) result += ' ';
  3847.       }else{
  3848.         var t =  Math.floor(number / n.value);
  3849.         var d = number % n.value;
  3850.         if(d>0){
  3851.           return intToEnglish(t) + ' ' + n.str +' ' + intToEnglish(d);
  3852.         }else{
  3853.           return intToEnglish(t) + ' ' + n.str;
  3854.         }
  3855.  
  3856.       }
  3857.     }
  3858.   }
  3859.   return result;
  3860. }
  3861.  
  3862. function hideTable(seletor) {
  3863.     if( $(seletor).prev().hasClass("followWrap")) {
  3864.          $(seletor).prev().remove()
  3865.     }
  3866.      $(seletor).remove() 
  3867. }
  3868.  
  3869. window.findMostCommonGames = function() {
  3870.     $("#foundPlayers").empty()
  3871.     warlight_shared_viewmodels_WaitDialogVM.Start("Searching Players...")
  3872.     warlight_shared_messages_Message.GetFriendsAsync(null, warlight_shared_viewmodels_SignIn.Auth, null, function (b, c, players) {
  3873.         if (null != c) throw c;
  3874.         var myId = warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID;
  3875.         warlight_shared_SharedUtility.RemoveWhere(players, function (p) {
  3876.             return p.PlayerID == myId
  3877.         });
  3878.         var topPlayers = [];
  3879.         var limit = -1;
  3880.         for (var i = 0; i < players.length; i++) {
  3881.             var player = players[i];
  3882.             if(player.TimesPlayedWithYou > limit || topPlayers.length < 10) {
  3883.                 topPlayers.push(player)
  3884.                 topPlayers.sort(function (p1, p2) {
  3885.                     return p2.TimesPlayedWithYou - p1.TimesPlayedWithYou
  3886.                 });
  3887.                 topPlayers = topPlayers.slice(0, 10);
  3888.                 limit = topPlayers.slice(-1)[0].TimesPlayedWithYou
  3889.             }
  3890.         }
  3891.         warlight_shared_viewmodels_WaitDialogVM.Stop()
  3892.         parseFoundFriendPlayers(topPlayers)
  3893.     })
  3894. }
  3895.  
  3896. function setupDashboardSearch() {
  3897.     
  3898.     loadDataTableCSS();
  3899.           
  3900.     $("body").append(`<div class='popup popup840 playersearch-show' style='display: none'>
  3901.         <div class='head'>Search<img class='close-popup-img' src='${IMAGES.CROSS}' height='25' width='25'></div>
  3902.         <div id="searchTabs">
  3903.             <ul>
  3904.                 <li><a href="#tabs-playerSearch">Player</a></li>
  3905.                 <li><a href="#tabs-clanSearch">Clan</a></li>
  3906.             </ul>
  3907.             <div id="tabs-playerSearch">
  3908.  
  3909.                 <input placeholder='Player Name' id='playerSearchQuery'>
  3910.                 <button id='searchPlayerBtn'>Search</button>
  3911.                 <div class='playerSearchTypeSelect'>
  3912.                     <label for='playerSearchFriend'>Friends</label>
  3913.                     <input type='radio' id='playerSearchFriend' name='playerSearchType' value='playerSearchFriend' >
  3914.                     <label for='playerSearchGlobal'>All Players</label>
  3915.                     <input type='radio' id='playerSearchGlobal' name='playerSearchType' value='playerSearchGlobal' checked>
  3916.                 </div>
  3917.                 <button id='findPlayerExtra'>More ▼</button>
  3918.                 <div id='foundPlayers'></div>
  3919.             </div>
  3920.             <div id="tabs-clanSearch">
  3921.                 <!--<input placeholder='Clan Name' id='clanSearchQuery'>
  3922.                 <button id='searchClanBtn'>Search</button>-->
  3923.                 <div id='foundClans'></div>
  3924.             </div>
  3925.         </div>
  3926.     </div>`);
  3927.     window.tabsInit = false;
  3928.     $("#searchTabs").tabs();
  3929.     $( "#searchTabs" ).on( "tabsactivate", function( event, ui ) {
  3930.         $(ui.newPanel[0]).find("input").focus();
  3931.         if($(ui.newPanel[0]).attr("id") == "tabs-clanSearch" && !tabsInit) {
  3932.             initClanSearch();
  3933.             tabsInit = true;
  3934.         }
  3935.     } );
  3936.     
  3937.     createSelector("#searchTabs", "background: rgb(23, 23, 23);border: none;")
  3938.     createSelector(".ui-tabs-nav", "border: none;border-bottom: 2px gray solid;border-radius: 0;background:none;")
  3939.     createSelector("#tabs-playerSearch, #tabs-clanSearch", "padding: 15px 0px")
  3940.  
  3941.     $("#SubTabRow").append('<td nowrap="nowrap" id="searchPlayerLink" data-subtabcell="Search Player" class="SubTabCell"><a>Search</a></td>');
  3942.     
  3943.     
  3944.     $("#searchPlayerLink").on("click", function() {
  3945.         showPopup(".playersearch-show")
  3946.         $("#playerSearchQuery").val("")
  3947.         $("#playerSearchQuery").focus()
  3948.     })
  3949.     
  3950.     $("#searchPlayerBtn").on("click", function() {
  3951.         searchPlayer()
  3952.     }) 
  3953.     
  3954.     $("#findPlayerExtra").on("click", function(event) {
  3955.         $(".playersearch-context").finish().toggle(100).
  3956.         css({
  3957.             top: event.pageY + "px",
  3958.             left: event.pageX + "px"
  3959.         });
  3960.     })
  3961.     $('#playerSearchQuery').keyup(function(e){
  3962.         if(e.keyCode == 13) {
  3963.             searchPlayer() 
  3964.         }
  3965.     }); 
  3966.     
  3967.     
  3968.     createSelector(".SubTabCell", "cursor: pointer")
  3969.     createSelector(".playersearch-show button", "padding: 5px;float: left; margin: 10px")
  3970.     createSelector("#playerSearchQuery, #clanSearchQuery", "width: 200px; padding: 5px; margin: 10px;float: left")
  3971.     createSelector(".foundPlayer", "display: block; height: 25px; padding: 2px; clear:both")
  3972.     createSelector(".foundPlayer a", "line-height: 25px; float: left")
  3973.     createSelector(".foundPlayer img", "height: 15px; display: block; float: left; margin: 5px")
  3974.     createSelector(".notFound", "clear: both; display: block; color: gray;")
  3975.     
  3976.     createSelector("#foundPlayers span", "color: gray; padding: 0 5px; line-height: 25px")
  3977.     createSelector("#foundPlayers > span", "display: block; clear: both; margin: 0px; padding: 10px 0")
  3978.     createSelector(".playerSearchName", "float: left")
  3979.     createSelector(".playerSearchTypeSelect", "float: left; width: 30%")
  3980.     createSelector(".playerSearchTypeSelect label", "color: gray; font-size: 13px; margin: 2px")
  3981.     
  3982.     createSelector("#foundClansTable", "float: left; table-layout: fixed;width: 100%")
  3983.     createSelector("#foundClansTable thead", "text-align: left")
  3984.     createSelector("#foundClansTable td a", "display: block; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 19px;")
  3985.     createSelector("#foundClansTable img", "margin-right: 5px;")
  3986. }
  3987.  
  3988. function initClanSearch() {
  3989.     warlight_shared_viewmodels_WaitDialogVM.Start("Setting up clans...")
  3990.     warlight_shared_messages_Message.GetClansAsync(null, null, function (a, b, clans) {
  3991.         parseFoundClans(clans)
  3992.         warlight_shared_viewmodels_WaitDialogVM.Stop();
  3993.     })
  3994.     
  3995. }
  3996.  
  3997. window.blockSearch = false;
  3998. function searchPlayer() {
  3999.     if(blockSearch) {
  4000.         return;
  4001.     }
  4002.     blockSearch = true;
  4003.     window.setTimeout(function() {
  4004.         blockSearch = false;
  4005.     }, 3000)
  4006.     $("#foundPlayers").empty()
  4007.     var query = $("#playerSearchQuery").val().toLowerCase()
  4008.     if($('#playerSearchFriend').is(':checked')) {
  4009.         warlight_shared_viewmodels_WaitDialogVM.Start("Searching Players...")
  4010.         warlight_shared_messages_Message.GetFriendsAsync(null, warlight_shared_viewmodels_SignIn.Auth, null, function (b, c, players) {
  4011.             if (null != c) throw c;
  4012.             var myId = warlight_shared_viewmodels_SignIn.get_CurrentPlayer().ID;
  4013.             warlight_shared_SharedUtility.RemoveWhere(players, function (p) {
  4014.                 return p.Name.toLowerCase().indexOf(query) < 0 || p.PlayerID == myId
  4015.             });
  4016.             warlight_shared_viewmodels_WaitDialogVM.Stop()
  4017.             parseFoundFriendPlayers(players)
  4018.         })
  4019.     } else {
  4020.         if(query.length < 3) {
  4021.             warlight_shared_viewmodels_AlertVM.DoPopup("Please enter at least 3 characters to search for");
  4022.             return
  4023.         }
  4024.         warlight_shared_viewmodels_main_manageplayers_ManagePlayersVM.SearchPlayers(query, function (players) {
  4025.             players = players.Results
  4026.             if(players.length >= 25) {
  4027.                 $("#foundPlayers").append("<span>This query found more than 25 results. Only the first 25 results are shown below.</span>")
  4028.             }
  4029.             parseFoundGlobalPlayers(players)
  4030.             $("#playerSearchQuery").focus()
  4031.             $("#playerSearchQuery").select()  
  4032.         })
  4033.     }   
  4034. }
  4035. function parseFoundFriendPlayers(players) {
  4036.     if(!players || players.length == 0) {
  4037.         $("#foundPlayers").append("<span class='notFound'>No Players found.</span>");
  4038.         return;
  4039.     }
  4040.     players.sort(function (p1, p2) {
  4041.         return (p2.TimesPlayedWithYou - p1.TimesPlayedWithYou != 0) ? p2.TimesPlayedWithYou - p1.TimesPlayedWithYou : p1.Level > p2.Level
  4042.     });
  4043.     for (var i = 0; i < players.length; i++) {
  4044.         var player = players[i];
  4045.         var id = String(player.ProfileToken).substr(0, 2) + String(player.PlayerID) + String(player.ProfileToken).substr(2, 2);
  4046.         var nameLink = '<a href="/Profile?p=' + id + '">' + player.Name + '</a>'
  4047.         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>' : "";
  4048.         var member = player.IsMember ? '<img class="playerSearchMember" src="https://d2wcw7vp66n8b3.cloudfront.net/Images/MemberIcon.png">' : "";
  4049.         var description = '<div class="playerSearchName">' + nameLink + member + "<span>(Level " + player.Level + ", " + player.TimesPlayedWithYou + " common games)</span></div>";
  4050.         $("#foundPlayers").append('<div class="foundPlayer">' + clan + description + '</div>')
  4051.     }
  4052. }
  4053.  
  4054. function parseFoundClans(clans) {
  4055.     clans.sort(function (c1, c2) {
  4056.         return (c2.TotalPointsInThousands - c1.TotalPointsInThousands)
  4057.     });
  4058.     
  4059.     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>'
  4060.     for (var i = 0; i < clans.length; i++) {
  4061.         var clan = clans[i];
  4062.         var name = clan.Name;
  4063.         var id = clan.ID;
  4064.         var createdBy = clan.CreatedBy;
  4065.         var iconId = clan.IconIncre;
  4066.         var imgTag = iconId == 0 ? "" : `<img src="https://d32kaghj56y4ei.cloudfront.net/Data/Clans/${id}/Icon/${iconId}.png">`;
  4067.         var totalpoints = (clan.TotalPointsInThousands * 1000).toLocaleString("en")
  4068.         var createdDate = moment(clan.CreatedDate.date).format('MM/DD/YYYY')
  4069.         var nameHTML = `<a target="_blank" href="https://www.warlight.net/Clans/?ID=${id}">${imgTag}${name}</a>`;
  4070.         clanTableHTML += `<tr><td>${i+1}</td><td>${nameHTML}</td><td class="data-player" data-player-id="${createdBy}">Checking..</td><td>${totalpoints}</td><td data-order="${id}">${createdDate}</td></tr>`
  4071.         
  4072.     }
  4073.     clanTableHTML += "</table>"
  4074.     $("#foundClans").append(clanTableHTML)
  4075.     
  4076.     var dataTable = $$$("#foundClansTable").DataTable({
  4077.         "order": [],
  4078.         paging: true,
  4079.         "pageLength": 10,
  4080.         "bLengthChange": false,
  4081.         "autoWidth": false,
  4082.         columnDefs: [ {
  4083.             targets: [ 0 ],
  4084.             searchable: false
  4085.         },{
  4086.             targets: [ 1 ],
  4087.             orderData: [ 1, 0 ],
  4088.             sortable: false
  4089.         },{
  4090.             targets: [ 2 ],
  4091.             orderData: [ 2, 1, 0 ],
  4092.             sortable: false,
  4093.             searchable: false
  4094.         },{
  4095.             targets: [ 3 ],
  4096.             orderData: [ 3, 1, 0 ],
  4097.              type: "numeric-comma"
  4098.         } ,{
  4099.             targets: [ 4 ],
  4100.             orderData: [ 4, 1]
  4101.         } ], 
  4102.         "aoColumns": [
  4103.             { "orderSequence": [ "desc", "asc" ] },
  4104.             {"orderSequence": [ "asc", "desc" ] },
  4105.             { "orderSequence": [ "asc", "desc" ] },
  4106.             { "orderSequence": [ "asc", "desc" ] },
  4107.             { "orderSequence": [ "desc", "asc" ] },
  4108.         ],
  4109.         initComplete: function() {   
  4110.             window.setTimeout(loadClanCreators, 200);
  4111.         },
  4112.         "language": {
  4113.             "zeroRecords": "No matching clans found",
  4114.             "info": "Showing _START_ to _END_ of _TOTAL_ clans",
  4115.             "infoEmpty": "Showing 0 to 0 of 0 clans",
  4116.             "infoFiltered": "(filtered from _MAX_ total clans)",
  4117.           }
  4118.  
  4119.     });
  4120.  
  4121.     dataTable.on('draw.dt', function () {
  4122.         loadClanCreators()
  4123.     })
  4124.  
  4125. }
  4126.  
  4127. function loadClanCreators() {
  4128.     $.each($(".data-player"), function(k, cell) {
  4129.         if($(cell).hasClass("data-player") && $(cell).is(":visible")) {
  4130.             var id = $(cell).attr("data-player-id")
  4131.             $.ajax({
  4132.                 type: 'GET',
  4133.                 url: `https://w115l144.hoststar.ch/wl/wl_profile.php?p=${id}`,
  4134.                 dataType: 'jsonp',
  4135.                 crossDomain: true,
  4136.             }).done(function(response){
  4137.                 if(isFinite(response.data) ){
  4138.                     $(`[data-player-id="${id}"]`).html(`<a target="_blank" href="https://www.warlight.net/Profile?p=${response.data}">${decodeURI(atob(response.name)) || "Unknown"}</a>`)   
  4139.                 } else {
  4140.                     $(`[data-player-id="${id}"]`).html(`Unknown`) 
  4141.                 }
  4142.                 if($(cell).is(":visible")) {
  4143.                     $(cell).removeClass("data-player");
  4144.                 }
  4145.  
  4146.             });
  4147.         }
  4148.  
  4149.     });
  4150. }
  4151.  
  4152. function parseFoundGlobalPlayers(players) {
  4153.     if(!players || players.length == 0) {
  4154.         $("#foundPlayers").append("<span class='notFound'>No Players found.</span>");
  4155.         return;
  4156.     }
  4157.     players.sort(function(p1, p2){
  4158.         return (p2.Level - p1.Level != 0) ? p2.Level - p1.Level : p1.Name > p2.Name
  4159.     });
  4160.  
  4161.     for (var i = 0; i < players.length; i++) {
  4162.         var player = players[i];
  4163.         var id = String(player.ProfileToken).substr(0, 2) + String(player.PlayerID) + String(player.ProfileToken).substr(2, 2);
  4164.         var nameLink = '<a href="/Profile?p=' + id + '">' + player.Name + '</a>'
  4165.         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>' : "";
  4166.         var member = player.IsMember ? '<img class="playerSearchMember" src="https://d2wcw7vp66n8b3.cloudfront.net/Images/MemberIcon.png">' : "";
  4167.         var name = '<div class="playerSearchName">' + nameLink + "<span>(" + player.Level + ")</span></div>";
  4168.         $("#foundPlayers").append('<div class="foundPlayer">' + clan + name + member + '</div>');
  4169.     }
  4170. }
  4171.  
  4172. function validateUser() {
  4173.     if(pageIsLogin()) {
  4174.        setUserInvalid();
  4175.     }
  4176.     if(WLJSDefined() && warlight_shared_viewmodels_ConfigurationVM.Settings) {
  4177.         ifSettingIsEnabled("wlUserIsValid", function() {
  4178.             
  4179.         }, function() {
  4180.             var player = warlight_shared_viewmodels_SignIn.get_CurrentPlayer();
  4181.             $.ajax({
  4182.                 type: 'GET',
  4183.                 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,
  4184.                 dataType: 'jsonp',
  4185.                 crossDomain: true,
  4186.             }).done(function(response){
  4187.                 if(response.data.valid) {
  4188.                     log(atob(response.data.name) + " was validated on "+ new Date(response.data.timestamp * 1000));
  4189.                     setUserValid();
  4190.                 }
  4191.             });
  4192.         })
  4193.     }
  4194. }
  4195.  
  4196.  
  4197. function setUserInvalid() {
  4198.      Database.update(Database.Table.Settings, {name: "wlUserIsValid", value: false}, undefined, function() {
  4199.         
  4200.     })
  4201. }
  4202.  
  4203. function setUserValid() {
  4204.     Database.update(Database.Table.Settings, {name: "wlUserIsValid", value: true}, undefined, function() {
  4205.         
  4206.     })
  4207. }
  4208.  
  4209. var mapData;
  4210. function setupMapSearch() {
  4211.     $("#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>')
  4212.     
  4213.     $('#mapSearchQuery').on('keypress', function (event) {
  4214.          if(event.which === 13){
  4215.              searchMaps();
  4216.          }
  4217.    });
  4218.     
  4219.     $("#mapSearchBtn").on("click", function() {
  4220.          searchMaps();
  4221.     })    
  4222.     
  4223.     $("#FilterBox, #SortBox, #PerPageBox").on("change", function() {
  4224.        $("#mapSearchQuery").val("")
  4225.        $("#searchResultsTitle").remove()
  4226.     })
  4227.  
  4228. }
  4229.  
  4230. function searchMaps() {
  4231.     if(mapData == undefined) {
  4232.         $("<div />").load('Ajax/EnumerateMaps?Filter=' + 1 + '&Sort=' + 1 + "&PerPage=" + 2147483647 + "&Offset=" + 0, function(data) {
  4233.             mapData = data;
  4234.             filterMaps(this);
  4235.         })
  4236.     } else {
  4237.         var maps = $("<div />").html(mapData)
  4238.         filterMaps(maps);
  4239.     }
  4240. }
  4241.  
  4242. function filterMaps(selector) {
  4243.     var query = $("#mapSearchQuery").val()
  4244.     $.each($(selector).find("div"), function(key, div) {
  4245.         if($(div).text().trim().toLowerCase().replace(/(rated.*$)/, "").indexOf(query.toLowerCase()) == -1) {
  4246.             $(div).remove()
  4247.         }
  4248.     })
  4249.      
  4250.     var count = $(selector).find("div").length
  4251.     $('#MapsContainer').empty()
  4252.     $(selector).detach().appendTo('#MapsContainer')
  4253.     $("#MapsContainer tr:last-of-type").html("Showing maps 1 - " + count + " of " + count);
  4254.     $("#ReceivePager").html("Showing maps 1 - " + count + " of " + count); 
  4255.     $("#searchResultsTitle").length > 0 ? $("#searchResultsTitle").html("Searchresults for <i>" + query +"</i>") : $("#ReceivePager").after("<h2 id='searchResultsTitle'>Searchresults for <i>" + query +"</i></h2>")
  4256.     
  4257. }
  4258.  
  4259. function setupLevelBookmark() {
  4260.     $("h1").after(`
  4261.        <a style="cursor:pointer" onclick="bookmarkLevel()">Bookmark</a><br>
  4262.     `)
  4263.     
  4264. }
  4265.  
  4266. function setupPlayerAttempDataTable() {
  4267.     var playerData = []
  4268.     $("#MainSiteContent ul").find("li").map(function(){
  4269.         var player = $(this).children().map(function(){return $(this).outerHTML()}).get().join("")
  4270.         var str = $(this).clone().children().remove().end().text();
  4271.         var attemps = str.split(", ")[0].replace(/[^0-9]/g, '')
  4272.         var wins = str.split(", ")[1].replace(/[^0-9]/g, '')
  4273.         playerData.push({
  4274.             player: player,
  4275.             attemps: attemps,
  4276.             wins: wins
  4277.         })
  4278.     })
  4279.     var table = "<table id='playlogPreview'><thead><th>Name</th><th>Attemps</th><th>Wins</th></thead>"
  4280.     $.each(playerData, function(k, player) {
  4281.         var tr = `<tr><td>${player.player}</td><td>${player.attemps}</td><td>${player.wins}</td></tr>`;
  4282.         table += tr;
  4283.     })
  4284.     table += "</table>"
  4285.     $("#MainSiteContent ul").replaceWith(table)
  4286.     loadDataTableCSS();
  4287.     var dataTable = $$$("#playlogPreview").DataTable({
  4288.         "order": [2],
  4289.         paging: false,
  4290.         sDom: 't',
  4291.         columnDefs: [ {
  4292.             targets: [ 0, 1, 2 ],
  4293.         },{
  4294.             targets: [ 1 ],
  4295.             orderData: [ 1, 2, 0 ]
  4296.         },{
  4297.             targets: [ 2 ],
  4298.             orderData: [ 2, 1, 0 ],
  4299.  
  4300.         }], 
  4301.         "aoColumns": [
  4302.             { "orderSequence": [ "asc", "desc" ] },
  4303.             { "orderSequence": [ "desc", "asc" ] },
  4304.             { "orderSequence": [ "desc", "asc" ] },
  4305.         ],
  4306.  
  4307.     });
  4308.     addCSS(`
  4309.         #playlogPreview a {
  4310.             margin-right: 10px;
  4311.         }
  4312.         #playlogPreview td {
  4313.             white-space: nowrap;
  4314.         }
  4315.     `)
  4316.  
  4317. }
  4318.  
  4319.  
  4320. /**************************************
  4321.  
  4322.     MANAGER LEAGUE
  4323.     
  4324. **************************************/
  4325.  
  4326. function setupManagerLeague() {
  4327.     var script = document.createElement("script");
  4328.     script.type = "text/javascript";
  4329.     document.body.appendChild( script );
  4330.     script.src = "https://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.js";
  4331.     script.onload = function() {
  4332.         log("loaded1")
  4333.         var script2 = document.createElement("script");
  4334.         script2.type = "text/javascript";
  4335.         document.body.appendChild( script2 );
  4336.         script2.src = "https://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.highlighter.min.js";    
  4337.         script2.onload = function() {
  4338.             log("loaded2")
  4339.         }
  4340.     }
  4341.     
  4342.     var styles = document.createElement("style");
  4343.     styles.type = "text/css";
  4344.     styles.innerHTML = getPlotCSS();
  4345.     document.body.appendChild(styles);
  4346.     
  4347.     var cosPoints = []; 
  4348.     for (var i=0; i<2*Math.PI; i+=0.1){ 
  4349.      cosPoints.push([i, Math.cos(i)]); 
  4350.     }
  4351.     log(cosPoints)
  4352.  
  4353.  $.ajax({
  4354.         type: 'GET',
  4355.         url: 'https://w115l144.hoststar.ch/wl/managerleague.php',
  4356.         dataType: 'jsonp',
  4357.         crossDomain: true,
  4358.     }).done(function(response){
  4359.         try {
  4360. 			var max = 100;
  4361.             var json = response.data
  4362. 			$.jqplot.config.enablePlugins = true;
  4363.             this.tooltipOffset = 100
  4364. 			$("#MainSiteContent > table tr:nth-of-type(2) > td:nth-of-type(3)").append('<div id="ManagerLeaguePrice" style="width:500px; height:200px;"></div>')
  4365.              var points = []; 
  4366. 			 var ticksx = [];
  4367. 			  for (var i = 1; i < json[0]["prices"].length; i++){
  4368. 				  var price = json[0]["prices"][i]
  4369. 				  max = price > 100 ? price : max
  4370. 				  points.push([i, price])
  4371. 				  ticksx.push([i, "Week " + i])
  4372. 			  } 
  4373. 			  log(points)
  4374. 			  var plot1 = $.jqplot('ManagerLeaguePrice', [points], {  
  4375. 				  series:[{color: '#5FAB78'}],
  4376.                   title: 'Ranking',
  4377. 				  axes:{
  4378. 					xaxis:{
  4379. 						label:'Time',
  4380. 						min: 0,
  4381. 						ticks: ticksx,
  4382.                         tickOptions:{
  4383.                             formatString:'Time %s'
  4384.                         } 
  4385. 					},
  4386. 					yaxis:{
  4387. 						label:'Rank',
  4388. 						min: 0,
  4389. 						max: Math.ceil(max/25)*25,
  4390.                         numberTicks: max / 25 + 1,
  4391.                         tickOptions:{
  4392.                             formatString:'%d r'
  4393.                         } 
  4394. 					},
  4395. 					axesDefaults: {
  4396. 					  labelRenderer: $.jqplot.CanvasAxisLabelRenderer
  4397. 					},
  4398.                     grid: {
  4399.                         backgroundColor: '#DEA493'
  4400.                     },
  4401. 				  }
  4402. 			  });
  4403.              
  4404.         } catch (e) {
  4405.             log("Error parsing Manager League")
  4406.             log(e)
  4407.         }
  4408.     }).fail(function(e){
  4409.         log("Error loading Manager League")
  4410.         log(e);
  4411.     });
  4412.     
  4413. }
  4414.  
  4415. /**************************************
  4416.  
  4417.     SPAMMERS BE GONE BLACKLISTEDTHREADS
  4418.     
  4419. **************************************/
  4420.  
  4421. window.undoIgnore = function() {
  4422.     // reset blacklisted threads to empty list
  4423.     Database.clear(Database.Table.BlacklistedForumThreads, function() {
  4424.         if(pageIsForumOverview() || pageIsSubForum()) {
  4425.             $("#MainSiteContent > table tbody table:nth-of-type(2) tr .checkbox").prop("checked", false)
  4426.             $("#MainSiteContent > table tbody table:nth-of-type(2) tr").show()
  4427.         } else if(pageIsDashboard()) {
  4428.             $("#ForumTable tr").show()
  4429.         } else {
  4430.             location.reload;
  4431.         }
  4432.     })
  4433.     
  4434. }
  4435.  
  4436. function replaceAndFilterForumTable(tableHTML) {
  4437.     var table = $.parseHTML(tableHTML);
  4438.     var promises = [];
  4439.     $.each($(table).find("tr"), function (key, row) {
  4440.         
  4441.         if(threadId = $(row).html().match(/href="\/Forum\/([^-]*)/mi)) {
  4442.             promises[key] = $.Deferred();
  4443.             Database.readIndex(Database.Table.BlacklistedForumThreads, Database.Row.BlacklistedForumThreads.ThreadId, threadId[1], function(thread) {
  4444.                 if(thread) {
  4445.                      $(row).hide();
  4446.                  }
  4447.                 promises[key].resolve();
  4448.             })
  4449.         }
  4450.     })
  4451.     $.when.apply($, promises).done(function () {
  4452.         $("#ForumTable").replaceWith($(table).outerHTML())
  4453.         
  4454.         ifSettingIsEnabled('disableHideThreadOnDashboard', function() {
  4455.             
  4456.         }, function() {
  4457.             $("#ForumTable").unbind();
  4458.             $("#ForumTable").bind("contextmenu", function (event) {
  4459.                 $(".highlightedBookmark").removeClass("highlightedBookmark")
  4460.                 
  4461.                 var row = $(event.target).closest("tr")
  4462.                 row.addClass("highlightedBookmark")
  4463.                 // Avoid the real one
  4464.                 
  4465.                 if(row.is(":last-child")) {
  4466.                     return;
  4467.                 }
  4468.                 event.preventDefault();
  4469.                 threadId = row.html().match(/href="\/Forum\/([^-]*)/mi);
  4470.                 if (threadId) {
  4471.                     activeThreadId = threadId[1]
  4472.                 } else {
  4473.                     return
  4474.                 }
  4475.  
  4476.                 // Show contextmenu
  4477.                 $(".thread-context").finish().toggle(100).
  4478.  
  4479.                 // In the right position (the mouse)
  4480.                 css({
  4481.                     top: event.pageY + "px",
  4482.                     left: event.pageX + "px"
  4483.                 });
  4484.             });
  4485.         })
  4486.         
  4487.     });
  4488. }
  4489.  
  4490. var activeThreadId;
  4491. function hideBlacklistedThreads() {
  4492.     replaceAndFilterForumTable($("#ForumTable").outerHTML())    
  4493. }
  4494.  
  4495. window.hideThread = function() {
  4496.     clearOldBlacklistedThreads();
  4497.     var thread = {
  4498.         threadId: activeThreadId, 
  4499.         date: new Date().getTime()
  4500.     }
  4501.     Database.add(Database.Table.BlacklistedForumThreads, thread, function() {
  4502.         hideBlacklistedThreads();  
  4503.     })
  4504. }
  4505.  
  4506. function hideOffTopicThreads() {
  4507.     $.each($("#MainSiteContent > table tbody table:nth-of-type(2) tr:visible"), function(key, row) {
  4508.         if($(row).find("td:first-of-type").text().trim() == "Off-topic") {
  4509.             var threadId = $(row).html().match(/href="\/Forum\/([^-]*)/mi)
  4510.             Database.add(Database.Table.BlacklistedForumThreads, {threadId: threadId[1], date: new Date().getTime()}, function() {
  4511.                 $(row).hide()
  4512.             })        
  4513.         }
  4514.     })
  4515. }
  4516.  
  4517. function formatHiddenThreads() {
  4518.     $("#HiddenThreadsRow td").attr("colspan", "")
  4519.     $("#HiddenThreadsRow td").before("<td/>")
  4520.     $("#HiddenThreadsRow td").css("text-align", "left")
  4521. }
  4522.  
  4523. function setupSpammersBeGone() {
  4524.     var path = window.location.pathname;
  4525.     if(pageIsForumThread()) {
  4526.         // TODO : Ignore posts from blacklisted players
  4527.     }
  4528.  
  4529.     if(pageIsForumOverview()) {
  4530.         // Do nothing
  4531.     }
  4532.  
  4533.     if(pageIsForumOverview()) {
  4534.         newColumnCountOnPage = 6;
  4535.         showIgnoreCheckBox(newColumnCountOnPage);    
  4536.         hideIgnoredThreads();
  4537.     }
  4538.  
  4539.     if(pageIsSubForum()) {
  4540.         newColumnCountOnPage = 5;
  4541.         showIgnoreCheckBox(newColumnCountOnPage);    
  4542.         hideIgnoredThreads();
  4543.     }
  4544.     
  4545.     $(".thread-hide.eye-icon").on("click", function(){
  4546.         clearOldBlacklistedThreads();
  4547.         var threadId = $(this).closest("tr").html().match(/href="\/Forum\/([^-]*)/mi)
  4548.         Database.add(Database.Table.BlacklistedForumThreads, {threadId : threadId[1], date: new Date().getTime()}, function() {
  4549.             hideIgnoredThreads();
  4550.         })  
  4551.     });
  4552.  
  4553. }
  4554.  
  4555. function clearOldBlacklistedThreads() {
  4556.     Database.readAll(Database.Table.BlacklistedForumThreads, function(threads) {
  4557.         $.each(threads, function(key, thread) {
  4558.             if(thread.date < (new Date() - 60 * 24 * 60 * 60 * 1000)) {
  4559.                 Database.delete(Database.Table.BlacklistedForumThreads, thread.id, function(){})
  4560.             } 
  4561.         })
  4562.     })
  4563. }
  4564.  
  4565. /**
  4566.  * Inserts a new column of check boxes for each Forum thread.
  4567.  */
  4568. function showIgnoreCheckBox(columnCountOnPage) {
  4569.     var $row = "<th> Hide</th>";
  4570.     var header = $("table.region tr:first");
  4571.  
  4572.     if(header.children("th").length < columnCountOnPage) {
  4573.         header.append($row);
  4574.     }
  4575.  
  4576.     var allPosts = $('table.region tr').not(':first');
  4577.  
  4578.     allPosts.each(function( index, post){
  4579.         if($(this).children("td").length < columnCountOnPage) {
  4580.             if(postId = $(this).find('a:first').attr('href')) {
  4581.                 $(this).append("<td><div class='thread-hide eye-icon'></div></td>");
  4582.             }
  4583.             
  4584.         }
  4585.     }); 
  4586. }
  4587.  
  4588. addCSS(`
  4589. .eye-icon {
  4590.     background-image: url(http://i.imgur.com/1i3UVSb.png);
  4591.     height: 17px;
  4592.     width: 17px;
  4593.     cursor: pointer;
  4594.     background-size: contain;
  4595.     margin: auto;
  4596.     background-repeat: no-repeat;
  4597. }
  4598. .eye-icon:hover {
  4599.     background-image: url(http://i.imgur.com/4muX9IA.png);
  4600. }
  4601.  
  4602. `)
  4603.  
  4604. /**
  4605.  * Hides all threads marked as "ignored" by a user.
  4606.  */
  4607. function hideIgnoredThreads() {
  4608.     var allPosts = $('table.region tr').not(':first');
  4609.     $.each(allPosts, function(key, row) {
  4610.         if(threadId = $(row).html().match(/href="\/Forum\/([^-]*)/mi)) {
  4611.             Database.readIndex(Database.Table.BlacklistedForumThreads, Database.Row.BlacklistedForumThreads.ThreadId, threadId[1], function(thread) {
  4612.                 if(thread) {
  4613.                      $(row).hide();
  4614.                  }
  4615.             })
  4616.         }
  4617.     })
  4618.     
  4619. }
  4620.  
  4621. function foldProfileStats() {
  4622.     //$("#MainSiteContent table table h3")
  4623.     addCSS(`
  4624.         #accordion h3  {
  4625.             cursor: pointer;
  4626.     `)
  4627.     $.each($("big").parent().contents(), function(key, val) {
  4628.         if(val.nodeType == 3) {
  4629.             $(val).replaceWith(`<span>${val.data}</span>`)
  4630.         }
  4631.     })
  4632.     $.each($("#MainSiteContent table table h3"), function(key, val){
  4633.         $(val).nextUntil("h3").wrapAll("<div class='exp'></div>")
  4634.     })
  4635.     
  4636.     $("#MainSiteContent table table h3:first").prev().nextUntil("").wrapAll("<div id='accordion'></div>")
  4637.     $('#accordion h3').click(function(e){
  4638.         $(this).next().slideToggle();
  4639.     });
  4640.     
  4641. //    var id = Number(sessionStorage.getItem("profileAccordion")) || false;
  4642. //    $( "#accordion" ).accordion({
  4643. //        collapsible: true,
  4644. //        heightStyle: "content",
  4645. //        active: id,
  4646. //        activate: function( event, ui ) {
  4647. //            var id = $("#MainSiteContent table table h3").index(ui.newHeader)
  4648. //            sessionStorage.setItem("profileAccordion", id)
  4649. //        },
  4650. //    });
  4651. }
  4652.  
  4653.  
  4654. /**************************************
  4655.  
  4656.     RANDOMIZED BONUSES
  4657.  
  4658. **************************************/
  4659.  
  4660. // Compute Player Ids
  4661.  
  4662. window.yourId;
  4663. window.opponentId;
  4664. window.gameName;
  4665.  
  4666. function setupRandomizedBonuses() {
  4667.     if(pageIsProfile()) {
  4668.         ifSettingIsEnabled("isMember", function() {
  4669.             ifSettingIsEnabled("hideCreateRandomGameForm", function() {
  4670.                 
  4671.             }, function() {
  4672.                 var idRegex = /p=(\d+)/;
  4673.                 var yourProfileLink = document.evaluate('/html/body/div[1]/span/div/a[2]',
  4674.                     document, null, XPathResult.ANY_TYPE, null).iterateNext();
  4675.                 yourId = yourProfileLink.href.match(idRegex)[1];
  4676.                 opponentId = getParameterByName("p");
  4677.                 if (yourId == opponentId) {
  4678.                     opponentId = "OpenSeat";
  4679.                 }
  4680.  
  4681.                 // Add text box and button
  4682.                 addRandomizedControls();
  4683.             })
  4684.         })
  4685.         
  4686.     }
  4687. }
  4688.  
  4689.  
  4690. function addRandomizedControls() {
  4691.     /// <summary>
  4692.     /// Add a text box(for sample game Id) and a button to create randomized 
  4693.     /// game.
  4694.     /// </summary>
  4695.     /// <param name="levelElement" type="Element">
  4696.     /// The parent element if text box and button.
  4697.     /// </param>
  4698.  
  4699.     $("#FeedbackMsg").after("<div class='randomGameContainer profileBox'><h3>Randomized Bonuses Game</h3></div>")
  4700.     var br = document.createElement('br');
  4701.     
  4702.     $(".randomGameContainer").append('<label for="gameName">Game Name:</label><input id="gameName" type="text" placeholder="Game Name" value="Game - Randomized Bonuses"><br>')
  4703.         
  4704.     $(".randomGameContainer").append('<label for="gameId">Game ID:</label><input id="gameId" type="text" placeholder="Game ID" value="">')
  4705.     
  4706.     $(".randomGameContainer").append('<button id="createGame">Create Game</button>')
  4707.     $("#createGame").on("click", function() {
  4708.         $("#createGame").attr('disabled', true);
  4709.         $("#createGame").text('...processing...');
  4710.  
  4711.         setTimeout(function(){
  4712.             $("#createGame").attr('disabled', false);
  4713.             $("#createGame").text('Create Game');
  4714.         }, 1000);
  4715.         extractGameSettings();
  4716.     })
  4717.     
  4718.     $(".randomGameContainer").append('<button id="bookmarkRandomBonus"><img src="' + IMAGES.BOOKMARK + '"></button>')
  4719.     $("#bookmarkRandomBonus").on("click", function() {
  4720.         var templateId = getSampleGameId()
  4721.         if(isNaN(templateId)) {
  4722.             warlight_shared_viewmodels_AlertVM.DoPopup("Please enter a valid Game ID");
  4723.            return;
  4724.         }
  4725.         $("#bookmarkURL").val("javascript:randomBonusGame('" + $("#gameName").val().replace("'", "`").replace('"', "`") + "', '" + templateId + "', '"  + yourId + "', '" + opponentId + "')");
  4726.         $("#bookmarkName").val($("#gameName").val());
  4727.         showAddBookmark();
  4728.     })
  4729.  
  4730.  
  4731.     var saveButton = document.createElement("input");
  4732.     saveButton.setAttribute("type", "button");
  4733.     saveButton.setAttribute("value", "<img src='" + IMAGES.SAVE + "'>");
  4734.     saveButton.onclick = function () {
  4735.         var oldValue = saveButton.value;
  4736.         saveButton.setAttribute('disabled', true);
  4737.         saveButton.value = '...saving...';
  4738.  
  4739.         setTimeout(function(){
  4740.             saveButton.value = oldValue;
  4741.             saveButton.removeAttribute('disabled');
  4742.         }, 500);
  4743.         //extractGameSettings();
  4744.     };
  4745.     
  4746.     var bookmarkButton = document.createElement("input");
  4747.     bookmarkButton.setAttribute("type", "button");
  4748.     bookmarkButton.setAttribute("value", "Bookmark");
  4749.     bookmarkButton.onclick = function () {
  4750.         var oldValue = bookmarkButton.value;
  4751.         bookmarkButton.setAttribute('disabled', true);
  4752.         bookmarkButton.value = '...saving...';
  4753.  
  4754.         setTimeout(function(){
  4755.             bookmarkButton.value = oldValue;
  4756.             bookmarkButton.removeAttribute('disabled');
  4757.         }, 500);
  4758.         //extractGameSettings();
  4759.     };
  4760.     
  4761.     createSelector(".randomGameContainer button", "min-width: 10%; margin: 3px 6px 3px 0")
  4762.     createSelector(".randomGameContainer button img", "height: 12px")
  4763.     createSelector(".randomGameContainer input[type='text']", "margin: 3px")
  4764.     createSelector(".randomGameContainer label", "width: 100px; display: inline-block; color: #858585")
  4765. }
  4766.  
  4767. function getSampleGameId() {
  4768.     /// <summary>
  4769.     /// Gets the sample game Id and checks if it is a number.
  4770.     /// </summary>
  4771.     /// <returns type="number">Game Id.</returns>
  4772.     var gameIdElement = document.getElementById("gameId");
  4773.     if (gameIdElement !== undefined) {
  4774.         return parseInt(gameIdElement.value, 10);
  4775.     }
  4776. }
  4777.  
  4778. function extractGameSettings(gameId) {
  4779.     /// <summary>
  4780.     /// Extract game settings from the sample game using GameFeed API.
  4781.     /// </summary>
  4782.  
  4783.     var sampleGameId = gameId || getSampleGameId();
  4784.     if (isNaN(sampleGameId)) {
  4785.         alert("Invalid GameId");
  4786.     } else {
  4787.         doAsyncRequest("POST",
  4788.             'https://www.warlight.net/API/GameFeed?GameID=' +
  4789.             sampleGameId.toString() + '&GetHistory=true', {},
  4790.             "GameFeed");
  4791.     }
  4792. }
  4793.  
  4794. function setupRandomizedGame(response) {
  4795.     /// <summary>
  4796.     /// From the GameFeed API response, randomize bonuses and create a game 
  4797.     /// using the template.
  4798.     /// </summary>
  4799.     /// <param name="response" type="string">
  4800.     /// The GameFeed API response for the provided sample game.
  4801.     /// </param>
  4802.     var obj = JSON.parse(response);
  4803.     if (obj != undefined) {
  4804.         var templateId = obj.templateID;
  4805.         var bonuses = [];
  4806.         if(obj && obj.map) {
  4807.             for (var i = 0; i < obj.map.bonuses.length; i++) {
  4808.                 var bonusObj = obj.map.bonuses[i];
  4809.                 console.log(bonusObj)
  4810.                 if (bonusObj.value != 0) {
  4811.                     var bonus = [];
  4812.                     var originalBonusValue = parseInt(bonusObj.value, 10);
  4813.  
  4814.                     // set the bonus value to (original-1, original+1)
  4815.                     bonus.push(bonusObj.name);
  4816.                     bonus.push(originalBonusValue - 1);
  4817.                     bonus.push(originalBonusValue + 1);
  4818.                     bonuses.push(bonus);
  4819.                 }
  4820.             }
  4821.         } else {
  4822.             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")
  4823.             warlight_shared_viewmodels_WaitDialogVM.Stop();
  4824.             return
  4825.         }
  4826.     }
  4827.     createGame(templateId, bonuses, yourId, opponentId);
  4828. }
  4829.  
  4830. window.randomBonusGame = function(name, templateId, yID, oID) {
  4831.     ifSettingIsEnabled("isMember", function() {
  4832.         warlight_shared_viewmodels_WaitDialogVM.Start("Creating Game...")
  4833.         yourId = yID;
  4834.         opponentId = oID;
  4835.         gameName = name;
  4836.         extractGameSettings(templateId)
  4837.     }, function() {
  4838.         warlight_shared_viewmodels_AlertVM.DoPopup("You need to be a Warlight Member to use this Feature");
  4839.     })
  4840. }
  4841. function createGame(templateId, bonuses, yourId, opponentId) {
  4842.     /// <summary>
  4843.     /// Create a game on Warlight between the two players on given settings.
  4844.     /// </summary>
  4845.     /// <param name="templateId" type="number">
  4846.     /// The game template Id.
  4847.     /// </param>
  4848.     /// <param name="bonuses" type="array">
  4849.     /// All bonuses on the map and the range of values they can take.
  4850.     /// </param>
  4851.  
  4852.     var template = templateId;
  4853.     var postDataObject = {
  4854.         "gameName": typeof gameName == "string" ? gameName : $("#gameName").val() || "Randomized bonuses game",
  4855.         "personalMessage": "Check bonuses carefully as they may have been altered",
  4856.         "templateID": template,
  4857.         "players": [{
  4858.             "token": yourId,
  4859.             "team": "None"
  4860.         }, {
  4861.             "token": opponentId,
  4862.             "team": "None"
  4863.         }],
  4864.         "overriddenBonuses": []
  4865.     };
  4866.     if (bonuses !== null) {
  4867.         for (var i = 0; i < bonuses.length; i++) {
  4868.             var bonusName = bonuses[i][0];
  4869.             var min = bonuses[i][1];
  4870.             var max = bonuses[i][2];
  4871.             postDataObject.overriddenBonuses.push({
  4872.                 "bonusName": bonusName,
  4873.                 value: getRandomInt(min, max) // Randomize the bonus
  4874.             });
  4875.         }
  4876.     }
  4877.     var response = doAsyncRequest("POST", 'https://www.warlight.net/API/CreateGame', JSON.stringify(postDataObject), "CreateGame");
  4878. }
  4879.  
  4880. function getRandomInt(min, max) {
  4881.  
  4882.     return Math.floor(Math.random() * (max - min + 1)) + min;
  4883. }
  4884.  
  4885. function doAsyncRequest(method, url, data, api) {
  4886.     var xhr = new XMLHttpRequest();
  4887.     xhr.onreadystatechange = function() {
  4888.         //if (xhr.readyState === 4){
  4889.         if (xhr.readyState != 4) return;
  4890.             if (api === "GameFeed") {
  4891.                 setupRandomizedGame(xhr.responseText);
  4892.             } else if (api === "CreateGame") {
  4893.                 var obj = JSON.parse(xhr.responseText);
  4894.                 if (obj.gameID !== undefined) {
  4895.                     if(pageIsDashboard()) {
  4896.                         refreshMyGames()
  4897.                         warlight_shared_viewmodels_WaitDialogVM.Stop();
  4898.                     } else {
  4899.                         window.location.href = "https://www.warlight.net/MultiPlayer?GameID=" + obj.gameID
  4900.                     }
  4901.                     
  4902.                 } else if (obj.error !== undefined) {
  4903.                     if(!obj.hasOwnProperty('templateID')) {
  4904.                         alert("Please make sure the game you are providing uses an existing Template and not \"Custom\"")
  4905.                         log(xhr.responseText)
  4906.                     } else {
  4907.                         alert("Cannot create game. Warlight says: " + obj.error);
  4908.                     }
  4909.                     try {
  4910.                         warlight_shared_viewmodels_WaitDialogVM.Stop();
  4911.                     } catch(e){}
  4912.                 }
  4913.         }
  4914.     };
  4915.  
  4916.     xhr.open(method, url, true);
  4917.     xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); 
  4918.     xhr.send(data);
  4919. }
  4920.  
  4921. function setIsMember() {
  4922.     if (WLJSDefined()) {
  4923.         window.setTimeout(function() {
  4924.             if(warlight_shared_viewmodels_ConfigurationVM.Settings) {
  4925.                 var isMember = {name: "isMember", value: warlight_shared_viewmodels_SignIn.get_CurrentPlayer().IsMember}
  4926.                 Database.update(Database.Table.Settings, isMember, undefined, function() {
  4927.                 })
  4928.             }
  4929.             
  4930.         }, 2000)
  4931.        
  4932.     }
  4933. }
  4934.  
  4935. function getParameterByName(name, url) {
  4936.     url = url || location.search
  4937.     name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
  4938.     var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
  4939.         results = regex.exec(url);
  4940.     return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
  4941. }
  4942.  
  4943. /**************************************
  4944.  
  4945.     Textarea HTML Box
  4946.  
  4947. **************************************/
  4948.  
  4949.  
  4950. function setupTextarea() {
  4951.     var controls_default = [
  4952.         {title: "<b>B</b>", class: ["tag"], openClose: true,    tag: "b"},
  4953.         {title: "<i>I</i>", class: ["tag"], openClose: true,    tag: "i"},
  4954.         {title: "code",     class: ["tag"], openClose: true,    tag: "code"},
  4955.         {title: "img",      class: ["tag"], openClose: true,    tag: "img"},
  4956.         {title: "hr",       class: ["tag"], openClose: false,   tag: "hr"},
  4957.         {title: "quote",    class: ["tag"], openClose: true,    tag: "quote"},
  4958.         {title: "list",     class: ["tag"], openClose: true,    tag: "list"},
  4959.         {title: "*",        class: ["tag"], openClose: false,   tag: "*"},
  4960.         
  4961.     ]
  4962.     var controls = "";
  4963.     
  4964.     $.each(controls_default, function(key, control) {
  4965.         controls += `<span class="button ${control.class.join(" ")}" ${(control.openClose ? `open-close` : ``)} data-tag="${control.tag}">${control.title}</span>`
  4966.     })                           
  4967.     $(".region textarea").before(`<div class="editor">${controls}</div>`)
  4968.     $("textarea").attr("style", "")
  4969.     addCSS(`
  4970.         .editor {
  4971.             padding: 5px;
  4972.             background: brown;
  4973.             margin: 5px 5px 0 0;
  4974.         }
  4975.         .editor .button {
  4976.             margin-right: 10px;
  4977.             background: rgb(185,122,122);
  4978.             padding: 3px 5px;
  4979.             border-radius: 5px;
  4980.             cursor: pointer;
  4981.         }
  4982.         textarea {
  4983.             padding: 5px 0 0 5px;
  4984.             box-sizing: border-box;
  4985.             width: calc(100% - 5px);
  4986.             max-width: 774px; 
  4987.             height: 300px
  4988.         }
  4989.     `)
  4990.     createSelector("pre, textarea", "-moz-tab-size: 8;-o-tab-size: 8;tab-size: 8;")
  4991.  
  4992.     $(document).on("click", ".editor .tag", function(e) {
  4993.         var areaId = $(this).closest(".editor").next().attr("id")
  4994.         var area = document.getElementById(areaId)
  4995.         var tag = $(e.target).closest(".tag").attr("data-tag")
  4996.         if(area) {
  4997.             var startPos = area.selectionStart || 0;
  4998.             var endPos = area.selectionEnd || 0;
  4999.             if($(this).is("[open-close]")) {
  5000.                 addTagInEditor(area, startPos, endPos, tag)    
  5001.             } else {
  5002.                 addCodeInEditor(area, startPos, tag)    
  5003.                 
  5004.             }
  5005.                   
  5006.         }
  5007.     })
  5008.     
  5009.     $("textarea").on('keydown', function(e) { 
  5010.         var keyCode = e.keyCode || e.which; 
  5011.         if (keyCode == 9) { 
  5012.             e.preventDefault(); 
  5013.             var areaId = $(this).attr("id")
  5014.             var area = document.getElementById(areaId)
  5015.             if(area) { 
  5016.                 var oldVal = $(area).val();
  5017.                 var start = area.selectionStart || 0;
  5018.                 var end = area.selectionEnd || 0;
  5019.                 var newVal = oldVal.substring(0, start) + "\t" + oldVal.substring(end)
  5020.                 if(browserIsFirefox()) {
  5021.                     $(area).val(newVal)
  5022.                     area.setSelectionRange(start + 1, start + 1)
  5023.                 } else {
  5024.                     document.execCommand("insertText", false, "\t")
  5025.                 }
  5026.                             
  5027.             }        
  5028.         } 
  5029.     });
  5030.  
  5031. }
  5032.  
  5033. function addCodeInEditor(area, place, tag) {
  5034.     var oldVal = $(area).val()
  5035.     var newVal = oldVal.substring(0, place) + "[" + tag + "]" + oldVal.substring(place)
  5036.     $(area).focus();
  5037.     if(browserIsFirefox()) {
  5038.         $(area).val(newVal)
  5039.     } else {
  5040.         document.execCommand("insertText", false, "[" + tag + "]")
  5041.     }
  5042.     area.setSelectionRange(place + tag.length + 2, place + tag.length + 2)
  5043.     $(area).focus();
  5044. }
  5045.  
  5046. function addTagInEditor(area, start, end, tag) {
  5047.     var oldVal = $(area).val()
  5048.     var selection = oldVal.substring(start, end)
  5049.     var newContent = "[" + tag + "]" + selection + "[/" + tag + "]"
  5050.     var newVal = oldVal.substring(0, start) + newContent + oldVal.substring(end)
  5051.     $(area).focus();
  5052.     if(browserIsFirefox()) {
  5053.         $(area).val(newVal)
  5054.     } else {
  5055.         document.execCommand("insertText", false, newContent)   
  5056.     }
  5057.     
  5058.     if(start == end) {
  5059.         area.setSelectionRange(start + tag.length + 2, start + tag.length + 2)
  5060.     } else {
  5061.         area.setSelectionRange(end + 5 + (2 * tag.length), end + 5 + (2 * tag.length))
  5062.     }
  5063.     
  5064.     $(area).focus();
  5065. }
  5066.  
  5067. function browserIsFirefox() {
  5068.     return navigator.userAgent.toLowerCase().indexOf('firefox') > -1
  5069. }
  5070.  
  5071.  
  5072. /**************************************
  5073.  
  5074.     INDEXED DB
  5075.  
  5076. **************************************/
  5077.  
  5078.  
  5079. function setupDatabase() {
  5080.     log("indexedDB start setup")
  5081.     window.Database = {
  5082.         db: null,
  5083.         Table: {
  5084.             Bookmarks: "Bookmarks",
  5085.             Settings: "Settings",
  5086.             BlacklistedForumThreads: "BlacklistedForumThreads",
  5087.             TournamentData: "TournamentData"
  5088.         },
  5089.         Exports: {
  5090.             Bookmarks: "Bookmarks",
  5091.             Settings: "Settings",
  5092.             BlacklistedForumThreads: "BlacklistedForumThreads"
  5093.         },
  5094.         Row: {
  5095.             BlacklistedForumThreads: {
  5096.                 ThreadId: "threadId",
  5097.                 Date: "date"
  5098.             },
  5099.             Bookmarks: {
  5100.                 Order: "order"
  5101.             },
  5102.             Settings: {
  5103.                 Name: "name"
  5104.             },
  5105.             TournamentData: {
  5106.                 Id: "tournamentId",
  5107.             }
  5108.         },
  5109.         init: function(callback) {
  5110.             log("indexedDB start init")
  5111.            if(!"indexedDB" in window) {
  5112.                 log("IndexedDB not supported")
  5113.                 return;
  5114.             }
  5115.             var openRequest = indexedDB.open("TidyUpYourDashboard_v3", 3);
  5116.             openRequest.onupgradeneeded = function(e) {
  5117.                 
  5118.                 var thisDB = e.target.result;
  5119.                 if(!thisDB.objectStoreNames.contains("Bookmarks")) {
  5120.                     var objectStore = thisDB.createObjectStore("Bookmarks", {autoIncrement:true});
  5121.                     objectStore.createIndex("order", "order", {unique:true});
  5122.                 }
  5123.                 if(!thisDB.objectStoreNames.contains("Settings")) {
  5124.                     var objectStore = thisDB.createObjectStore("Settings", { keyPath: "name" });
  5125.                     objectStore.createIndex("name", "name", {unique: true});
  5126.                     objectStore.createIndex("value", "value", {unique: false});
  5127.                 }
  5128.                 if(!thisDB.objectStoreNames.contains("BlacklistedForumThreads")) {
  5129.                     var objectStore = thisDB.createObjectStore("BlacklistedForumThreads", {autoIncrement:true});
  5130.                     objectStore.createIndex("threadId", "threadId", {unique:true});
  5131.                     objectStore.createIndex("date", "date", {unique:false});
  5132.                 }
  5133.                 if(!thisDB.objectStoreNames.contains("TournamentData")) {
  5134.                     var objectStore = thisDB.createObjectStore("TournamentData",{ keyPath: "tournamentId" });
  5135.                     objectStore.createIndex("tournamentId", "tournamentId", {unique:true});
  5136.                     objectStore.createIndex("value", "value", {unique: false});
  5137.                 }
  5138.             }
  5139.  
  5140.             openRequest.onsuccess = function(e) {
  5141.                 log("indexedDB init sucessful");
  5142.                 db = e.target.result;
  5143.                 callback()
  5144.             }
  5145.  
  5146.             openRequest.onerror = function(e) {
  5147.                 log("Error Init IndexedDB")
  5148.                 log(e.target.error)
  5149. //                alert("Sorry, Tidy Up Your Dashboard is not supported")
  5150.                 $("<div>Sorry,<br> Tidy Up Your Dashboard is not supported.</div>").dialog();
  5151.             }
  5152.         },
  5153.         update: function(table, value, key, callback) {
  5154.             var transaction = db.transaction([table],"readwrite");
  5155.             var store = transaction.objectStore(table);
  5156.  
  5157.  
  5158.             //Perform the add
  5159.             try {
  5160.                 var request = store.put(value, key != undefined ? Number(key) : undefined);
  5161.                 request.onerror = function(e) {
  5162.                     log(`Error saving ${JSON.stringify(value)} in ${table}`)
  5163.                     log(JSON.stringify(e));
  5164.                 }
  5165.  
  5166.                 request.onsuccess = function(e) {
  5167.                     log(`Saved ${JSON.stringify(value)} in ${table}`)
  5168.                     callback()
  5169.                 }
  5170.             } catch(e) {
  5171.                 log(`Error saving ${JSON.stringify(value)} in ${table}`)
  5172.                 log(JSON.stringify(e));
  5173.             }
  5174.  
  5175.             
  5176.         },
  5177.         read: function(table, key, callback) {
  5178.             var transaction = db.transaction([table], "readonly");
  5179.             var objectStore = transaction.objectStore(table);
  5180.  
  5181.             var ob = objectStore.get(Number(key));
  5182.  
  5183.             ob.onsuccess = function(e) {
  5184.                 var result = e.target.result;
  5185.                 callback(result)            
  5186.             }
  5187.         },
  5188.         readIndex: function(table, row, value, callback) {
  5189.             var transaction = db.transaction([table], "readonly");
  5190.             var objectStore = transaction.objectStore(table);
  5191.  
  5192.             var index = objectStore.index(row);
  5193.  
  5194.             //name is some value
  5195.             var ob = index.get(value);
  5196.  
  5197.             ob.onsuccess = function(e) {
  5198.                 var result = e.target.result;
  5199.                 callback(result)            
  5200.             }
  5201.         },
  5202.         readAll: function(table, callback) {
  5203.             var transaction = db.transaction([table], "readonly");
  5204.             var objectStore = transaction.objectStore(table);
  5205.             var items = []
  5206.  
  5207.             var ob = objectStore.openCursor()
  5208.  
  5209.             ob.onsuccess = function(e) {
  5210.                 var cursor = e.target.result;
  5211.                 if (cursor) {
  5212.                     var item = cursor.value;
  5213.                     item.id = cursor.primaryKey;
  5214.                     items.push(item);
  5215.                     cursor.continue();
  5216.                 } else {
  5217.                     callback(items)
  5218.                 }                
  5219.             }
  5220.         },
  5221.         add: function(table, value, callback) {
  5222.             
  5223.             var transaction = db.transaction([table],"readwrite");
  5224.             var store = transaction.objectStore(table);
  5225.  
  5226.             try {
  5227.                 var request = store.add(value);
  5228.                 request.onerror = function(e) {
  5229.                     log(`Error saving ${JSON.stringify(value)} in ${table}`)
  5230.                     log(JSON.stringify(e));
  5231.                 }
  5232.  
  5233.                 request.onsuccess = function(e) {
  5234.                     log(`Saved ${JSON.stringify(value)} in ${table}`)
  5235.                     callback()
  5236.                 }
  5237.             } catch(e) {
  5238.                 log(`Error saving ${JSON.stringify(value)} in ${table}`)
  5239.                 log(JSON.stringify(e));
  5240.             }
  5241.  
  5242.             request.onerror = function(e) {
  5243.                 log(`Error saving ${JSON.stringify(value)} in ${table}`)
  5244.                 log(JSON.stringify(e));
  5245.             }
  5246.  
  5247.             request.onsuccess = function(e) {
  5248.                 log(`Saved ${JSON.stringify(value)} in ${table}`)
  5249.                 callback()
  5250.             }
  5251.         },
  5252.         delete: function(table, key, callback) {
  5253.             var transaction = db.transaction([table],"readwrite");
  5254.             var store = transaction.objectStore(table);
  5255.  
  5256.  
  5257.             //Perform the add
  5258.             var request = store.delete(key)
  5259.  
  5260.             request.onerror = function(e) {
  5261.                 log("Error deleting in " + table)
  5262.                 log(e.target.error);
  5263.                 //some type of error handler
  5264.             }
  5265.  
  5266.             request.onsuccess = function(e) {
  5267.                 log("Deleted in " + table)
  5268.                 callback()
  5269.             }
  5270.         },
  5271.         clear: function(table, callback) {
  5272.             var transaction = db.transaction([table],"readwrite");
  5273.             var store = transaction.objectStore(table);
  5274.  
  5275.  
  5276.             //Perform the add
  5277.             var request = store.clear();
  5278.  
  5279.             request.onerror = function(e) {
  5280.                 log("Error clearing " + table)
  5281.                 log(e.target.error);
  5282.                 //some type of error handler
  5283.             }
  5284.  
  5285.             request.onsuccess = function(e) {
  5286.                 log("Cleared " + table)
  5287.                 callback()
  5288.             }
  5289.         },
  5290.  
  5291.     }
  5292.  
  5293. }
  5294.  
  5295. /**************************************
  5296.  
  5297.     Other
  5298.  
  5299. **************************************/
  5300.  
  5301. function addCSS(css) {
  5302.     head = document.head || document.getElementsByTagName('head')[0],
  5303.     style = document.createElement('style');
  5304.  
  5305.     style.type = 'text/css';
  5306.     if (style.styleSheet) {
  5307.         style.styleSheet.cssText = css;
  5308.     } else {
  5309.         style.appendChild(document.createTextNode(css));
  5310.     }
  5311.     head.appendChild(style);
  5312. }
  5313.  
  5314. function addVersionLabel() {
  5315.     if(!pageIsGame() && !pageIsExamineMap() && !pageIsDesignMap()) {
  5316.         $("body").append('<div class="versionLabel">' + GM_info.script.version +'</div>')
  5317.         createSelector(".versionLabel", "position:fixed; right:0; bottom: 0; padding: 5px; color: #555; font-size: 10px; cursor:pointer")
  5318.         $(".versionLabel").on("click", showUserscriptMenu)        
  5319.     }
  5320.     
  5321. }
  5322.  
  5323. function WLJSDefined() {
  5324.     return (typeof WLJSLoaded) != "undefined" && WLJSLoaded();
  5325. }
  5326.  
  5327. function loadDataTableCSS() {
  5328.     var styles = document.createElement("style");
  5329.     styles.type = "text/css";
  5330.     styles.innerHTML = getDataTableCSS();
  5331.     document.body.appendChild(styles);
  5332. }
  5333. function getDataTableCSS() {
  5334.     
  5335.     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}
  5336.  
  5337.     .dataTables_filter {
  5338. 	float: left;
  5339. 	margin-right: -7px;
  5340.     }
  5341.  
  5342.     .dataTables_filter label {
  5343.         display: inline!important;
  5344.     }    
  5345.  
  5346.     .dataTables_filter input {
  5347.         padding: 3px;
  5348.         border-radius: 5px;
  5349.         margin: 5px;
  5350.     }
  5351.  
  5352.     .dataTables_info {
  5353.         clear: both;
  5354.         padding-top: 10px;
  5355.     }
  5356.  
  5357.     .pagination {
  5358.         display: inline-block;
  5359.         float: right;
  5360.         margin-top: -16px;
  5361.  
  5362.     }
  5363.     .paginate_button {
  5364.         display: inline;
  5365.         padding: 5px;
  5366.     }.paginate_button.active {
  5367.         text-decoration: underline;
  5368.     }`
  5369. }
  5370.  
  5371. function getPlotCSS() {
  5372.     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);}`
  5373. }
  5374.  
  5375. function setupImages() {
  5376.     window.IMAGES = {
  5377.         EYE: 'https://i.imgur.com/kekYrsO.png',
  5378.         CROSS: 'https://i.imgur.com/RItbpDS.png',
  5379.         QUESTION: 'https://i.imgur.com/TUyoZOP.png',
  5380.         PLUS: 'https://i.imgur.com/lT6SvSY.png',
  5381.         SAVE: 'https://i.imgur.com/Ze4h3NQ.png',
  5382.         BOOKMARK: 'https://i.imgur.com/c6IxAql.png'
  5383.  
  5384.     }
  5385. }
  5386.  
  5387. function setupAWPWorldTour() {
  5388.     if($("title").text().toLowerCase().indexOf("awp world tour") != -1) {
  5389.         setupAWPRanking();
  5390.         setupAWPEvents();
  5391.         
  5392.         $("#MainSiteContent div:first").after("<div class='awp'></div>")
  5393.         $("#MainSiteContent div:first").css("float", "left")
  5394.         $("#MainSiteContent div:first").css("width", "60%")
  5395.         $("#MainSiteContent > table").css("width", "100%")
  5396.         addCSS(`
  5397.             .awp {
  5398.                 float: left;
  5399.                 margin: 60px 0 20px 20px;
  5400.                 width: 30%;
  5401.                 max-width: 400px;
  5402.             }
  5403.             .AWPRanking {
  5404.                 margin-bottom: 20px;
  5405.                 width: 100%;
  5406.             }
  5407.             .awpUpdated {
  5408.                 color: gray;
  5409.                 float: right;
  5410.                 font-size: 11px;
  5411.         `)
  5412.         
  5413.     }
  5414. }
  5415.  
  5416. function setupAWPRanking() {
  5417.     var minRow = 12;
  5418.     var maxRow = 30;
  5419.     var minCol = 1;
  5420.     var maxCol = 25;
  5421.     var url = `https://spreadsheets.google.com/feeds/cells/1YuV5WqthgmYsZqv4rFVSE1xhM0BKVrcbkivRZ8ht6-E/1/public/values?min-row=${minRow}&max-row=${maxRow}&min-col=${minCol}&max-col=${maxCol}&alt=json-in-script&callback=parseAWPRankingData`
  5422.     $.ajax({
  5423.         url: url,
  5424.         dataType: "script",
  5425.     });
  5426. }
  5427.  
  5428. function setupAWPEvents() {
  5429.     var minRow = 10;
  5430.     var minCol = 1;
  5431.     var maxCol = 6;
  5432.     var url = `https://spreadsheets.google.com/feeds/cells/1YuV5WqthgmYsZqv4rFVSE1xhM0BKVrcbkivRZ8ht6-E/2/public/values?min-row=${minRow}&min-col=${minCol}&max-col=${maxCol}&alt=json-in-script&callback=parseAWPEventData`
  5433.     $.ajax({
  5434.         url: url,
  5435.         dataType: "script",
  5436.     });  
  5437. }
  5438.  
  5439. window.parseAWPEventData = function(data) {
  5440.     var entries = data.feed.entry
  5441.     var lastUpdated = moment(data.feed.updated.$t)
  5442.     var table = $('<table class="AWPRanking dataTable"><thead><tr><td colspan="3" class="dataTableTitleRow"><h3 style="margin: 0px"><a href="https://www.warlight.net/Forum/156042-awp-world-tour">AWP World Tour</a>: Events</h3></td></tr><tr><td>Week</td><td>Name</td><td>Champion</td></tr></thead><tbody></tbody></table>')
  5443.     var tbody = $("<tbody></tbody>")
  5444.     var tr = $("<tr></tr>");
  5445.     var events = [];
  5446.     var event = {finished: true};
  5447.     var currentRow = entries[0].gs$cell.row
  5448.     try {
  5449.         $.each(entries, function(key, entry){
  5450.             var col = entry.gs$cell.col
  5451.             var row = entry.gs$cell.row
  5452.  
  5453.             if((row - currentRow) >= 3) {
  5454.                 currentRow = row;
  5455.                 events.push(event)
  5456.                 if(event.url.match(/forum/i)) {
  5457.                     return;
  5458.                 }
  5459.                 event = {finished: true}
  5460.             }
  5461.  
  5462.             if(col == 1 && entry.content.$t) {
  5463.                 event.url = entry.content.$t.match(/docs.google.com/i) ? undefined : entry.content.$t
  5464.             } else if(col == 3) {
  5465.                 event.date = entry.content.$t
  5466.             } else if(col == 4) {
  5467.                 if(event.name == undefined) {
  5468.                     event.name = entry.content.$t
  5469.                 } else if(event.series == undefined) {
  5470.                     event.series = entry.content.$t
  5471.                 }
  5472.                 
  5473.             } else if(col == 5) {
  5474.                 event.champion = entry.content.$t
  5475.             } else if(col == 6) {
  5476.                 event.finished = false
  5477.             } 
  5478.         })
  5479.     } catch(e) {
  5480.         log("error parsing awp event data")
  5481.         log(e)
  5482.     }
  5483.     var eventRows = events.filter(function(e){
  5484.         return e.url && Math.abs(moment().diff(moment(e.date), 'days')) < 150
  5485.     }).map(function(e){
  5486.         return `<tr>
  5487.                     <td>${moment(e.date).format('DD/MMM')}</td>
  5488.                     <td><a href="${e.url}">${e.name}</a><br>${e.series}</td>
  5489.                     <td>${e.finished ? e.champion : (e.url.match(/tournament/i) ? "in progress" : "not started")}</td>
  5490.                 </tr>`
  5491.     }).join("")
  5492.     
  5493.     tbody.append(eventRows)
  5494.     tbody.append(`<tr class="lastRow"><td colspan="3"><span><a target="_blank" href="https://docs.google.com/spreadsheets/d/1Ao0SlM6Kv6CE1-Ha5mBIrI6nj4Uft2lMaE25qbXxWHs/pub?gid=648212339&output=html">Show All</a></span><span class="awpUpdated">Updated ${lastUpdated.from()}</span></td></tr>`)
  5495.     table.append(tbody);
  5496.     $(".awp").append(table.outerHTML())
  5497. }
  5498. window.parseAWPRankingData = function(data) {
  5499.     var entries = data.feed.entry
  5500.     var lastUpdated = moment(data.feed.updated.$t)
  5501.     var table = $('<table class="AWPRanking dataTable"><thead><tr><td colspan="3" class="dataTableTitleRow"><h3 style="margin: 0px"><a href="https://www.warlight.net/Forum/156042-awp-world-tour">AWP World Tour</a>: Rankings</h3></td></tr><tr><td>Rank</td><td>Name</td><td>Points</td></tr></thead><tbody></tbody></table>')
  5502.     var tbody = $("<tbody></tbody>")
  5503.     var tr = $("<tr></tr>");
  5504.     var url;
  5505.     try {
  5506.         $.each(entries, function(key, entry){
  5507.             var col = entry.gs$cell.col
  5508.             var row = entry.gs$cell.row
  5509.             if(col == 1) {
  5510.                 url = entry.content.$t;
  5511.             } else if(col == 3) {
  5512.                 //rank
  5513.                 tr.append($(`<td>${entry.content.$t}</td>`))
  5514.             } else if(col == 5) {
  5515.                 //name
  5516.                 tr.append($(`<td><a href="${url}">${entry.content.$t}</a></td>`))
  5517.             } else if(col == 25) {
  5518.                 //points
  5519.                 tr.append($(`<td>${entry.content.$t}</td>`))
  5520.                 tbody.append(tr)
  5521.                 tr = $("<tr></tr>");
  5522.             }
  5523.         })
  5524.      } catch(e) {
  5525.         log("error parsing awp event data")
  5526.         log(JSON.parse(e))
  5527.     }
  5528.     table.append(tbody);
  5529.         tbody.append(`<tr class="lastRow"><td colspan="3"><span><a target="_blank" href="https://docs.google.com/spreadsheets/d/1Ao0SlM6Kv6CE1-Ha5mBIrI6nj4Uft2lMaE25qbXxWHs/pubhtml">Show All</a></span><span class="awpUpdated">Updated ${lastUpdated.from()}</span></td></tr>`)
  5530.  
  5531.     $(".awp").prepend(table.outerHTML())
  5532. }
  5533.  
  5534. /**************************************
  5535.  
  5536.     Community Levels
  5537.  
  5538. **************************************/
  5539.  
  5540. function setupCommunityLevels() {
  5541.     
  5542.     var fonts = $("#LevelsTable tr td:nth-of-type(2) font:nth-of-type(1)")
  5543.     $.each(fonts, function(key, font){
  5544.         $(font).html($(font).html().replace(" 0 wins", "<span style='color: khaki'> 0 wins</span>"))
  5545.     })
  5546.  
  5547.     $("#MainSiteContent").wrapInner("<div id='newestLevels'></div>")
  5548.     $("#MainSiteContent").wrapInner("<div id='content'></div>")
  5549.     $("#content").append(`
  5550.     <div id='sorted'>
  5551.         <div id='tabs'>
  5552.             <ul>
  5553.                 <li><a class="tab_hot" href='#tab_hot'>Hot</a></li>
  5554.                 <li><a class="tab_liked" href='#tab_liked'>Most Liked</a></li>
  5555.                 <li><a class="tab_hardest" href='#tab_hardest'>Most Difficult</a></li>
  5556.                 <li><a class="tab_mostplayed" href='#tab_mostplayed'>Most Played</a></li>
  5557.                 <li><a href='#tab_records_player'>Most Records (Player)</a></li>
  5558.                 <li><a href='#tab_records_clan'>Most Records (Clan)</a></li>
  5559.                 <li><a href='#tab_topCreators'>Top Creators</a></li>
  5560.                 <li><a href='#tab_ownLevels'>Your Levels</a></li>
  5561.             </ul>
  5562.             <div id='tab_hot'>
  5563.                 <h2>Popular New Levels</h2>
  5564.             </div>
  5565.             <div id='tab_liked'>
  5566.                 <h2>Most Liked Levels</h2>
  5567.             </div>
  5568.             <div id='tab_hardest'>
  5569.                 <h2>Most Difficult Levels</h2>
  5570.             </div>
  5571.             <div id='tab_mostplayed'>
  5572.                 <h2>Most Played Levels</h2>
  5573.             </div>
  5574.             <div id='tab_records_player'>
  5575.                 <h2>Most Records (Player)</h2>
  5576.             </div>
  5577.             <div id='tab_records_clan'>
  5578.                 <h2>Most Records (Clan)</h2>
  5579.             </div>
  5580.             <div id='tab_topCreators'>
  5581.                 <h2>Top Creators</h2>
  5582.             </div>
  5583.             <div id='tab_ownLevels'>
  5584.                 <h2>Your Levels</h2>
  5585.             </div>
  5586.         </div>
  5587.     <p>This data is updated every 12 hours.</p>
  5588.     </div>
  5589.     <div id="searchLevel">
  5590.         <h2>Search Level</h2>
  5591.         <input class="searchLevelInput"></input>
  5592.         <button class="searchLevelBtn">Search</button>
  5593.         <div class="foundLevels"></div>
  5594.     </div>`)
  5595.  
  5596.     $("#content").prepend(`
  5597.         <ul>
  5598.             <li><a href='#newestLevels'>Newest Levels</a></li> 
  5599.             <li><a class='tab_hot' href='#sorted'>Advanced </a></li>
  5600.             <li><a class='search' href='#searchLevel'>Search </a></li>
  5601.         </ul>`)
  5602.     $("h1").prependTo("#MainSiteContent")
  5603.     $("#content").tabs();
  5604.     $("#sorted").tabs();
  5605.  
  5606.     $(".searchLevelBtn").on("click", function() {
  5607.         searchLevel() 
  5608.     })
  5609.     $('.searchLevelInput').keyup(function(e){
  5610.         if(e.keyCode == 13) {
  5611.             searchLevel() 
  5612.         }
  5613.     }); 
  5614.     
  5615.     addCSS(`
  5616.     .ui-tabs {
  5617.         border: none;
  5618.         background: none;
  5619.     }
  5620.     .ui-tabs-nav {
  5621.         background: none;
  5622.         border: none;
  5623.         border-bottom: 1px gray solid;
  5624.     }
  5625.     .striped th, .striped td {
  5626.         border-bottom: 1px gray solid;
  5627.         text-align: left;
  5628.     }
  5629.     `)
  5630.     var mainjsReady = $.Deferred();
  5631.     
  5632.     $(".tab_hot").on("click", function() {
  5633.         $.when(mainjsReady).done(function () {
  5634.             $.each($("#tab_hot tr[data-levelid]:visible"), function(key, row) {
  5635.                 var id = $(row).attr("data-levelid")
  5636.                 loadLevelData(id)
  5637.             })
  5638.         })
  5639.     })
  5640.     
  5641.     $(".tab_liked").on("click", function() {
  5642.         $.when(mainjsReady).done(function () {
  5643.             $.each($("#tab_liked tr[data-levelid]:visible"), function(key, row) {
  5644.                 var id = $(row).attr("data-levelid")
  5645.                 loadLevelData(id)
  5646.             })
  5647.         })
  5648.     })
  5649.     
  5650.     $(".tab_hardest").on("click", function() {
  5651.         $.when(mainjsReady).done(function () {
  5652.             $.each($("#tab_hardest tr[data-levelid]:visible"), function(key, row) {
  5653.                 var id = $(row).attr("data-levelid")
  5654.                 loadLevelData(id)
  5655.             })
  5656.         })
  5657.     })
  5658.     $(".tab_mostplayed").on("click", function() {
  5659.         $.when(mainjsReady).done(function () {
  5660.             $.each($("#tab_mostplayed tr[data-levelid]:visible"), function(key, row) {
  5661.                 var id = $(row).attr("data-levelid")
  5662.                 loadLevelData(id)
  5663.             })
  5664.         })
  5665.     })
  5666.     
  5667.     $.ajax({
  5668.         type: 'GET', 
  5669.         url: `https://w115l144.hoststar.ch/wl/communityLevels.php?m=7`, 
  5670.         dataType: 'jsonp', 
  5671.         crossDomain: true, 
  5672.     }).done(function (response) {
  5673.         if (response.data) {
  5674.             var levels = response.data
  5675.             $("#tab_hot").append(`<table id="HotLevelsTable" cellpadding="8"></table>`)
  5676.             $.each(levels, function (key, level) {
  5677.                 $("#HotLevelsTable").append(renderLevelRow(level, key))
  5678.                 $(`[data-levelid='${level.levelId}']`).attr("data-rating", level.rating)
  5679.             })
  5680.             $("#HotLevelsTable").append("<button id='loadMoreHot'>Load More</button>")
  5681.             $("#loadMoreHot").on("click", function() {
  5682.                 $.each($("#tab_hot tr:hidden:lt(5)"), function(key, row) {
  5683.                     $(this).fadeIn()
  5684.                     $.when(mainjsReady).done(function () {
  5685.                         loadLevelData($(row).attr("data-levelid"))
  5686.                     })
  5687.                 })
  5688.                 if($("#tab_hot tr:hidden:lt(5)").length == 0) {
  5689.                     $("#loadMoreHot").remove();
  5690.                 }
  5691.             })
  5692.         }
  5693.     });
  5694.     $.ajax({
  5695.         type: 'GET', 
  5696.         url: `https://w115l144.hoststar.ch/wl/communityLevels.php?m=8`, 
  5697.         dataType: 'jsonp', 
  5698.         crossDomain: true, 
  5699.     }).done(function (response) {
  5700.         if (response.data) {
  5701.             var levels = response.data
  5702.             $("#tab_liked").append(`<table id="MostLikedLevels" cellpadding="8"></table>`)
  5703.             $.each(levels, function (key, level) {
  5704.                 $("#MostLikedLevels").append(renderLevelRow(level, key))
  5705.                 $(`[data-levelid='${level.levelId}']`).attr("data-rating", level.rating)
  5706.             })
  5707.             $("#MostLikedLevels").append("<button id='loadMoreLiked'>Load More</button>")
  5708.             $("#loadMoreLiked").on("click", function() {
  5709.                 $.each($("#tab_liked tr:hidden:lt(5)"), function(key, row) {
  5710.                     $(this).fadeIn()
  5711.                     $.when(mainjsReady).done(function () {
  5712.                         loadLevelData($(row).attr("data-levelid"))
  5713.                     })
  5714.                 })
  5715.                 if($("#tab_liked tr:hidden:lt(5)").length == 0) {
  5716.                     $("#loadMoreLiked").remove();
  5717.                 }
  5718.             })
  5719.         }
  5720.     });
  5721.     $.ajax({
  5722.         type: 'GET', 
  5723.         url: `https://w115l144.hoststar.ch/wl/communityLevels.php?m=1`, 
  5724.         dataType: 'jsonp', 
  5725.         crossDomain: true, 
  5726.     }).done(function (response) {
  5727.         if (response.data) {
  5728.             var levels = response.data
  5729.             $("#tab_hardest").append(`<table id="HardestLevelsTable" cellpadding="8"></table>`)
  5730.             $.each(levels, function (key, level) {
  5731.                 $("#HardestLevelsTable").append(renderLevelRow(level, key))
  5732.             })
  5733.             $("#HardestLevelsTable").append("<button id='loadMoreDifficult'>Load More</button>")
  5734.             $("#loadMoreDifficult").on("click", function() {
  5735.                 $.each($("#tab_hardest tr:hidden:lt(5)"), function(key, row) {
  5736.                     $(this).fadeIn()
  5737.                     $.when(mainjsReady).done(function () {
  5738.                         loadLevelData($(row).attr("data-levelid"))
  5739.                     })
  5740.                 })
  5741.                 if($("#tab_hardest tr:hidden:lt(5)").length == 0) {
  5742.                     $("#loadMoreDifficult").remove();
  5743.                 }
  5744.             })
  5745.         }
  5746.     });
  5747.     $.ajax({
  5748.         type: 'GET', 
  5749.         url: `https://w115l144.hoststar.ch/wl/communityLevels.php?m=2`, 
  5750.         dataType: 'jsonp', 
  5751.         crossDomain: true, 
  5752.     }).done(function (response) {
  5753.         if (response.data) {
  5754.             var levels = response.data
  5755.             $("#tab_mostplayed").append(`<table id="MostPlayedLevelsTable" cellpadding="8"></table>`)
  5756.             $.each(levels, function (key, level) {
  5757.                 $("#MostPlayedLevelsTable").append(renderLevelRow(level, key))
  5758.             })
  5759.             $("#MostPlayedLevelsTable").append("<button id='loadMoreMostPlayed'>Load More</button>")
  5760.             $("#loadMoreMostPlayed").on("click", function() {
  5761.                 $.each($("#tab_mostplayed tr:hidden:lt(5)"), function(key, row) {
  5762.                     $(this).fadeIn()
  5763.                     $.when(mainjsReady).done(function () {
  5764.                         loadLevelData($(row).attr("data-levelid"))
  5765.                     })
  5766.                 })
  5767.                 if($("#tab_mostplayed tr:hidden:lt(5)").length == 0) {
  5768.                     $("#loadMoreMostPlayed").remove();
  5769.                 }
  5770.             })
  5771.         }
  5772.     });
  5773.     $.ajax({
  5774.         type: 'GET', 
  5775.         url: `https://w115l144.hoststar.ch/wl/communityLevels.php?m=3`, 
  5776.         dataType: 'jsonp', 
  5777.         crossDomain: true, 
  5778.     }).done(function (response) {
  5779.         if (response.data) {
  5780.             var players = response.data
  5781.             $("#tab_records_player").append(`<table id="PlayerRecordsTable" cellpadding="8" class="striped"></table>`)
  5782.             $("#PlayerRecordsTable").prepend(`<thead><th>#</th><th>Name</th><th>Number of Records</th></thead>`)
  5783.             $.each(players, function (key, player) {
  5784.                 $("#PlayerRecordsTable").append(renderRecordPlayerRow(player, key))
  5785.             })
  5786.         }
  5787.     });
  5788.     $.ajax({
  5789.         type: 'GET', 
  5790.         url: `https://w115l144.hoststar.ch/wl/communityLevels.php?m=4`, 
  5791.         dataType: 'jsonp', 
  5792.         crossDomain: true, 
  5793.     }).done(function (response) {
  5794.         if (response.data) {
  5795.             var clans = response.data
  5796.             $("#tab_records_clan").append(`<table id="ClanRecordsTable" cellpadding="8" class="striped"></table>`)
  5797.             $("#ClanRecordsTable").prepend(`<thead><th>#</th><th>Name</th><th>Number of Records</th></thead>`)
  5798.             $.each(clans, function (key, clan) {
  5799.                 $("#ClanRecordsTable").append(renderClanRow(clan, key))
  5800.             })
  5801.         }
  5802.     });
  5803.     $.ajax({
  5804.         type: 'GET', 
  5805.         url: `https://w115l144.hoststar.ch/wl/communityLevels.php?m=6`, 
  5806.         dataType: 'jsonp', 
  5807.         crossDomain: true, 
  5808.     }).done(function (response) {
  5809.         if (response.data) {
  5810.             var players = response.data
  5811.             $("#tab_topCreators").append(`<table id="CreatorsTable" cellpadding="8" class="striped"></table>`)
  5812.             $("#CreatorsTable").prepend(`<thead><th>#</th><th>Name</th><th>Total Likes</th><th>Total Attempts</th><th>Total Wins</th><th>Overall Win Rate</th><th>Total Levels</th><th>-</th></thead><tbody></tbody>`)
  5813.             $.each(players, function (key, player) {
  5814.                 $("#CreatorsTable tbody").append(renderCreatorPlayerRow(player, key))
  5815.             })
  5816.             var dataTable = $$$("#CreatorsTable").DataTable({
  5817.                 paging: false,
  5818.                 sDom: 't',
  5819.             });
  5820.         }
  5821.     });
  5822.     var id = $(".TopRightBar a:nth-of-type(2)").attr("href").match("[0-9]+")[0];
  5823.     $.ajax({
  5824.         type: 'GET', 
  5825.         url: `https://w115l144.hoststar.ch/wl/communityLevels.php?p=${id}`, 
  5826.         dataType: 'jsonp', 
  5827.         crossDomain: true, 
  5828.     }).done(function (response) {
  5829.         if (response.data) {
  5830.             var levels = response.data
  5831.             $("#tab_ownLevels").append(`<table id="OwnLevelsTable" cellpadding="8"></table>`)
  5832.             $.each(levels, function (key, level) {
  5833.                 $("#OwnLevelsTable").append(renderLevelRow(level, key, true))
  5834.             })
  5835.         }
  5836.     });
  5837.     var div = $("<div></div>")
  5838.     var mainjs = "";
  5839.     div.load('https://www.warlight.net/SinglePlayer/Level?ID=882053', function(){
  5840.         mainjs = div.find("script:contains(MainJS.Init)").html()
  5841.         $.getScript("https://d2wcw7vp66n8b3.cloudfront.net/js/Release/wl.js?v=636045359309573936")
  5842.         .done(function() {
  5843.             eval(mainjs);
  5844.             $("#WaitDialogJSWhiteBox").remove();
  5845.             $("#WaitDialogJSBacking").remove();
  5846.             mainjsReady.resolve();
  5847.         }) 
  5848.     });
  5849. }
  5850.  
  5851. function searchLevel() {
  5852.     var query = $(".searchLevelInput").val().toLowerCase();
  5853.     $(".foundLevels *").remove();
  5854.     $.ajax({
  5855.         type: 'GET', 
  5856.         url: `https://w115l144.hoststar.ch/wl/communityLevels.php?q=${query}`, 
  5857.         dataType: 'jsonp', 
  5858.         crossDomain: true, 
  5859.     }).done(function (response) {
  5860.         if (response.data) {
  5861.             if(response.data.length > 0) {
  5862.                 var levels = response.data
  5863.                 $(".foundLevels").append(`<table id="FoundLevelTable" cellpadding="8"></table>`)
  5864.                 $.each(levels, function (key, level) {
  5865.                     $("#FoundLevelTable").append(renderLevelRow(level, key))
  5866.                 })
  5867.             } else {
  5868.                 $(".foundLevels").append(`<span>No levels found!</span>`)
  5869.             }
  5870.             
  5871.         } else {
  5872.              $(".foundLevels").append(`<span>Error searching for levels</span>`)
  5873.         }
  5874.     });
  5875. }
  5876.  
  5877. function addCSS(css) {
  5878.     head = document.head || document.getElementsByTagName('head')[0],
  5879.     style = document.createElement('style');
  5880.  
  5881.     style.type = 'text/css';
  5882.     if (style.styleSheet) {
  5883.         style.styleSheet.cssText = css;
  5884.     } else {
  5885.         style.appendChild(document.createTextNode(css));
  5886.     }
  5887.     head.appendChild(style);
  5888. }
  5889.  
  5890. function decode (str) {
  5891.     var decoded = "";
  5892.     try {
  5893.         decoded = decodeURIComponent((str + '')
  5894.             .replace(/%(?![\da-f]{2})/gi, function () {
  5895.               return '%25'
  5896.             })
  5897.             .replace(/\+/g, '%20'))
  5898.     } catch(e) {
  5899.         decoded = unescape(str);
  5900.     }
  5901.     return decoded;
  5902.     
  5903.     
  5904.     return decodeURIComponent((str + '')
  5905.     .replace(/%(?![\da-f]{2})/gi, function () {
  5906.       // PHP tolerates poorly formed escape sequences
  5907.       return '%25'
  5908.     })
  5909.     .replace(/\+/g, '%20'))
  5910. }
  5911.  
  5912. function renderRecordPlayerRow(player, key) {
  5913.     var rank = getRankHtml(key+1)
  5914.     return `
  5915.         <tr>
  5916.             <td>${rank}</td>
  5917.             <td>
  5918.                 ${player.recordClanId > 0 ? '<a href="/Clans/?ID=' + player.recordClanId + '" title="' + player.recordClanName + '"><img border="0" style="vertical-align: middle" src="' + player.recordClanImage + '"></a>' : ''}
  5919.                 <a href="${player.recordHolderUrl}"> ${decode(player.recordHolderName)} </a>
  5920.             </td>
  5921.             <td>
  5922.                ${player.numOfRecords}
  5923.             </td>
  5924.         </tr>`
  5925. }
  5926.  
  5927. function renderCreatorPlayerRow(player, key) {
  5928.     var id = player.createdByUrl.match(/[0-9]+/)[0]
  5929.     var rank = getRankHtml(key+1)
  5930.     return `
  5931.         <tr>
  5932.             <td style="text-align:center;padding:0" data-sort="${key+1}">${rank}</td>
  5933.             <td>
  5934.                 ${player.creatorClanId > 0 ? '<a href="/Clans/?ID=' + player.creatorClanId + '" title="' + player.creatorClanName + '"><img border="0" style="vertical-align: middle" src="' + player.creatorClanImage + '"></a>' : ''}
  5935.                 <a href="${player.createdByUrl}"> ${decode(player.createdByName)} </a>
  5936.             </td>
  5937.             <td>
  5938.                ${player.numOfTotalLikes}
  5939.             </td> 
  5940.             <td>
  5941.                ${player.numOfTotalAttempts}
  5942.             </td> 
  5943.             <td>
  5944.                ${player.numOfTotalWins}
  5945.             </td> 
  5946.             <td>
  5947.                ${(player.numOfTotalWins / player.numOfTotalAttempts * 100).toFixed(2)}%
  5948.             </td> 
  5949.             <td>
  5950.                ${player.numOfCreatedLevels}
  5951.             </td> 
  5952.             <td>
  5953.                <a href="https://www.warlight.net/SinglePlayer/LevelsByCreator?p=${id.substring(2, id.length-2)}">Show Levels</a>
  5954.             </td>
  5955.         </tr>`
  5956. }
  5957.  
  5958. function renderClanRow(clan, key) {
  5959.     var rank = getRankHtml(key+1)
  5960.     return `
  5961.         <tr>
  5962.             <td>${rank}</td>
  5963.             <td>
  5964.                 <a href="/Clans/?ID=${clan.recordClanId}" title="${clan.recordClanId}"><img border="0" style="vertical-align: middle" src="${clan.recordClanImage}">${decode(clan.recordClanName)}</a>
  5965.             </td>
  5966.             <td>
  5967.                ${clan.numOfRecords}
  5968.             </td>
  5969.         </tr>`
  5970. }
  5971.  
  5972. function renderLevelRow(level, key, showAll) {
  5973.     return `
  5974.         <tr data-levelid="${level.levelId}" ${(key >= 10 && showAll != true) ? 'style="display:none"' : ''}>
  5975.             <td style="position: relative">
  5976.                 <img src="${level.mapImage}" width="140" height="80" style="position:relative">
  5977.             </td>
  5978.             <td>
  5979.                 <a style="font-size: 17px; color: white" 
  5980.                     href="/SinglePlayer/Level?ID=${level.levelId}">${key+1}. ${decode(level.name)}
  5981.                 </a> &nbsp;&nbsp;
  5982.                 <font color="gray">${level.likes} likes, ${level.wins} wins in ${level.attempts} attempts</font><br>
  5983.  
  5984.                 <font color="gray">Created by</font> ${level.creatorClanId > 0 ? '<a href="/Clans/?ID=' + level.creatorClanId + '" title="' + level.creatorClanName + '"><img border="0" style="vertical-align: middle" src="' + level.creatorClanImage + '"></a>' : ''} <a href="${level.createdByUrl}">${decode(level.createdByName)}</a><br>
  5985.  
  5986.                 <font color="gray">Record holder:</font> ${level.recordClanId > 0 ? '<a href="/Clans/?ID=' + level.recordClanId + '" title="' + level.recordClanId + '"><img border="0" style="vertical-align: middle" src="' + level.recordClanImage + '"></a>' : ''} ${level.recordHolderName ? '<a href="' + level.recordHolderUrl + '">' + decode(level.recordHolderName) + '</a>' + getTurnText(level.recordHolderText) : 'None'}<br>
  5987.  
  5988.                 <font color="gray">Win rate: </font>${level.percentage}%<br>
  5989.             </td>
  5990.             <td><span style="font-size: 17px"><a href="/SinglePlayer?Level=${level.levelId}">Play</a></span></td>
  5991.         </tr>`
  5992. }
  5993.  
  5994. function getTurnText(turns) {
  5995.     return ` in ${turns} ${turns > 1 ? 'turns' : 'turn'}`
  5996. }
  5997.  
  5998. function getRankHtml(rank) {
  5999.     if(rank == 1) {
  6000.         return `<img height=30 width=30 style="padding:0" src="https://i.imgur.com/dG4hKlp.gif">`
  6001.     } else if(rank == 2) {
  6002.         return `<img height=30 width=30 style="padding:0" src="https://imgur.com/qmpjRNs.gif">`
  6003.     } else if(rank == 3) {
  6004.         return `<img height=30 width=30 style="padding:0" src="https://imgur.com/DgtbQDN.gif">`
  6005.     }
  6006.     return rank;
  6007. }
  6008.  
  6009. function loadLevelData(id) {
  6010.     warlight_shared_viewmodels_spe_SPEManager.GetLevelResult(id, function (levelData) {
  6011.         if(levelData && levelData.WinCount > 0) {
  6012.             $(`[data-levelid="${id}"] td:nth-of-type(2)`).append(`You won ${getTurnText(levelData.WonInTurns)}`)
  6013.             $(`[data-levelid="${id}"] td:nth-of-type(1)`).append('<img src="https://d2wcw7vp66n8b3.cloudfront.net/Images/TransparentCheck.png" width="61" height="53" style="position: absolute; right: 0px; bottom: 0px">')
  6014.         } 
  6015.         $(`[data-levelid="${id}"]`).attr("data-levelid", "done")
  6016.  
  6017.     })
  6018. }
  6019.  
  6020. //*************** TWITCH  ************************//
  6021. function setupExtendedTwitch() {
  6022.     $.getJSON('https://api.twitch.tv/kraken/streams?client_id=m2cojjidnvim6g0go9g2epmafcpv14&game=WarLight', function(data) {
  6023.         $(".streamBox").remove();
  6024.         if(data && data.streams.length > 1) {
  6025.             var last = $("body > div:nth-of-type(1) > div > div:last");
  6026.             var offset = last.offset().left + last.width();
  6027.             var container = $("<div/>");
  6028.             container.css("left", 0)
  6029.             container.css("position", "absolute")
  6030.             container.css("top", "42px")
  6031.             container.css("display", "none")
  6032.             container.css("background", "black")
  6033.             container.css("padding", "10px")
  6034.             container.css("width", "200px")
  6035.             container.css("z-index", "100")
  6036.             container.css("border", "1px gray solid")
  6037.             container.addClass("streamContainer")
  6038.             
  6039.             var box = $("<div/>")
  6040.             box.html("<a>View all " + data.streams.length + " streams »</a>")
  6041.             box.css("position", "relative")
  6042.             box.css("display", "inline")
  6043.             box.css("padding", "15px 120px 15px 10px")
  6044.             box.css("left", offset)
  6045.             box.addClass("streamBox")
  6046.             
  6047.             var streams = data.streams;
  6048.             var html = "";
  6049.             $.each(streams, function (key, stream) {
  6050.                 var streamHTML = getStreamHtml(stream);
  6051.                 html += streamHTML
  6052.                 console.log(stream)
  6053.             })
  6054.             container.html(html)
  6055.             box.append(container)
  6056.             
  6057.             $("body > div:nth-of-type(1) > div").append(box)
  6058. //            $("body").append(container)
  6059.             
  6060. //            $(".streamBox").on("mouseover", function() {
  6061. //                $(".streamContainer").css("display", "inline");
  6062. //            })
  6063.         }
  6064.  
  6065.     });
  6066. }
  6067.  
  6068. function getStreamHtml(stream) {
  6069.     var name = stream.channel.display_name;
  6070.     var title = stream.channel.status;
  6071.     var url = stream.channel.url;
  6072.     var viewers = stream.viewers;
  6073.     var startingTime = new Date(stream.created_at).getTime();
  6074.     return '<div class="LivestreamInner" title="Streaming now on Twitch.tv by ' + name + '" data-started="' + startingTime + '"><a target="_blank" href="' + url + '"><img src="https://d2wcw7vp66n8b3.cloudfront.net/Images/LiveIcon.jpg" width="29" height="8"> <span class="LivestreamTimer">time</span> <img src="https://d2wcw7vp66n8b3.cloudfront.net/Images/FollowerIcon.png" width="10" height="10"> <span id="LivestreamViewers">' + viewers + '</span><br>' + title + '<br>by ' + name+'</a></div>'
  6075. }
  6076.  
  6077. function StartLivestream() {
  6078.     $(".LivestreamInner").tooltip();
  6079.     window.setInterval(function() {
  6080.         LivestreamTick()
  6081.     }, 1000)
  6082.     addCSS(`
  6083.         .LivestreamTimer {
  6084.             color: gray;  
  6085.         }
  6086.         .LivestreamInner {
  6087.             font-size: 9px;
  6088.             padding-bottom: 5px;
  6089.             border-bottom: 1px #222 solid;
  6090.             margin-top: 5px;
  6091.         }
  6092.         .streamBox:hover > .streamContainer, .streamContainer:hover {
  6093.             display: inline!important
  6094.         }
  6095.         .streamBox > a {
  6096.             font-size: 9px;
  6097.             position: absolute;
  6098.             margin-top: 13px;
  6099.             cursor:pointer;
  6100.         }
  6101.     `)
  6102. }
  6103.  
  6104. function LivestreamTick() {
  6105.     $.each($(".LivestreamInner"), function(key, elem) {
  6106.         var timer = $(elem).find(".LivestreamTimer")
  6107.         $(timer).text(GetHMS((new Date).getTime() - parseInt($(elem).attr("data-started"))))
  6108.     })
  6109. //    var a = $(".LivestreamTimer"),
  6110. //        b = $(".LivestreamInner");
  6111. //    a.text(GetHMS((new Date).getTime() - parseInt(b.attr("data-started"))))
  6112. }
  6113.  
  6114. function Pad0sTo2(a) {
  6115.     return 0 == a.length ? "00" : 1 == a.length ? "0" + a : a
  6116. }
  6117.  
  6118. function GetHMS(a) {
  6119.     var b = a / 1E3,
  6120.         c = b / 60;
  6121.     a = c / 60;
  6122.     c = Math.floor(c % 60).toString();
  6123.     b = Math.floor(b % 60).toString();
  6124.     return 1 <= a ? Math.floor(a) + ":" + Pad0sTo2(c) + ":" + Pad0sTo2(b) : c + ":" + Pad0sTo2(b)
  6125. };

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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