script.js

/* This array maps any supplied character to the corresponding LED elements needed to display it. Not the most
   computationally effiecient manner to do it, but the goal here is to do it in a human-readable way, and thus
   more easily extendable to those who wish to add more characters.

   I've established the code style convention of arranging the values of the 'elements' keys so that they actually
   look like the LED display.

   Copy the template below and replace the unneeded characters with spaces. Ideally you'll be able to put your text
   editor in "overwrite mode" so you can just go nuts with that space bar.

   NOTES:

   * If you happen to make a character that's already here, it'll of course use whichever one comes first.
   * Of course, the backslash is the escape operator, so the aesthetically regrettable alternative is that
     we instead use a lowercase L.
   * The period/decimal and the top-left dot is handled separately to keep from always having to clear that out
     here. Already taken care of, folks.

   Characters based on this font set: http://i.imgur.com/vsXiY.jpg

 */

var LED_CHARACTERS = [
/*

    {
        char: '__CHAR__',
        elements:

            ' - - ' +
            '|l|/|' +
            ' - - ' +
            '|/|l|' +
            ' - - '

    },

*/
    {
        char: ' ',
        elements:

            '     ' +
            '     ' +
            '     ' +
            '     ' +
            '     '

    },

    {
        char: '0',
        elements:

            ' - - ' +
            '|   |' +
            '     ' +
            '|   |' +
            ' - - '

    },

    {
        char: '1',
        elements:

            '     ' +
            '   /|' +
            '     ' +
            '    |' +
            '     '

    },

    {
        char: '2',
        elements:

            ' - - ' +
            '    |' +
            ' - - ' +
            '|    ' +
            ' - - '

    },

    {
        char: '3',
        elements:

            ' - - ' +
            '    |' +
            '   - ' +
            '    |' +
            ' - - '

    },

    {
        char: '4',
        elements:

            '     ' +
            '|   |' +
            ' - - ' +
            '    |' +
            '     '

    },

    {
        char: '5',
        elements:

            ' - - ' +
            '|    ' +
            ' - - ' +
            '    |' +
            ' - - '

    },

    {
        char: '6',
        elements:

            ' - - ' +
            '|    ' +
            ' - - ' +
            '|   |' +
            ' - - '

    },

    {
        char: '7',
        elements:

            ' - - ' +
            '   / ' +
            '     ' +
            '  |  ' +
            '     '

    },

    {
        char: '8',
        elements:

            ' - - ' +
            '|   |' +
            ' - - ' +
            '|   |' +
            ' - - '

    },

    {
        char: '9',
        elements:

            ' - - ' +
            '|   |' +
            ' - - ' +
            '    |' +
            '     '

    },

    {
        char: 'B',
        elements:

            ' - - ' +
            '  | |' +
            '   - ' +
            '  | |' +
            ' - - '

    },

    {
        char: '__CHAR__',
        elements:

            ' - - ' +
            '|l|/|' +
            ' - - ' +
            '|/|l|' +
            ' - - '
    }
];

var LED_ELEMENTMAP = {
    anl_htop1:  1,
    anl_htop2:  3,
    anl_vtop1:  5,
    anl_dtop1:  6,
    anl_vtop2:  7,
    anl_dtop2:  8,
    anl_vtop3:  9,
    anl_hmid1: 11,
    anl_hmid2: 13,
    anl_vbot1: 15,
    anl_dbot1: 16,
    anl_vbot2: 17,
    anl_dbot2: 18,
    anl_vbot3: 19,
    anl_hbot1: 21,
    anl_hbot2: 23
}

/*

* */

function setDisplay(dispChar, selector) {
    /* Takes character dispChar amd matches it with a character in LED_CHARACTERS. If it doesn't find the character
     * the last character is used (all elements on).
     *
     * selector: TODO
     *
     * */

    // Default to the last (furthest to right) element of the first display in the DOM if selector is not specified.
    selector = (typeof selector == "undefined") ? $('.anled').last().find('.alphanum_led').last() : selector;

    // Since we default to the last character in LED_CHARACTERS (all elements on) when the character passed
    // hasn't been defined, we'll set this to true when we match either the right character, or that default.
    var renderedChar = false;

    $.each(LED_CHARACTERS, function (charIndex, charValue) {

        if ((dispChar == charValue.char || charValue.char == '__CHAR__') && !renderedChar) {

            $.each(LED_ELEMENTMAP, function (elementIndex, elementValue) {

                // for the .led_elem block, classes should be .on or .off
                $('.led_elem .' + elementIndex, selector)
                    .removeClass('on off')
                    .addClass((charValue.elements[elementValue] != ' ') ? "on" : "off");

                // for the .led_glow block, classes should be glow or nothing
                $('.led_glow .' + elementIndex, selector)
                    .removeClass('glow off')
                    .addClass((charValue.elements[elementValue] != ' ') ? "glow" : "off");

                // Since we've only want to render once per iteration we set this.
                renderedChar = true;

            });

        }


    });

 }

function printToDisplay(chars, selector) {

    // Default to the last (furthest to right) element of the first display in the DOM if selector is not specified.
    selector = (typeof selector == "undefined") ? $('.anled').last().find('.alphanum_led').last() : selector;

    $.each(chars, function (charIndex, charValue) {

        if ( $(selector).length > 0) {
            setDisplay(charValue, selector);
            selector = $(selector).next();
        }

    });
}

function test() {
    setDisplay('B', '.d4');
    setDisplay('0', '.d5');
    setDisplay('0', '.d6');
    setDisplay('B', '.d7');
    setDisplay('5', '.d8');
}


$(document).ready(function () {

});