Greasy Fork is available in English.

TW Ranking+

Extended Ranking for The West Classic

Vous devrez installer une extension telle que Tampermonkey, Greasemonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Userscripts pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension de gestionnaire de script utilisateur pour installer ce script.

(J'ai déjà un gestionnaire de scripts utilisateur, laissez-moi l'installer !)

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

(J'ai déjà un gestionnaire de style utilisateur, laissez-moi l'installer!)

// ==UserScript==
// @name         TW Ranking+
// @namespace    Johnny
// @author       Johnny
// @version      1.6
// @description  Extended Ranking for The West Classic
// @match        https://classic.the-west.net/game.php*
// @connect      107.170.27.137
// @grant        GM_addStyle
// @grant        GM_xmlhttpRequest
// @grant        unsafeWindow
// ==/UserScript==

(function() {
  let towns = [];
  let lastModified = 0;
  let windowName = 'RankingPlus';

  let style = '\
    #menu_ranking_plus a { background: url("data:image/png;base64,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"); cursor: pointer; } \
    #window_' + windowName + '_title { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAAAZCAMAAAAc2dwqAAAAyVBMVEUAAAAsFA4rEg8uFRHt6uEwFw4vFxM8KiRALii8tq+akoxQNzPk4NgxGRNUOzZYPzpPNjE+LCVJMSxNNC/QzMReRT9ELylDKiWBd3I0GxZSOjQ9JB/GwblaQT1WPTmmn5hjS0ZtVE9kWFNIMCra1s2Rg3xpUUpFMy04IBtURkFAKyY1HhiBd3F6YlxhSEJALSZAKCPWzsOAbGXGvLKyq6OgkYlzaGOsoJaMe3NkV1NKOjKuoZinmZCaiYGJd2+Nb1llWFRjWFPJv7bBkC4lAAAAAXRSTlMAQObYZgAABItJREFUSMeVVgl7ojAQDQmySIAoKCiIhXrU1tVW2+59//8ftTMhcjX47T5bDZNh3sscKHl8sG377ottR/D55c4GPI7HaLuzoyiyHx4fHuxH2x6/KzHGzXcKsL4bAx7H8s7Whrpo2f43MAmeqGEY9AKjQn0Fn7QJo+OrM/f61c5dGqOjY/ewI7nPqA7tWIqy/mfwqsA05q6htiG64TXw0iAm+TT1UPN1gEdDChsMKk6tWe9Xrem/EKZxEJCRP4rnzJD8zVRpclkbkYGxgQJjb806P2XS5KpDjn9efMwD8nPqc8yehIxXhaiMLdSu9JIJjVnrp49UHbz0Vkj54fCTkNOnJEr3HmNVAdSyWz+0OKbE4h635G7lRGfmpIw9NB1m6MC01VVsTQEG24nt9xNBvE5FlHryDK1I3frBLqpDrJvJVQtQZ1zUKXO7Y6lrftZUV3E1Us28XbD9RhQ+Cr7aSR9WT+fbzIHFMYewunfND40sqFF8D+raqOZRrV3zVobR5hAXSoOVBtlHUuHjkqeWlMQougwMpskcGEAdxpmYM3q/gBwOIxDlOlhrmbtb15zJ3N2Yw6Epj7JxzYVjTjCga/5iSqkuh1DkgZS7j/lX0sDrMtxZ5X2q9G86Wq5KdaDhAyhEvLCZakXsu/s1CKOlOgkHxANcEA5i5bJv1mr23cp/JS1slmEK8hhV6e2trNJStviLOUR6B1S7kLs1ijNU7txbuoCzLEC3PWmo05UUwTAFSLn3p99JB+djAq2HLwS66yuLmDgUMLsBQlCHhB+kOkCtbigzbUCpqbExJ3g/ToV2LAzFiq85Lzaki9Mhf7IMVj3lWW9lP69lPy3Mm983F3W3pbqJuaZSHYUdSi/qKKijUt2trqQDyaao98HxfCJv8Lz190b9xXil72BkHcyWbU/a6tbQcjeq78ARvRlU1oiwskyq080q2irmNN8+Ew1e82APp0CXQV/jIR9qNH/dl92+GMxMlyl1E3jWuFFVWZm7mZoKKqEvrGJkwO7F4hvRYX2eRh6Vqpj2YVzNrLEAIRuYjd9SlEvpRR2qavcdtuqLg1uU9s0qsCERbu7885po8XycrixVTKovrUqoXCiTOnkT9QY2IWQThpf1fpPhhaKwUv/4THrwqcifqvupRp1KaFdE5dLUp8gd9eDTVrbWp0YiKT6RXmwOxZ6Wh+y+s4HSCKiqbvSjGn/Hhb5zwL86rOxtDQudj7Yb0o8/h+2KdUrU/YXcukLozP1+7YC0dZ70WDyTK9hAbTu/UmQ/eBZjFmvA8jzPsuZzdNKYNX6tPlNxFY+CFxc/yDW8FJmw1IHKBpF3Q3gLWFCkpYCs3nyOVdKZdX6NlFFr7uGJkaWiS/38K7mG0/mwDXnCl8epP+J+IjIe+jzCpZ+Eo4T7mVhmS87DIPTDOI1Xq+hJZ9b6BQH3l8ssEwmfbosin+b5kidLwYMROCfFoTiRq/ixzYIkCbnIhMh8XwgecsAo4Hz1FMdxOAo5sIz4yBegX0wBOrPOj4dRnIgkDIIoEBmYhIC9EA49igJfcJGfSRt/AdMtYsYMrQ/3AAAAAElFTkSuQmCC"); } \
    #window_' + windowName + '_content { overflow-y: scroll; } \
    #window_' + windowName + '_content #ranking_table th { cursor: pointer; font-size: 9px; } \
    #window_' + windowName + '_content #ranking_table td { padding: 0; text-align: center; vertical-align: middle; } \
    #window_' + windowName + '_content #ranking_table .green { font-weight: bold; background: green !important; color: white; } \
    #window_' + windowName + '_content #ranking_table .red { font-weight: bold; background: darkred !important; color: white; } \
  ';
  GM_addStyle(style);

  GM_xmlhttpRequest({
    method: 'GET',
    url: 'http://107.170.27.137/data.json?' + new Date().getTime(),
    onload: function(resp) {
      towns = JSON.parse(resp.responseText);

      let start = resp.responseHeaders.indexOf('Last-Modified:') + 14;
      lastModified = resp.responseHeaders.substring(start, resp.responseHeaders.indexOf('\n', start)) || 0;
    }
  });

  let button = document.createElement('li');
  button.id = 'menu_ranking_plus';
  let buttonLink = document.createElement('a');
  buttonLink.onclick = openWindow;
  buttonLink.innerHTML = '<span>Ranking+</span>';
  button.appendChild(buttonLink);
  let rankingMenu = document.getElementById('menu_ranking');
  rankingMenu.parentNode.insertBefore(button, rankingMenu.nextSibling);

  function openWindow() {
    if (!unsafeWindow.AjaxWindow.windows[windowName]) {
      let win = document.createElement('div');
      win.id = 'window_' + windowName;
      win.className = 'window';

      unsafeWindow.AjaxWindow.windows[windowName] = win;

      let html = '\
        <div class="window_borders"> \
        <h2 id="window_' + windowName + '_title" class="window_title"><span>Ranking+</span></h2> \
        <a href="javascript:AjaxWindow.closeAll();" class="window_closeall"></a><a href="javascript:AjaxWindow.toggleSize(\'' + windowName + '\');" class="window_minimize"></a><a href="javascript:AjaxWindow.close(\'' + windowName + '\');" class="window_close"></a> \
        <div id="window_' + windowName + '_content" class="window_content"></div> \
        </div> \
      ';
      win.innerHTML = html;
      win.style.zIndex = ++unsafeWindow.lastIndex;
      win.style.left = window.innerWidth / 2 - 365.5 + 'px';
      document.getElementById('windows').appendChild(win);

      unsafeWindow.AjaxWindow.windows[windowName].makeDraggable();

      win.addEventListener('mousedown', function() {
        win.style.zIndex = ++unsafeWindow.lastIndex;
      }.bind(win), false);

      printSortedTowns('allDuels');
    } else {
      unsafeWindow.AjaxWindow.windows[windowName] = 'block';
      unsafeWindow.AjaxWindow.windows[windowName] = ++unsafeWindow.lastIndex;
    }
  }

  function printSortedTowns(method) {
    towns.sort(function(a, b) {
      if (method === 'name') {
        return (a[method] > b[method]) ? 1 : ((b[method] > a[method]) ? -1 : 0);
      }
      return b[method] - a[method];
    });

    let win_content = document.getElementById('window_' + windowName + '_content');
    clear(win_content);
    win_content.appendChild(renderWindowContent());
  }

  function renderWindowContent() {
    let wrapper = document.createElement('div');

    let updateTime = document.createElement('div');
    updateTime.style.marginBottom = '5px';
    let date = new Date(lastModified);
    updateTime.innerHTML = 'Last update: ' + date.toLocaleString();

    let table = document.createElement('table');
    table.id = 'ranking_table';

    let trH = document.createElement('tr');
    let headers = ['Town', 'All duels', 'Duels won', 'Duels lost', 'Diff', 'KO opponents', 'KO members', 'Highest counting hit in a duel', 'Best dueller of the town', 'Best duelling opponent'];
    let headersObj = ['name', 'allDuels', 'duelsWon', 'duelsLost', 'diff', 'koOpponents', 'koMembers', 'bestDmg', 'bestTownDmg', 'bestOpponentDmg'];
    for (let i = 0; i < headers.length; i++) {
      let th = document.createElement('th');
      th.innerHTML = headers[i];
      th.dataset.obj = headersObj[i];
      th.addEventListener('click', function() {
        printSortedTowns(this.dataset.obj);
      }, false);
      trH.appendChild(th);
    }
    table.appendChild(trH);

    for (let j = 0; j < towns.length; j++) {
      let town = towns[j];
      let tr = document.createElement('tr');

      let td1 = document.createElement('td');
      td1.innerHTML = town.town;
      tr.appendChild(td1);

      let td2 = document.createElement('td');
      td2.className = 'bold';
      td2.innerHTML = town.allDuels;
      tr.appendChild(td2);

      let td3 = document.createElement('td');
      if (town.duelsWon > town.duelsLost) td3.className = 'green';
      td3.innerHTML = town.duelsWon;
      tr.appendChild(td3);

      let td4 = document.createElement('td');
      if (town.duelsLost > town.duelsWon) td4.className = 'red';
      td4.innerHTML = town.duelsLost;
      tr.appendChild(td4);

      let td5 = document.createElement('td');
      td5.innerHTML = town.diff;
      tr.appendChild(td5);

      let td6 = document.createElement('td');
      if (town.koOpponents > town.koMembers) td6.className = 'green';
      td6.innerHTML = town.koOpponents;
      tr.appendChild(td6);

      let td7 = document.createElement('td');
      if (town.koMembers > town.koOpponents) td7.className = 'red';
      td7.innerHTML = town.koMembers;
      tr.appendChild(td7);

      let td8 = document.createElement('td');
      td8.innerHTML = (town.bestDmg > 0 ? town.bestDmg + ' dmg<br>' + town.bestPlayer : '-');
      tr.appendChild(td8);

      let td9 = document.createElement('td');
      td9.innerHTML = (town.bestTownDmg > 0 ? town.bestTownDmg + ' dmg<br>' + town.bestTownPlayer : '-');
      tr.appendChild(td9);

      let td10 = document.createElement('td');
      td10.innerHTML = (town.bestOpponentDmg > 0 ? town.bestOpponentDmg + ' dmg<br>' + town.bestOpponentPlayer : '-');
      tr.appendChild(td10);

      table.appendChild(tr);
    }

    wrapper.appendChild(updateTime);
    wrapper.appendChild(table);
    return wrapper;
  }

  function clear(el) {
    while (el.firstChild) el.removeChild(el.firstChild);
  }
})();