bouil / Boursorama - No Virtual Keyboard

// ==UserScript==
// @name          Boursorama - No Virtual Keyboard
// @namespace     org.bouil
// @author        bouil
// @author        glandos
// @copyright     2013-2016, https://github.com/bouil/userscripts
// @description   Remove virtual keyboard and add a classic input text field for the password on Boursorama website https://clients.boursorama.com/connexion/. NOT compatible with Chrome yet.
// @include       https://clients.boursorama.com/connexion/?clean=1
// @include       http://localhost:63342/userscripts/tests/boursorama/Connexion.html
// @version       0.3
// @updateURL     https://openuserjs.org/install/bouil/Boursorama_-_No_Virtual_Keyboard.user.js
// @require       https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
// @grant         GM_info
// ==/UserScript==

/**** START of MD5 by http://www.webtoolkit.info/  - License CC BY http://creativecommons.org/licenses/by/2.0/uk/ */
/**
 *
 *  MD5 (Message-Digest Algorithm)
 *  http://www.webtoolkit.info/
 *
 **/
function MD5(string) {

    function RotateLeft(lValue, iShiftBits) {
        return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));
    }

    function AddUnsigned(lX, lY) {
        var lX4, lY4, lX8, lY8, lResult;
        lX8 = (lX & 0x80000000);
        lY8 = (lY & 0x80000000);
        lX4 = (lX & 0x40000000);
        lY4 = (lY & 0x40000000);
        lResult = (lX & 0x3FFFFFFF) + (lY & 0x3FFFFFFF);
        if (lX4 & lY4) {
            return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
        }
        if (lX4 | lY4) {
            if (lResult & 0x40000000) {
                return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
            } else {
                return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
            }
        } else {
            return (lResult ^ lX8 ^ lY8);
        }
    }

    function F(x, y, z) {
        return (x & y) | ((~x) & z);
    }

    function G(x, y, z) {
        return (x & z) | (y & (~z));
    }

    function H(x, y, z) {
        return (x ^ y ^ z);
    }

    function I(x, y, z) {
        return (y ^ (x | (~z)));
    }

    function FF(a, b, c, d, x, s, ac) {
        a = AddUnsigned(a, AddUnsigned(AddUnsigned(F(b, c, d), x), ac));
        return AddUnsigned(RotateLeft(a, s), b);
    };

    function GG(a, b, c, d, x, s, ac) {
        a = AddUnsigned(a, AddUnsigned(AddUnsigned(G(b, c, d), x), ac));
        return AddUnsigned(RotateLeft(a, s), b);
    };

    function HH(a, b, c, d, x, s, ac) {
        a = AddUnsigned(a, AddUnsigned(AddUnsigned(H(b, c, d), x), ac));
        return AddUnsigned(RotateLeft(a, s), b);
    };

    function II(a, b, c, d, x, s, ac) {
        a = AddUnsigned(a, AddUnsigned(AddUnsigned(I(b, c, d), x), ac));
        return AddUnsigned(RotateLeft(a, s), b);
    };

    function ConvertToWordArray(string) {
        var lWordCount;
        var lMessageLength = string.length;
        var lNumberOfWords_temp1 = lMessageLength + 8;
        var lNumberOfWords_temp2 = (lNumberOfWords_temp1 - (lNumberOfWords_temp1 % 64)) / 64;
        var lNumberOfWords = (lNumberOfWords_temp2 + 1) * 16;
        var lWordArray = Array(lNumberOfWords - 1);
        var lBytePosition = 0;
        var lByteCount = 0;
        while (lByteCount < lMessageLength) {
            lWordCount = (lByteCount - (lByteCount % 4)) / 4;
            lBytePosition = (lByteCount % 4) * 8;
            lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount) << lBytePosition));
            lByteCount++;
        }
        lWordCount = (lByteCount - (lByteCount % 4)) / 4;
        lBytePosition = (lByteCount % 4) * 8;
        lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition);
        lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
        lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
        return lWordArray;
    };

    function WordToHex(lValue) {
        var WordToHexValue = "", WordToHexValue_temp = "", lByte, lCount;
        for (lCount = 0; lCount <= 3; lCount++) {
            lByte = (lValue >>> (lCount * 8)) & 255;
            WordToHexValue_temp = "0" + lByte.toString(16);
            WordToHexValue = WordToHexValue + WordToHexValue_temp.substr(WordToHexValue_temp.length - 2, 2);
        }
        return WordToHexValue;
    };

    function Utf8Encode(string) {
        string = string.replace(/\r\n/g, "\n");
        var utftext = "";

        for (var n = 0; n < string.length; n++) {

            var c = string.charCodeAt(n);

            if (c < 128) {
                utftext += String.fromCharCode(c);
            } else if ((c > 127) && (c < 2048)) {
                utftext += String.fromCharCode((c >> 6) | 192);
                utftext += String.fromCharCode((c & 63) | 128);
            } else {
                utftext += String.fromCharCode((c >> 12) | 224);
                utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                utftext += String.fromCharCode((c & 63) | 128);
            }

        }

        return utftext;
    };

    var x = Array();
    var k, AA, BB, CC, DD, a, b, c, d;
    var S11 = 7, S12 = 12, S13 = 17, S14 = 22;
    var S21 = 5, S22 = 9 , S23 = 14, S24 = 20;
    var S31 = 4, S32 = 11, S33 = 16, S34 = 23;
    var S41 = 6, S42 = 10, S43 = 15, S44 = 21;

    string = Utf8Encode(string);

    x = ConvertToWordArray(string);

    a = 0x67452301;
    b = 0xEFCDAB89;
    c = 0x98BADCFE;
    d = 0x10325476;

    for (k = 0; k < x.length; k += 16) {
        AA = a;
        BB = b;
        CC = c;
        DD = d;
        a = FF(a, b, c, d, x[k + 0], S11, 0xD76AA478);
        d = FF(d, a, b, c, x[k + 1], S12, 0xE8C7B756);
        c = FF(c, d, a, b, x[k + 2], S13, 0x242070DB);
        b = FF(b, c, d, a, x[k + 3], S14, 0xC1BDCEEE);
        a = FF(a, b, c, d, x[k + 4], S11, 0xF57C0FAF);
        d = FF(d, a, b, c, x[k + 5], S12, 0x4787C62A);
        c = FF(c, d, a, b, x[k + 6], S13, 0xA8304613);
        b = FF(b, c, d, a, x[k + 7], S14, 0xFD469501);
        a = FF(a, b, c, d, x[k + 8], S11, 0x698098D8);
        d = FF(d, a, b, c, x[k + 9], S12, 0x8B44F7AF);
        c = FF(c, d, a, b, x[k + 10], S13, 0xFFFF5BB1);
        b = FF(b, c, d, a, x[k + 11], S14, 0x895CD7BE);
        a = FF(a, b, c, d, x[k + 12], S11, 0x6B901122);
        d = FF(d, a, b, c, x[k + 13], S12, 0xFD987193);
        c = FF(c, d, a, b, x[k + 14], S13, 0xA679438E);
        b = FF(b, c, d, a, x[k + 15], S14, 0x49B40821);
        a = GG(a, b, c, d, x[k + 1], S21, 0xF61E2562);
        d = GG(d, a, b, c, x[k + 6], S22, 0xC040B340);
        c = GG(c, d, a, b, x[k + 11], S23, 0x265E5A51);
        b = GG(b, c, d, a, x[k + 0], S24, 0xE9B6C7AA);
        a = GG(a, b, c, d, x[k + 5], S21, 0xD62F105D);
        d = GG(d, a, b, c, x[k + 10], S22, 0x2441453);
        c = GG(c, d, a, b, x[k + 15], S23, 0xD8A1E681);
        b = GG(b, c, d, a, x[k + 4], S24, 0xE7D3FBC8);
        a = GG(a, b, c, d, x[k + 9], S21, 0x21E1CDE6);
        d = GG(d, a, b, c, x[k + 14], S22, 0xC33707D6);
        c = GG(c, d, a, b, x[k + 3], S23, 0xF4D50D87);
        b = GG(b, c, d, a, x[k + 8], S24, 0x455A14ED);
        a = GG(a, b, c, d, x[k + 13], S21, 0xA9E3E905);
        d = GG(d, a, b, c, x[k + 2], S22, 0xFCEFA3F8);
        c = GG(c, d, a, b, x[k + 7], S23, 0x676F02D9);
        b = GG(b, c, d, a, x[k + 12], S24, 0x8D2A4C8A);
        a = HH(a, b, c, d, x[k + 5], S31, 0xFFFA3942);
        d = HH(d, a, b, c, x[k + 8], S32, 0x8771F681);
        c = HH(c, d, a, b, x[k + 11], S33, 0x6D9D6122);
        b = HH(b, c, d, a, x[k + 14], S34, 0xFDE5380C);
        a = HH(a, b, c, d, x[k + 1], S31, 0xA4BEEA44);
        d = HH(d, a, b, c, x[k + 4], S32, 0x4BDECFA9);
        c = HH(c, d, a, b, x[k + 7], S33, 0xF6BB4B60);
        b = HH(b, c, d, a, x[k + 10], S34, 0xBEBFBC70);
        a = HH(a, b, c, d, x[k + 13], S31, 0x289B7EC6);
        d = HH(d, a, b, c, x[k + 0], S32, 0xEAA127FA);
        c = HH(c, d, a, b, x[k + 3], S33, 0xD4EF3085);
        b = HH(b, c, d, a, x[k + 6], S34, 0x4881D05);
        a = HH(a, b, c, d, x[k + 9], S31, 0xD9D4D039);
        d = HH(d, a, b, c, x[k + 12], S32, 0xE6DB99E5);
        c = HH(c, d, a, b, x[k + 15], S33, 0x1FA27CF8);
        b = HH(b, c, d, a, x[k + 2], S34, 0xC4AC5665);
        a = II(a, b, c, d, x[k + 0], S41, 0xF4292244);
        d = II(d, a, b, c, x[k + 7], S42, 0x432AFF97);
        c = II(c, d, a, b, x[k + 14], S43, 0xAB9423A7);
        b = II(b, c, d, a, x[k + 5], S44, 0xFC93A039);
        a = II(a, b, c, d, x[k + 12], S41, 0x655B59C3);
        d = II(d, a, b, c, x[k + 3], S42, 0x8F0CCC92);
        c = II(c, d, a, b, x[k + 10], S43, 0xFFEFF47D);
        b = II(b, c, d, a, x[k + 1], S44, 0x85845DD1);
        a = II(a, b, c, d, x[k + 8], S41, 0x6FA87E4F);
        d = II(d, a, b, c, x[k + 15], S42, 0xFE2CE6E0);
        c = II(c, d, a, b, x[k + 6], S43, 0xA3014314);
        b = II(b, c, d, a, x[k + 13], S44, 0x4E0811A1);
        a = II(a, b, c, d, x[k + 4], S41, 0xF7537E82);
        d = II(d, a, b, c, x[k + 11], S42, 0xBD3AF235);
        c = II(c, d, a, b, x[k + 2], S43, 0x2AD7D2BB);
        b = II(b, c, d, a, x[k + 9], S44, 0xEB86D391);
        a = AddUnsigned(a, AA);
        b = AddUnsigned(b, BB);
        c = AddUnsigned(c, CC);
        d = AddUnsigned(d, DD);
    }

    var temp = WordToHex(a) + WordToHex(b) + WordToHex(c) + WordToHex(d);

    return temp.toLowerCase();
}

