Remember itstoohard tries

Shows all attempted tries for all questions so you know what you already tried.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name         Remember itstoohard tries
// @description  Shows all attempted tries for all questions so you know what you already tried.
// @author       Bladito
// @version      0.2
// @match        http://www.itstoohard.com/puzzle/*
// @namespace    Bladito/itstoohard-tries
// @require      http://code.jquery.com/jquery-latest.js
// @grant        GM_addStyle
// ==/UserScript==

(function($) {
    'use strict';

    var storageName = 'Bladito_ith_tries';
    var puzzleId = location.href.match(/.*itstoohard.com\/puzzle\/(.*)/)[1];
    var tries = getTries();
    var lastSubmittedQuestion;

    GM_addStyle('.one-try { margin-left: 1px; line-height: 10px; display: list-item; list-style-position: inside; list-style-type: circle; }');
    GM_addStyle('.already-tried-value { color: red; }');
    registerClickEventOnSubmit();
    printAlreadyTriedAnswersForAllQuestions();

    (function(open) {
        XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
            this.addEventListener("readystatechange", function(event) {
                if (this.readyState == 4) {
                    registerClickEventOnSubmit();
                    if (event.srcElement.responseText.indexOf('You must wait another') > -1) { //don't remember this try because we need to wait for submit
                        tries[lastSubmittedQuestion].pop();
                    }
                    printAlreadyTriedAnswers(lastSubmittedQuestion);
                    storeTries();
                }
            }, false);
            open.call(this, method, url, async, user, pass);
        };
    })(XMLHttpRequest.prototype.open);

    function registerClickEventOnSubmit() {
        $('input[type="submit"').unbind('click.bladito_hook').bind('click.bladito_hook', function(event) {
            var $this = $(this);
            var questionNumber = parseInt($this.parent()[0].id.replace(/[^0-9]/g, ''), 10);
            var $triesForQuestion = $('.tries[question="' + questionNumber + '"]');
            var triedValue = $this.prev().val();

            lastSubmittedQuestion = questionNumber;

            tries[questionNumber] = tries[questionNumber] || [];
            if (tries[questionNumber].indexOf(triedValue) < 0) {
                tries[questionNumber].push(triedValue);
            } else {
                var $alreadyTriedEl = $this.next('.already-tried');
                if ($alreadyTriedEl.length) {
                    $alreadyTriedEl.children('.already-tried-value').text(triedValue);
                } else {
                    $this.after('<p class="already-tried">You\'ve already tried <span class="already-tried-value">' + triedValue + '</span> before! Try something new right away! No time penalty =).</p>');
                }
                event.preventDefault();
            }
        });
    }

    function printAlreadyTriedAnswers(questionNumber) {
        var wrap = '<div class="tries-wrap"><span>You\'ve already tried '+tries[questionNumber].length+' answers:</span>';
        tries[questionNumber].forEach(function(oneTry) {
            wrap += '<div class="one-try">' + oneTry + '</div>';
        });
        wrap += '</div>';

        $('#M_Repeater_Questions_Panel_Question_' + questionNumber).find('#M_Repeater_Questions_Label_Result_'+(questionNumber)).append(wrap);
    }

    function printAlreadyTriedAnswersForAllQuestions() {
        for (var questionNumber in tries) {
            printAlreadyTriedAnswers(questionNumber);
        }
    }

    function storeTries() {
        var triesForAllPuzzles = JSON.parse(localStorage.getItem(storageName)) || {};
        triesForAllPuzzles[puzzleId] = tries;
        localStorage.setItem(storageName, JSON.stringify(triesForAllPuzzles));
    }

    function getTries() {
        var triesForAllPuzzles = JSON.parse(localStorage.getItem(storageName)) || {};
        return triesForAllPuzzles[puzzleId] || {};
    }

})(jQuery);