// ==UserScript==
// @name Hide Tags
// @namespace http://tampermonkey.net/
// @author CF
// @version 1.0
// @description hides all other problem tags other than problem rating / difficulty tag
// @match https://codeforces.me/contest/*
// @match https://codeforces.me/problemset/problem/*
// @require http://code.jquery.com/jquery-latest.js
// ==/UserScript==

let $$$ = window.jQuery; $$$(document).ready(function () {
    let app_name = "Tag Hider"

    function display_tags(rating, tags) {
        // console.log("Making the rating box");
        let container = $$$(&quot;&lt;div&gt;&lt;/div&gt;&quot;); container.addClass(&quot;problem-tags roundbox sidebox&quot;); container.css({ &quot;display&quot;: &quot;inline-block&quot;, &quot;width&quot;:&quot;100 let lt = $$$("<div></div>");
        lt.addClass("roundbox-lt");
        lt.text(" ");
        let rt = $$$(&quot;&lt;div&gt;&lt;/div&gt;&quot;); rt.addClass(&quot;roundbox-rt&quot;); rt.text(&quot; &quot;); let lb = $$$("<div></div>");
        lb.addClass("roundbox-lb");
        lb.text(" ");
        let rb = $$$(&quot;&lt;div&gt;&lt;/div&gt;&quot;); rb.addClass(&quot;roundbox-rb&quot;); rb.text(&quot; &quot;); container.append(lt); container.append(rt); let tag_head = $$$("<div></div>");
        tag_head.addClass("caption titled");
        tag_head.text("→ Problem tags");
        container.append(tag_head);
        let tag_body = $$$(&quot;&lt;div&gt;&lt;/div&gt;&quot;); tag_body.css({&quot;margin-bottom&quot;: &quot;1em&quot;}); let tag_container = $$$("<div></div>").css({ "padding": "0.5em", "display": "inline-block" });
        function spoiler(special = 0)
        {
            let tag_div = $$$(&quot;.problem-difficulty&quot;); if ((tag_div.attr(&quot;value&quot;) === &quot;hidden&quot; || special == 1) &amp;&amp; special != -1) { tag_div.css({&quot;background-color&quot;: &quot;rgb(240, 240, 240)&quot;, color: &quot;rgb(0, 0, 0)&quot;}); tag_div.attr(&quot;value&quot;, &quot;visible&quot;); } else { tag_div.css({&quot;background-color&quot;: &quot;rgb(128, 128, 128)&quot;, color: &quot;rgb(128, 128, 128)&quot;}); tag_div.attr(&quot;value&quot;, &quot;hidden&quot;); } } function make_tag(tag, type) { let tag_div = $$$("<div></div>");
            tag_div.addClass("roundbox");
            tag_div.css({ "margin": "2px", "padding": "0px 3px 2px 3px", "background-color": "rgb(240, 240, 240)", "float": "left" });
            tag_div.append(lt);
            tag_div.append(rt);
            tag_div.append(lb);
            tag_div.append(rb);
            let tag_span = $$$(&quot;&lt;span&gt;&lt;/span&gt;&quot;); tag_span.addClass(&quot;tag-box&quot;); tag_span.css({ &quot;font-size&quot;: &quot;1.2rem&quot;, &quot;display&quot;: &quot;inline&quot; }); tag_span.attr(&quot;title&quot;, '$$${tag}`);
            tag_span.text(`$$${tag}'); if (type) { tag_div.hide(); tag_span.hide(); } else { tag_span.addClass(&quot;problem-difficulty-span&quot;); tag_div.addClass(&quot;problem-difficulty&quot;); tag_div.attr(&quot;value&quot;, &quot;hidden&quot;); tag_div.click(spoiler); tag_div.css({&quot;background-color&quot;: &quot;rgb(128, 128, 128)&quot;, &quot;color&quot;: &quot;rgb(128, 128, 128)&quot;, &quot;-webkit-user-select&quot;: &quot;none&quot;, &quot;-khtml-user-select&quot;: &quot;none&quot;, &quot;-webkit-touch-callout&quot;: &quot;none&quot;, &quot;-moz-user-select&quot;: &quot;none&quot;, &quot;-o-user-select&quot;: &quot;none&quot;, &quot;user-select&quot;: &quot;none&quot;}); } tag_div.append(tag_span); tag_container.append(tag_div); } if (rating == undefined) { make_tag(&quot;*unrated&quot;, 0); } else { make_tag(&quot;*&quot; + rating, 0); } for (let index = 0; index &lt; tags.length; index++) { const tag = tags[index]; make_tag(tag, 1); } let button_div = $$$('<div></div>');
        let tag_button = $$$('&lt;button&gt;&lt;/button&gt;'); button_div.css({ &quot;margin-top&quot;: &quot;3px&quot;, &quot;display&quot;: &quot;block&quot; }); function toggleTag() { current = (1 - current); $$$(".tag-box").each(function () {
                let tag = $$$(this); let tag_text = tag.text().trim(); if (tag_text.charAt(0) != &quot;*&quot;) { tag.toggle(); tag.parent().toggle(); } }); }; tag_body.append(tag_container); tag_body.append(button_div); container.append(tag_body); // console.log(container); container.insertAfter($$$(".submitForm").parent().parent());
        // console.log($$$(&quot;.submitForm&quot;)); }<br /><br /> function get_tags(contest_id, problem_id) { // console.log(contest_id); // console.log(problem_id); let base_url = &quot;https://codeforces.me/api/contest.standings&quot;; let api_url = base_url + '?contestId=$$${contest_id}&from=1&count=1`;
        $$$.ajax({ url: api_url, success: function (response) { let problem_list = response.result.problems; // console.log(response); // console.log(problem_list); let found = 0; for (let index = 0; index &lt; problem_list.length; index++) { const problem = problem_list[index]; if (problem.index == problem_id) { found = 1; // console.log(problem); let rating = problem.rating; let tags = problem.tags; display_tags(rating, tags); // console.log(tags); // console.log(rating); break; } }<br /><br /> if (!found) { console.log('$$${app_name}: Problem Not Found`);
                }
            },
            error: function (response) {
                console.log(`$$${app_name}: API Call Failed!'); console.log(response.responseJSON.comment); }, });<br /><br /> }<br /><br /> function get_data() { let cid, pid; let path = window.location.pathname; let path_len = path.length; if (path.charAt(path_len - 1) == '/') { path_len--; } let corner = path.includes(&quot;contest&quot;); let endpoint = path_len - 1; let count = 0; for (let index = path_len - 1; index &gt;= 0; index--) { const val = path.charAt(index); if (val == '/') { if (count == 1) { if (corner) { corner = 0; endpoint = index - 1; continue; } cid = path.substring(index + 1, endpoint + 1); break; } else { pid = path.substring(index + 1, endpoint + 1); endpoint = index - 1; } count++; } } get_tags(cid, pid); }<br /><br /> if ($$$(".verdict-accepted").length == 0) {
        get_data();
    }
});