/**** END of MD5 from http://www.webtoolkit.info/  - License CC BY http://creativecommons.org/licenses/by/2.0/uk/ */


var scriptName = GM_info.script.name
var version = GM_info.script.version;
var debug = false;

var md5ToNumber = new Object();
// firefox
md5ToNumber["9dab285910aeaf0e8880952a35deae76"] = -1;
md5ToNumber["1724f8e220c50fdecf8be24679585ad7"] = 0;
md5ToNumber["6459e31fabdd0cad1fc30c0f51c2f429"] = 1;
md5ToNumber["ad7a07c751009248447b1396619f2d8c"] = 2;
md5ToNumber["ff96e5a989e14653f46b9e676cd101b0"] = 3;
md5ToNumber["dabeec18c7dcd9bad401640d25407c69"] = 4;
md5ToNumber["19fe52c89fc2da2a873f3ec8c02bf750"] = 5;
md5ToNumber["e8c45e7df83231acdde4c7c4bf83918e"] = 6;
md5ToNumber["3db12e858957e0758e2b25fb67783107"] = 7;
md5ToNumber["ef89936c94cb315ce4a384cfcda831ea"] = 8;
md5ToNumber["ecb4f933ad875a0a5f49b9d2b770e227"] = 9;


var number2GridPosition;

