AtCoderColouringDifference

Color difference values of AtCoder's gradebook
2018-08-29 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         AtCoderColouringDifference
// @namespace    https://chocobo777.github.io
// @version      0.0.3
// @description  Color difference values of AtCoder's gradebook
// @author       chocobo
// @include      https://beta.atcoder.jp/users/*/history
// @grant        none
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// ==/UserScript==

$(function() {
  'use strict';

  /*
  色づけモード
  0: 色なし
  1: 文字
  2: 背景
  */
  var colouringMode = 2;


  // 読み込み元と整合性を取る
  // https://wiki.greasespot.net/Third-Party_Libraries
  this.$ = this.jQuery = jQuery.noConflict(true);

  // 背景色
  function convertvalueToColorCode(value){
      if(value >= 2800) return '#FFB2B2';
      if(value >= 2400) return '#FFD9B2';
      if(value >= 2000) return '#ECECB2';
      if(value >= 1600) return '#B2B2FF';
      if(value >= 1200) return '#B2ECEC';
      if(value >=  800) return '#B2D9B2';
      if(value >=  400) return '#D9C5B2';
                        return '#D9D9D9';
  }

  // 文字色
  function convertvalueToColorClass(value){
      if(value >= 2800) return 'user-red';
      if(value >= 2400) return 'user-orange';
      if(value >= 2000) return 'user-yellow';
      if(value >= 1600) return 'user-blue';
      if(value >= 1200) return 'user-cyan';
      if(value >=  800) return 'user-green';
      if(value >=  400) return 'user-brown';
                        return 'user-gray';
  }

  // セルをmodeで色づけ
  function colouringCell(cell, mode){
      const value = cell.text();
      console.log(cell);
      if(isNaN(value)) return;

      if (mode == 0) { // 色づけしない
          cell.text(value);
      }
      else if (mode == 1) { // 文字を色づけ
          cell.text('');
          cell.append('<span class="' + convertvalueToColorClass(value) + '">' + value + '</span>');
      }
      else if (mode == 2) { // 背景を色づけ
          cell.text(value);
          cell.attr('style', 'background-color:' + convertvalueToColorCode(value) + ';>');
      }
  }

  $('#history').find('tbody').find('tr').each(function(i, contestInfo) {
      const tds = $(contestInfo).find('td');
      colouringCell($(tds[5]), colouringMode);
  });
});