☰

Tidy up your Dashboard

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

当前为 2018-09-01 提交的版本，查看 最新版本。

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

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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