missingarenavalue.js

var oopinou_to = 0;
var service = 'http://whateverorigin.org/get?url=' // http://whateverorigin.org/get?url=
var cache_page = false;


var get_lang = function () {
    return $('[alt="Lang"]')
        .attr('src')
        .replace('/images/flags/', '')
        .replace('.gif', '');
}

var get_class = function () {
    return $('.dropdown-toggle .menu_class')
        .attr('src')
        .replace('/images/class/class-', '')
        .replace('.png', '');
}

var get_url = function () {
    var prefix = (get_lang() === 'en') ? '' : get_lang() + '%2F';
    return service + 'http%3A%2F%2Fwww.heartharena.com%2F' + prefix + 'tierlist';
}

var get_value = function (name) {
    return cache_page.find('#' + get_class() + ' dt:contains(\''+name+'\') + dd').html();
}

var get_color = function ( value ) {
    var color = 'red';
    if (value > 35) {
        color = 'lightgrey';
    } if (value > 45) {
        color = 'grey';
    } if (value > 60) {
        color = 'green';
    } if (value > 85) {
        color = 'purple';
    } if (value > 110) {
        color = 'purple';
    }
    return color;
}

var set_missing_values = function () {
    clearTimeout(oopinou_to);

    oopinou_to = setTimeout(function () {

        for (var i = 1; i <= 3; i++) {
            if ($('#s' + i).html() === "unranked" || $('#replace_notes').is(':checked')) {
                var name = $('#card' + i + ' option:selected').text().trim();
                var value = get_value( name )
                if (! value ) {
                    $('#s' + i).html('-')
                } else {
                    $('#s' + i).html('<span title="Value gathered from heartharena" class="label label-default" style="background-color: '+get_color(value)+';">'+ value +'</span>');
                }
            }
        }

    }, 300);
}

var process_script = function () {

    if ($('#replace_notes').is(':checked')) {
        $('#s1,#s2,#s3').html('loading ...')
    }

    if (cache_page === false) {
        $.getJSON( get_url() + '&callback=?', function (data) {
            cache_page = $(data.contents);
            set_missing_values();
            // console.log('load finished');
            $('#loading_script').hide();
        });
    } else {
        set_missing_values();
    }
}

process_script();

$('#card1,#card2,#card3').on('change', process_script);
$('#myTab').append('<li><input id="replace_notes" type="checkbox" checked="checked"> &nbsp;&nbsp;<label for="replace_notes">Replace all note by <a target="_blank" href="http://www.heartharena.com/tierlist">heartharena</a> (not only missing)</label> <span id="loading_script" style="color:red;"><br>script is loading fresh heartharena values ... plz wait</span></li>')
$('#replace_notes').on('click', process_script)