function _(elt) {
    return document.createElement(elt);
};

function getNumberFromImgMd5(imageDataBase64) {

    var imageMd5 = MD5(imageDataBase64);
    var number = md5ToNumber[imageMd5];
    return number;
};

function decodeGrid(gridElements) {
    number2GridPosition = new Object();
    
    if (debug) {
       console.log("Decoding ", gridElements.length, " elements");
    }
    
    gridElements.each( function(index, gridElement) {
        var data = $(gridElement).find("img").attr('src');
        var number = getNumberFromImgMd5(data);
        if( number != -1 ) {
           number2GridPosition[number] = gridElement;
        }
    });

    if (debug) {
        console.log("Number -> Grille =");
        console.log(number2GridPosition);
    }

    for (n = 0; n < 10; n++) {
        if (typeof number2GridPosition[n] == "undefined") {
            alert("Grille non decodee pour le chiffre " + n + ". Essayez de mettre a jour le script ou refraichir la page.");
            break;
        }
    }
    
    return number2GridPosition;
}

/**
 * Called when user click on the link to log in
 */
function submitGrid(form) {

    if (!number2GridPosition) {
        alert("Grille non decodee");
        return;
    }

    var password = $("#gm_password").val();
    for (s = 0; s < password.length; s++) {
        var gridButton = number2GridPosition[password[s]];
        if (debug) {
            console.log(gridButton);
        }
        gridButton.click();
    }

    if (!debug) {
        form.submit();
    } else {
        console.log("Debug mode: no submit");
    }
};

