☰

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-02-09 提交的版本，查看 最新版本。

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

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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