atcoder-submission-status

AtCoderで提出した解答がいくつのテストケースでACか, WAか...が一目でわかるように表示する

Versão de: 30/05/2019. Veja: a última versão.

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

// ==UserScript==
// @name         atcoder-submission-status
// @name:en      atcoder-submission-status
// @namespace    https://github.com/9sako6/atcoder-userscripts
// @version      0.2
// @description  AtCoderで提出した解答がいくつのテストケースでACか, WAか...が一目でわかるように表示する
// @description:en This script shows submission's statuses clearly!
// @author       9sako6
// @match        https://atcoder.jp/contests/*/submissions/*
// @exclude      https://atcoder.jp/contests/*/submissions/me
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js
// @license     MIT
// ==/UserScript==

function makeTable() {
  'use strict';
  /**
   * count each status
   */
  const statusPanel = document.getElementsByClassName('panel-default')[2];
  const cases = $(statusPanel).find('tr');
  const statusCodes = ['AC', 'WA', 'TLE', 'RE', 'CE', 'MLE', 'OLE', 'IE', 'WR'];
  let countAll = -1;
  let counter = {};
  // initialize counter
  statusCodes.forEach((val) => {
    counter[val] = 0;
  });
  cases.each((_, elem)=>{
    let texts = $(elem).find('td');
    texts.each((i, tdElem)=>{
      if (i == 1) { // if tdElem is status code
        const statusCode = $($(tdElem).find('span')[0]).text();
        counter[statusCode] += 1;
      }
    });
    countAll += 1;
  });

  /**
   * make result table
   */
  // a wrapper element of table
  let wrapElem = document.createElement('div');
  wrapElem.id = 'added-result-panel';
  wrapElem.classList.add('panel', 'panel-default');
  var newContent = document.createTextNode('');
  wrapElem.appendChild(newContent);
  statusPanel.parentNode.insertBefore(wrapElem, statusPanel);

  // table
  let trElem = '<tr>';
  statusCodes.forEach((status, i) => {
    const ACflag = (status === 'AC' ? true : false);
    const label = `<span
      class="label label-${ACflag ? 'success' : 'warning'}"
      aria-hidden="true"
      data-toggle="tooltip"
      data-placement="top"
      title=""
    >${status}</span>`;

    trElem += `<td style="line-height: 1.2em; text-align: center"><span>${label}</span></td>`;
  });
  trElem += '</tr><tr>';
  statusCodes.forEach((status, i) => {
    trElem += `<td style="line-height: 1.2em; text-align: center">
    <span style="${counter[status] > 0 ? "font-weight: 700;" : ''}">
    ${counter[status]}/${countAll}
    </span></td>`;
  });
  trElem += '</tr>';
  const resultTable = `<table class="table table-bordered table-striped th-center">
  <tbody>${trElem}</tbody>
  </table>`;
  $('#added-result-panel').append(resultTable);
}

(function() {
  try {
    makeTable();
  }catch(e){
    console.error(e);
  }
})();