☰

atcoder-tasks-page-colorize-during-contests

tasks ページにおいて，提出した問題に色付けを行います．開催中のコンテストの色付けについて，atcoder-tasks-page-colorizer が対応していないため，これを補完します．

目前為 2021-05-06 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         atcoder-tasks-page-colorize-during-contests
  3. // @namespace    iilj
  4. // @version      2021.5.6.0
  5. // @description  tasks ページにおいて，提出した問題に色付けを行います．開催中のコンテストの色付けについて，atcoder-tasks-page-colorizer が対応していないため，これを補完します．
  6. // @author       iilj
  7. // @supportURL   https://github.com/iilj/atcoder-tasks-page-colorize-during-contests/issues
  8. // @match        https://atcoder.jp/contests/*/tasks
  9. // ==/UserScript==
  10.  
  11. /**
  12.  * 問題ごとの結果エントリ
  13.  * @typedef {Object} TaskResultEntry
  14.  * @property {any} Additional 謎
  15.  * @property {number} Count 提出回数
  16.  * @property {number} Elapsed コンテスト開始からの経過時間 [ns].
  17.  * @property {number} Failure 非 AC の提出数（ACするまではペナルティではない）．
  18.  * @property {boolean} Frozen アカウントが凍結済みかどうか？
  19.  * @property {number} Penalty ペナルティ数
  20.  * @property {boolean} Pending ジャッジ中かどうか？
  21.  * @property {number} Score 得点（×100）
  22.  * @property {number} Status 1 のとき満点？ 6 のとき部分点？
  23.  */
  24.  
  25. /**
  26.  * 全問題の結果
  27.  * @typedef {Object} TotalResultEntry
  28.  * @property {number} Accepted 正解した問題数
  29.  * @property {any} Additional 謎
  30.  * @property {number} Count 提出回数
  31.  * @property {number} Elapsed コンテスト開始からの経過時間 [ns].
  32.  * @property {boolean} Frozen アカウントが凍結済みかどうか？
  33.  * @property {number} Penalty ペナルティ数
  34.  * @property {number} Score 得点（×100）
  35.  */
  36.  
  37. /**
  38.  * 順位表エントリ
  39.  * @typedef {Object} StandingsEntry
  40.  * @property {any} Additional 謎
  41.  * @property {string} Affiliation 所属．IsTeam = true のときは，チームメンバを「, 」で結合した文字列．
  42.  * @property {number} AtCoderRank AtCoder 内順位
  43.  * @property {number} Competitions Rated コンテスト参加回数
  44.  * @property {string} Country 国ラベル．"JP" など．
  45.  * @property {string} DisplayName 表示名．"hitonanode" など．
  46.  * @property {number} EntireRank コンテスト順位？
  47.  * @property {boolean} IsRated Rated かどうか
  48.  * @property {boolean} IsTeam チームかどうか
  49.  * @property {number} OldRating コンテスト前のレーティング．コンテスト後のみ有効．
  50.  * @property {number} Rank コンテスト順位？
  51.  * @property {number} Rating コンテスト後のレーティング
  52.  * @property {{[key: string]: TaskResultEntry}} TaskResults 問題ごとの結果．参加登録していない人は空．
  53.  * @property {TotalResultEntry} TotalResult 全体の結果
  54.  * @property {boolean} UserIsDeleted ユーザアカウントが削除済みかどうか
  55.  * @property {string} UserName ユーザ名．"hitonanode" など．
  56.  * @property {string} UserScreenName ユーザの表示名．"hitonanode" など．
  57.  */
  58.  
  59. /**
  60.  * 問題エントリ
  61.  * @typedef {Object} TaskInfoEntry
  62.  * @property {string} Assignment 問題ラベル．"A" など．
  63.  * @property {string} TaskName 問題名．
  64.  * @property {string} TaskScreenName 問題の slug. "abc185_a" など．
  65.  */
  66.  
  67. /**
  68.  * 順位表情報
  69.  * @typedef {Object} Standings
  70.  * @property {any} AdditionalColumns 謎
  71.  * @property {boolean} Fixed 謎
  72.  * @property {StandingsEntry[]} StandingsData 順位表データ
  73.  * @property {TaskInfoEntry[]} TaskInfo 問題データ
  74.  */
  75.  
  76. /* globals $, contestScreenName, startTime, endTime, userScreenName, moment */
  77.  
  78. (async () => {
  79.     'use strict';
  80.  
  81.     // 終了後のコンテストに対する処理は以下のスクリプトに譲る：
  82.     // https://greasyfork.org/ja/scripts/380404-atcoder-tasks-page-colorizer
  83.     if (moment() >= endTime) return;
  84.  
  85.     const res = await fetch(`https://atcoder.jp/contests/${contestScreenName}/standings/json`);
  86.     /** @type {Standings} */
  87.     const standings = await res.json();
  88.  
  89.     const standingsEntry = standings.StandingsData.find((_standingsEntry) => _standingsEntry.UserScreenName == userScreenName);
  90.  
  91.     document.querySelector('#main-div thead th:last-child').insertAdjacentHTML(
  92.         'beforebegin', '<th width="10%" class="text-center">得点</th><th class="text-center">提出日時</th>');
  93.     document.querySelectorAll('#main-div tbody tr').forEach((tableRow, key) => {
  94.         const problem_id = tableRow.querySelector('td:nth-child(2) a').getAttribute('href').split('/').pop();
  95.         if (standingsEntry !== undefined && problem_id in standingsEntry.TaskResults) {
  96.             const taskResultEntry = standingsEntry.TaskResults[problem_id];
  97.             const dt = startTime.clone().add(taskResultEntry.Elapsed / 1000000000, 's');
  98.             console.log(dt.format());
  99.             tableRow.querySelector('td:last-child').insertAdjacentHTML(
  100.                 'beforebegin',
  101.                 `<td class="text-center">${taskResultEntry.Score / 100}</td>
  102.                 <td class="text-center">${dt.format("YYYY/MM/DD HH:mm:ss")}</td>`);
  103.             tableRow.classList.add(taskResultEntry.Status === 1 ? 'success' : 'danger');
  104.         } else {
  105.             tableRow.querySelector('td:last-child').insertAdjacentHTML(
  106.                 'beforebegin', '<td class="text-center">-</td><td class="text-center">-</td>');
  107.         }
  108.     });
  109. })();