/** This script introduces an overlay to the andere-serien site.
 *  It indicates wether a serie was partly or fully watched.
 *  The nobreak wrapper removes the need for mutation watching
 *  since the search function replaces content of link elements
 *  and images appended to the li child creates linebreaks.
 */
'use strict'

let check = chrome.runtime.getURL('images/check.svg');
let times = chrome.runtime.getURL('images/times.svg');

/* add the overlay images to every found title */
function overlay() {
    let series = $('#seriesContainer li:not(.hidden)').get();
    
    series.forEach(function(e) {
        let title = e.firstChild.title;

        chrome.storage.local.get([title], function(items) {
            if (items[title] != null) {
                if (items[title][0] == items[title][1]) {
                    $(e).append('<img height="15" src="' + check + '" />').wrap('<nobr>');
                } else if (items[title][1] > 0) {
                    $(e).append('<img height="15" src="' + times + '" />').wrap('<nobr>');
                }
            }
        });
    });
}

/* If the user wants the overlay, render it */
chrome.storage.sync.get(['overlay'], function(items) {
    if (items.overlay === true) {
        overlay();
    }
});