AtCoder Problem Buttons

問題選択を簡単に行うことができるボタンを追加します

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

You will need to install an extension such as Tampermonkey to install this script.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

// ==UserScript==
// @name    AtCoder Problem Buttons
// @namespace    http://tampermonkey.net/
// @version    0.2
// @description    問題選択を簡単に行うことができるボタンを追加します
// @author    Chippppp
// @license    MIT
// @match    https://atcoder.jp/contests/*/submit*
// @grant    none
// ==/UserScript==

(() => {
    "use strict";
    let problemButton = document.getElementById("select-task");
    let buttonGroup = problemButton.parentElement;
    let problemButtons = [];
    for (let i of problemButton.children) {
        let button = document.createElement("button");
        buttonGroup.appendChild(button);
        button.className = "btn btn-default";
        button.type = "button";
        button.innerText = i.innerText;
        button.value = i.value;
        problemButtons.push(button);
    }
    problemButtons[0].className = "btn btn-success";
    for (let i of problemButtons) {
        i.addEventListener("click", () => {
            for (let button of problemButtons) button.className = "btn btn-default";
            i.className = "btn btn-success";
            problemButton.value = i.value;
            problemButton.dispatchEvent(new Event("change"));
        });
        if (i.innerText == problemButton.innerText) i.click();
    }
    problemButton.onchange = () => {
        for (let button of problemButtons) {
            if (button.value == problemButton.value) button.className = "btn btn-success";
            else button.className = "btn btn-default";
        }
    };
})();