function addPasswordInput($form) {
    var originalPasswordDiv = $form.find('div[data-name="fakePassword"]');
    
    // add a password input
    var $divControlGroupPassword = $("<div/>").attr("id", "gm_password_div")
          .attr("class", originalPasswordDiv.attr("class"))
          .attr("data-name", originalPasswordDiv.attr("data-name"));
    
    var $labelPassword = $("<label/>").attr("for", "gm_password").text(originalPasswordDiv.find("label").text());
    $divControlGroupPassword.append($labelPassword);
    var $divControlPasswordInput = $("<div/>").attr("class", "form-row__widget");
    var $newInputPassword = $("<input/>")
        .attr("type", "password")
        .attr("name", "gm_password")
        .attr("id", "gm_password")
        .attr("autocomplete", "On")
        .attr("maxlength", "8")
        .attr("class", originalPasswordDiv.find("input").attr("class"))
        .keypress(function(event) {
            if ( event.keyCode == 13 ) {
                event.preventDefault();
                submitGrid(form);
            }
        });
    $newInputPassword.appendTo($divControlPasswordInput);
    $divControlGroupPassword.append($divControlPasswordInput);
    
    originalPasswordDiv.before($divControlGroupPassword);
    
    // Remove tabindex to have a better UI
    $form.find("div[data-name='rememberMe'] a").attr('tabindex', -1);
}

function addSubmitButton(form) {
    
    var newInputButton = $("<input/>").attr("value", "Valider").attr("class", "button button--lg");
    newInputButton.bind("click", function () {
        submitGrid(form);
    });
    $("#gm_password_div").after(newInputButton);
}

function addScriptInfos($form) {
    // add some info about this script
    var $baseline = $(_("div")).addClass("hero-unit left").css("margin-top", "5px");
    var $p = $(_("h3")).text(scriptName);
    $baseline.append($p);
    $baseline.append($(_("p")).addClass("muted").text("Version " + version));
    $baseline.append($(_("p")));

    $("#gm_password_div").after($baseline);
}

function customizeUi(form) {

    addPasswordInput(form);

    addScriptInfos(form);

    addSubmitButton(form);

    if (!debug) {
        // Hide pad
        $('div.login-window__actions-mask').hide();
        // Hide read-only input
        $('div[data-name="fakePassword"]:not(#gm_password_div)').hide();
    }

    $form.find("input#login").focus();
}

function main() {
    var form = $("form.js-form-login");
    var gridElements = $("ul.password-input>li>span");

    if (!gridElements || (gridElements.length == 0)) {
        alert("Aucune grille d'identification trouvee")
        return;
    }

    if (debug) {
        console.log("Grid is");
        console.log(gridElements);
    }
    decodeGrid(gridElements);
    customizeUi(form);

};

main();