BDManagementEnhancer

Enhances advertisement management at bd742.com
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name     BDManagementEnhancer
// @version  1.60
// @license  none
// @run-at   document-end
// @match  https://bd742.com/user.php*
// @require https://cdn.jsdelivr.net/jquery/latest/jquery.min.js
// @require https://cdn.jsdelivr.net/momentjs/latest/moment.min.js
// @require https://cdn.jsdelivr.net/npm/[email protected]/daterangepicker.js
// @require https://cdn.jsdelivr.net/npm/[email protected]/jquery.hotkeys.js
// @namespace https://greasyfork.org/users/290665
// @description Enhances advertisement management at bd742.com
// @grant GM_addStyle
// @grant GM_download
// @grant unsafeWindow
// ==/UserScript==

const xrps = 25; // XHR requests per second
const maxXHR = 6; // maximum concurrent XHR requests
const ladMinNo = 150; // minimum banner number for "ladisha" domain
const urlParm = "?mtm_campaign=lhannounce";

const special_banners = [14];
const regular_banners = [12, 14, 16];

const $ = window.jQuery;

const chmap = {
    'a': ['ａ', '𝐚', '𝖆', '𝒂', '𝓪', '𝕒', '𝚊', '𝖺', '𝗮', '𝙖', '𝘢'],
    'b': ['ｂ', '𝐛', '𝖇', '𝒃', '𝓫', '𝕓', '𝚋', '𝖻', '𝗯', '𝙗', '𝘣'],
    'c': ['ｃ', '𝐜', '𝖈', '𝒄', '𝓬', '𝕔', '𝚌', '𝖼', '𝗰', '𝙘', '𝘤'],
    'd': ['ｄ', '𝐝', '𝖉', '𝒅', '𝓭', '𝕕', '𝚍', '𝖽', '𝗱', '𝙙', '𝘥'],
    'e': ['ｅ', '𝐞', '𝖊', '𝒆', '𝓮', '𝕖', '𝚎', '𝖾', '𝗲', '𝙚', '𝘦'],
    'f': ['ｆ', '𝐟', '𝖋', '𝒇', '𝓯', '𝕗', '𝚏', '𝖿', '𝗳', '𝙛', '𝘧'],
    'g': ['ｇ', '𝐠', '𝖌', '𝒈', '𝓰', '𝕘', '𝚐', '𝗀', '𝗴', '𝙜', '𝘨'],
    'h': ['ｈ', '𝐡', '𝖍', '𝒉', '𝓱', '𝕙', '𝚑', '𝗁', '𝗵', '𝙝', '𝘩'],
    'i': ['ｉ', '𝐢', '𝖎', '𝒊', '𝓲', '𝕚', '𝚒', '𝗂', '𝗶', '𝙞', '𝘪'],
    'j': ['ｊ', '𝐣', '𝖏', '𝒋', '𝓳', '𝕛', '𝚓', '𝗃', '𝗷', '𝙟', '𝘫'],
    'k': ['ｋ', '𝐤', '𝖐', '𝒌', '𝓴', '𝕜', '𝚔', '𝗄', '𝗸', '𝙠', '𝘬'],
    'l': ['ｌ', '𝐥', '𝖑', '𝒍', '𝓵', '𝕝', '𝚕', '𝗅', '𝗹', '𝙡', '𝘭'],
    'm': ['ｍ', '𝐦', '𝖒', '𝒎', '𝓶', '𝕞', '𝚖', '𝗆', '𝗺', '𝙢', '𝘮'],
    'n': ['ｎ', '𝐧', '𝖓', '𝒏', '𝓷', '𝕟', '𝚗', '𝗇', '𝗻', '𝙣', '𝘯'],
    'o': ['ｏ', '𝐨', '𝖔', '𝒐', '𝓸', '𝕠', '𝚘', '𝗈', '𝗼', '𝙤', '𝘰'],
    'p': ['ｐ', '𝐩', '𝖕', '𝒑', '𝓹', '𝕡', '𝚙', '𝗉', '𝗽', '𝙥', '𝘱'],
    'q': ['ｑ', '𝐪', '𝖖', '𝒒', '𝓺', '𝕢', '𝚚', '𝗊', '𝗾', '𝙦', '𝘲'],
    'r': ['ｒ', '𝐫', '𝖗', '𝒓', '𝓻', '𝕣', '𝚛', '𝗋', '𝗿', '𝙧', '𝘳'],
    's': ['ｓ', '𝐬', '𝖘', '𝒔', '𝓼', '𝕤', '𝚜', '𝗌', '𝘀', '𝙨', '𝘴'],
    't': ['ｔ', '𝐭', '𝖙', '𝒕', '𝓽', '𝕥', '𝚝', '𝗍', '𝘁', '𝙩', '𝘵'],
    'u': ['ｕ', '𝐮', '𝖚', '𝒖', '𝓾', '𝕦', '𝚞', '𝗎', '𝘂', '𝙪', '𝘶'],
    'v': ['ｖ', '𝐯', '𝖛', '𝒗', '𝓿', '𝕧', '𝚟', '𝗏', '𝘃', '𝙫', '𝘷'],
    'w': ['ｗ', '𝐰', '𝖜', '𝒘', '𝔀', '𝕨', '𝚠', '𝗐', '𝘄', '𝙬', '𝘸'],
    'x': ['ｘ', '𝐱', '𝖝', '𝒙', '𝔁', '𝕩', '𝚡', '𝗑', '𝘅', '𝙭', '𝘹'],
    'y': ['ｙ', '𝐲', '𝖞', '𝒚', '𝔂', '𝕪', '𝚢', '𝗒', '𝘆', '𝙮', '𝘺'],
    'z': ['ｚ', '𝐳', '𝖟', '𝒛', '𝔃', '𝕫', '𝚣', '𝗓', '𝘇', '𝙯', '𝘻'],
    'A': ['Ａ', '𝐀', '𝕬', '𝑨', '𝓐', '𝔸', '𝙰', '𝖠', '𝗔', '𝘼', '𝘈'],
    'B': ['Ｂ', '𝐁', '𝕭', '𝑩', '𝓑', '𝔹', '𝙱', '𝖡', '𝗕', '𝘽', '𝘉'],
    'C': ['Ｃ', '𝐂', '𝕮', '𝑪', '𝓒', 'ℂ', '𝙲', '𝖢', '𝗖', '𝘾', '𝘊'],
    'D': ['Ｄ', '𝐃', '𝕯', '𝑫', '𝓓', '𝔻', '𝙳', '𝖣', '𝗗', '𝘿', '𝘋'],
    'E': ['Ｅ', '𝐄', '𝕰', '𝑬', '𝓔', '𝔼', '𝙴', '𝖤', '𝗘', '𝙀', '𝘌'],
    'F': ['Ｆ', '𝐅', '𝕱', '𝑭', '𝓕', '𝔽', '𝙵', '𝖥', '𝗙', '𝙁', '𝘍'],
    'G': ['Ｇ', '𝐆', '𝕲', '𝑮', '𝓖', '𝔾', '𝙶', '𝖦', '𝗚', '𝙂', '𝘎'],
    'H': ['Ｈ', '𝐇', '𝕳', '𝑯', '𝓗', 'ℍ', '𝙷', '𝖧', '𝗛', '𝙃', '𝘏'],
    'I': ['Ｉ', '𝐈', '𝕴', '𝑰', '𝓘', '𝕀', '𝙸', '𝖨', '𝗜', '𝙄', '𝘐'],
    'J': ['Ｊ', '𝐉', '𝕵', '𝑱', '𝓙', '𝕁', '𝙹', '𝖩', '𝗝', '𝙅', '𝘑'],
    'K': ['Ｋ', '𝐊', '𝕶', '𝑲', '𝓚', '𝕂', '𝙺', '𝖪', '𝗞', '𝙆', '𝘒'],
    'L': ['Ｌ', '𝐋', '𝕷', '𝑳', '𝓛', '𝕃', '𝙻', '𝖫', '𝗟', '𝙇', '𝘓'],
    'M': ['Ｍ', '𝐌', '𝕸', '𝑴', '𝓜', '𝕄', '𝙼', '𝖬', '𝗠', '𝙈', '𝘔'],
    'N': ['Ｎ', '𝐍', '𝕹', '𝑵', '𝓝', 'ℕ', '𝙽', '𝖭', '𝗡', '𝙉', '𝘕'],
    'O': ['Ｏ', '𝐎', '𝕺', '𝑶', '𝓞', '𝕆', '𝙾', '𝖮', '𝗢', '𝙊', '𝘖'],
    'P': ['Ｐ', '𝐏', '𝕻', '𝑷', '𝓟', 'ℙ', '𝙿', '𝖯', '𝗣', '𝙋', '𝘗'],
    'Q': ['Ｑ', '𝐐', '𝕼', '𝑸', '𝓠', 'ℚ', '𝚀', '𝖰', '𝗤', '𝙌', '𝘘'],
    'R': ['Ｒ', '𝐑', '𝕽', '𝑹', '𝓡', 'ℝ', '𝚁', '𝖱', '𝗥', '𝙍', '𝘙'],
    'S': ['Ｓ', '𝐒', '𝕾', '𝑺', '𝓢', '𝕊', '𝚂', '𝖲', '𝗦', '𝙎', '𝘚'],
    'T': ['Ｔ', '𝐓', '𝕿', '𝑻', '𝓣', '𝕋', '𝚃', '𝖳', '𝗧', '𝙏', '𝘛'],
    'U': ['Ｕ', '𝐔', '𝖀', '𝑼', '𝓤', '𝕌', '𝚄', '𝖴', '𝗨', '𝙐', '𝘜'],
    'V': ['Ｖ', '𝐕', '𝖁', '𝑽', '𝓥', '𝕍', '𝚅', '𝖵', '𝗩', '𝙑', '𝘝'],
    'W': ['Ｗ', '𝐖', '𝖂', '𝑾', '𝓦', '𝕎', '𝚆', '𝖶', '𝗪', '𝙒', '𝘞'],
    'X': ['Ｘ', '𝐗', '𝖃', '𝑿', '𝓧', '𝕏', '𝚇', '𝖷', '𝗫', '𝙓', '𝘟'],
    'Y': ['Ｙ', '𝐘', '𝖄', '𝒀', '𝓨', '𝕐', '𝚈', '𝖸', '𝗬', '𝙔', '𝘠'],
    'Z': ['Ｚ', '𝐙', '𝖅', '𝒁', '𝓩', 'ℤ', '𝚉', '𝖹', '𝗭', '𝙕', '𝘡']
};
const defaultfont = 1;

addStyle();

unsafeWindow.updateAdNames = function () {
    $('ul.dropdown-menu[role="menu"] li a').each(function () {
        const txt = $(this).text();
        const link = $(this).attr('href');
        let size;
        size = link.match(/size=(\d+)/);
        const number = $(this).data('adnumber')
        if (number) {
            if (Store.getItem('name-' + size[1] + "-" + number)) {
                $(this).html(number + ' <span class="adnamemenu">' + Store.getItem('name-' + size[1] + "-" + number) + "</span>")
                    .parent().removeClass("empty-banner")
            } else {
                $(this).html(number + " (empty)").parent().addClass("empty-banner");
            }
        }
    });
};

unsafeWindow.overview = function () {
    if ($('#overview').length) {
        $('#overview').remove();
        return;
    }
    const overview = $(`
        <div id="overview">
            <div id="overview-prog-container">
                <div id="overview-prog-fill"></div>
            </div>
            <div id="overview-tools" class="btn-group" style="display:block;">
                <a class="btn btn-warning disabled" id="cleanbutton" href="#"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Clean</a>
                <a class="btn btn-primary disabled" id="announcebutton" href="#"><span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span> Announce</a>
                <label>
                    <select name="overviewstyle" onchange="changeoverviewstyle();">
                        <option value="compact">Compact View</option>
                        <option value="details">Details view</option>
                        <option value="gallery" selected="selected">Gallery view</option>
                        <option value="table">Table view</option>
                        <option value="names">Names only</option>
                    </select>
                </label>
                <label>
                    sort by 
                    <select name="overviewsort" onchange="sortOverview();">
                        <option value="adno">Ad number</option>
                        <option value="name">Name</option>
                        <option value="targeturl">Target URL</option>
                        <option value="text">Ad text</option>
                        <option value="startdate">Start date</option>
                    </select>
                </label>
                <label><input type="checkbox" name="showActive" checked="checked"> active (<span id="noActive"></span>)</label>
                <label><input type="checkbox" name="showPlanned" checked="checked"> planned (<span id="noPlanned"></span>)</label>
                <label><input type="checkbox" name="showInactive" checked="checked"> inactive/disabled (<span id="noInactive"></span>)</label>
                <label><input type="checkbox" name="showEmpty"> empty (<span id="noEmpty"></span>)</label>
            </div>
        </div>
    `).insertBefore('div.well:first');
    $('#announcebutton').on('click', function (event) {
        event.preventDefault();
        event.stopPropagation();
        announce(overview);
    });
    $('#cleanbutton').on('click', function (event) {
        event.preventDefault();
        event.stopPropagation();
        cleanNames(overview);
    });
    $('#overview-tools input').on('change', function () { filterOverview() });
    changeoverviewstyle();
    $('ul.dropdown-menu[role="menu"]').last().find('li a').each(function () {
        const txt = $(this).text();
        const link = $(this).attr('href');
        let size;
        size = link.match(/size=(\d+)/);
        let number;
        let name;
        if (number = link.match(/ad_n=(\d+)/)) {
            name = Store.getItem('name-' + size[1] + "-" + number[1]);
        } else {
            number = ['', ''];
            return;
        }

        $(`
            <div>
                <a href="${link}">
                    <span class="adno">${number ? number[1] : ''}</span>
                    ${name ? ' ' + name : '&nbsp;'}
                    <div class="detail"></div>
                </a>
            </div>
        `)
            .data("link", link)
            .data("targeturl", "")
            .data("name", name)
            .data("adno", number[1])
            .addClass("overviewentry loadme")
            .appendTo(overview);
    });
    checkStatus(overview); // starts fetching of ads
    overviewProgress();
}

unsafeWindow.overviewProgress = function () {
    const total = $('#overview .overviewentry').length;
    if (total === 0) return;
    const finished = $('#overview .overviewentry:not(.loadme):not(.loading)').length;
    const percent = (finished / total) * 100;
    $('#overview-prog-fill').css('width', percent + '%');
    if (finished === total) {
        setTimeout(() => $('#overview-prog-container').css({ 'opacity': 0, 'visibility': 'hidden' }), 1000);
    } else {
        $('#overview-prog-container').css({ 'opacity': 1, 'visibility': 'visible' });
    }
};

unsafeWindow.filterOverview = function (entry) {
    let showActive = $('[name=showActive]').is(':checked');
    let showInactive = $('[name=showInactive]').is(':checked');
    let showPlanned = $('[name=showPlanned]').is(':checked');
    let showEmpty = $('[name=showEmpty]').is(':checked');

    $(entry ? $(entry) : $('#overview .overviewentry')).each(function (undefined, element) {
        if ((!showActive && $(element).hasClass('active'))
            || (!showInactive && ($(element).hasClass('inactive') || $(element).hasClass('disabled')))
            || (!showPlanned && $(element).hasClass('planned'))
            || (!showEmpty && $(element).hasClass('empty'))
        ) {
            $(element).addClass('hidden');
        } else {
            $(element).removeClass('hidden');
        }
    });
};
unsafeWindow.sortOverview = function () {
    let sortkey = $('[name=overviewsort').val();
    $('#overview .overviewentry').sort(
        sortkey == "adno"
            ? function (a, b) { return (parseInt($(b).data('adno'))) < parseInt($(a).data('adno')) ? 1 : -1; }
            : function (a, b) { return ($(b).data(sortkey)) < ($(a).data(sortkey)) ? 1 : -1; }
    ).appendTo($('#overview'));
};

unsafeWindow.changeoverviewstyle = function () {
    let style = $('[name=overviewstyle]').val();
    switch (style) {
        case "compact":
            $('#overview').removeClass('showdetails gallery table namesonly');
            break;
        case "details":
            $('#overview').removeClass('gallery table namesonly').addClass('showdetails');
            break;
        case "gallery":
            $('#overview').removeClass('table namesonly').addClass('showdetails gallery');
            break;
        case "table":
            $('#overview').removeClass('gallery namesonly').addClass('showdetails table');
            break;
        case "names":
            $('#overview').removeClass('showdetails gallery table').addClass('namesonly');
            break;
    }
};

unsafeWindow.countOverview = function () {
    $('#overview #noActive').html($('#overview .active').length);
    $('#overview #noInactive').html($('#overview .inactive, #overview .disabled').length);
    $('#overview #noPlanned').html($('#overview .planned').length);
    $('#overview #noEmpty').html($('#overview .empty').length);
};

(function ($) {
    $.fn.tzCheckbox = function (options) {

        // Default On / Off labels:

        options = $.extend({
            labels: ['ON', 'OFF']
        }, options);

        return this.each(function () {
            const originalCheckBox = $(this);
            let labels = [];

            // Checking for the data-on / data-off HTML5 data attributes:
            if (originalCheckBox.data('on')) {
                labels[0] = originalCheckBox.data('on');
                labels[1] = originalCheckBox.data('off');
            }
            else labels = options.labels;

            // Creating the new checkbox markup:
            const checkBox = $('<span>', {
                className: 'tzCheckBox ' + (this.checked ? 'checked' : ''),
                html: '<span class="tzCBContent">' + labels[this.checked ? 0 : 1] +
                    '</span><span class="tzCBPart"></span>'
            });

            // Inserting the new checkbox, and hiding the original:
            checkBox.insertAfter(originalCheckBox.hide());

            checkBox.click(function () {
                checkBox.toggleClass('checked');

                const isChecked = checkBox.hasClass('checked');

                // Synchronizing the original checkbox:
                originalCheckBox.attr('checked', isChecked);
                checkBox.find('.tzCBContent').html(labels[isChecked ? 0 : 1]);
            });

            // Listening for changes on the original and affecting the new one:
            originalCheckBox.bind('change', function () {
                checkBox.click();
            });
        });
    };
})(jQuery);

const myVersion = GM_info.script.version;
const Store = localStorage;
$('header .navbar-brand').after('<div style="position: absolute;top: 76px;left: 18px;color: #ee6000;font-size: 13px;">Enhanced by BDManagementEnhancer V' + myVersion + '</div>');
$("head").append('<link href="//cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">');

const matchesElement = $('#wrap > div.container > div > div div.btn-group:nth-child(3) > ul li:nth-last-child(2) a');
const matchesHref = (matchesElement.length ? matchesElement.attr('href') : "") || "";
const matches = matchesHref.match(/(.*=)(\d+)$/) || ["", "", ""];
const myurl = matches[1];
const lastad = parseInt(matches[2]) || 0;
const currentad = parseInt($('input[name=ad_n]').val()) || 0;
const nextad = currentad + 1;
let prevad = currentad - 1;
if (prevad < 1) prevad = 1;
const sizepar = $('input[name=size]').val();
const namevar = 'name-' + sizepar + '-' + currentad;

$('h1').append(' <span id="name_title"></span>');
$('#myform>table tr:nth-child(4) td:nth-child(2)').wrapInner('<div class="spacelist"></div>');
$('#myform>table tr:nth-child(8) a')
    .addClass('btn btn-danger')
    .html('<span class="glyphicon glyphicon-trash"></span>')
    .attr('style', '');
$('#myform > table tr:nth-child(8) td:first-child').remove();

let spacelist = $('.spacelist').html();
if (spacelist) {
    spacelist = '<label>' + spacelist.replace(/<br>/gi, '</label><br><label>') + '</label>';
    $('.spacelist').html(spacelist);
}
$('#myform>table tr:nth-child(9) td:nth-child(2)').css('position', 'relative').append('<div id="textpreviewcontainer">Preview: <div id="textpreview"></div></div>');
$('#myform>table tr:nth-child(11) td:nth-child(2) br').remove();
$('#myform>table tr:nth-child(12) td:nth-child(2) br').remove();

// "pause this banner" button
$('#myform > table tr:nth-child(14) a').prepend('<span class="glyphicon glyphicon-pause"></span> ');
// "delete this banner" button
$('#myform > table tr:nth-child(15) a').prepend('<span class="glyphicon glyphicon-trash"></span> ');

// ENABLED switch
$('input[name=enabled]').after(`
    <span style="position:relative;left:50px;">
        Name <input class="form-control" id="adname" style="width:200px;display:inline;">
        <input type="text" id="unicodefont" value="" readonly>
        <span><a href="#" onclick="openqaz()">Unicode Text</a></span>
    </span>
`);
$('input[name=enabled]').wrap('<label for="enabled"></label>');


$('#adname').on('change keyup', function () {
    $('#name_title').html($('#adname').val());
    Store.setItem(namevar, $('#adname').val());
    updateAdNames();
    document.title = $('#adname').val() + ' | Banner Management';
    let name = $('#adname').val();
    let namef = fancy(name.toUpperCase());
    $('#unicodefont').val(namef);
});

$('#wrap > div.container > div:first-child > div > div.btn-group').eq(1).attr('id', "ads-button");

// OVERVIEW button
$('<a id="overviewbutton" title="Overview" href="#" class="btn btn-primary"><span class="glyphicon glyphicon-th-list"></span> Overview</a>')
    .on('click', overview)
    .wrap('<div class="btn-group"></div>')
    .appendTo('#wrap > div.container > div:first-child > div')
    .after(' ');


$('#ads-button').on('click', function (ev) {
    $('input[name=adfilter]').focus().select();
})

// PREVIOUS AD button
$('#wrap > div.container > div:first-child > div').append('<div class="btn-group"><a id="prevad" title="Previous banner" href="'
    + myurl + (prevad)
    + '" class="btn btn-info"><span class="glyphicon glyphicon glyphicon-step-backward"></span></a></div> ');
if (isNaN(currentad) || prevad == currentad) $('#prevad').attr("disabled", "disabled");

// CURRENT AD input box
$('#wrap > div.container > div:first-child > div').append('<div class="btn-group"><input id="currentad" title="Current banner. Enter number and press return to jump to another banner!" value="' + (isNaN(currentad) ? '' : currentad) + '"></div> ');
$('#currentad').bind('keypress', function (event) {
    if ((event.keyCode || event.which) == 13) {
        window.location.href = myurl + $(this).val();
    }
});

// NEXT AD button
$('#wrap > div.container > div:first-child > div').append('<div class="btn-group"><a id="nextad" title="Next banner" href="'
    + myurl + (nextad)
    + '" class="btn btn-info"><span class="glyphicon glyphicon glyphicon-step-forward"></span></a></div> ');
if (isNaN(currentad) || currentad == lastad) $('#nextad').attr("disabled", "disabled");

// NEW AD button
$('#wrap > div.container > div:first-child > div').append('<div class="btn-group"><a id="newad" title="Add new banner" href="'
    + myurl + (lastad + 1)
    + '" class="btn btn-warning"><span class="glyphicon glyphicon glyphicon-plus"></span> new</a></div> ');

// Import/Export buttons
$('#wrap > div.container > div:first-child > div')
    .append('<div class="btn-group"><a id="importNames" title="Import Names" data-toggle="modal" data-target="#myModal" href="#" class="btn btn-primary"><span class="glyphicon glyphicon-import"></span> Imp</a></div> ');

$(`
    <div class="modal" tabindex="-1" role="dialog" id="myModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Import names from JSON</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <textarea style="width:100%;height:300px;" id="jsonPaste" placeholder="Paste JSON data here!"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="return importJSON($('#jsonPaste').val());">
                        <span class="glyphicon glyphicon-import"></span> Import names
                    </button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        <span class="glyphicon glyphicon-remove"></span> Cancel
                    </button>
                </div>
            </div>
        </div>
    </div>
`).appendTo('#wrap');

const datum = new Date();
$('#wrap > div.container > div:first-child > div')
    .append('<div class="btn-group"><a id="exportNames" title="Export Names" class="btn btn-primary"><span class="glyphicon glyphicon-export"></span> Exp</a></div> ')
    .find('a#exportNames')
    .attr('href', 'data:application/json;charset=utf-8,' + (JSON.stringify(Store)).replace(/ /g, '%20'))
    .attr('download', 'bd-' + datum.toISOString().substring(0, 10) + '.json');

// CLEAR button
$(' <button style="margin-left:8px;" type="reset" name="clearButton" class="btn btn-warning"><span class="glyphicon glyphicon-trash"></span> Clear</button>').on('click', function (event) {
    $('form :text, form select').val('');
    $('#adname').keyup();
    event.preventDefault();
}).insertAfter('input[type=submit]');

// Save as ... button
$(' <input style="margin-left:8px;" type="button" name="saveAsButton" value="Save as..." class="btn btn-secondary">').on('click', function (event) {
    event.preventDefault();
    const saveas = prompt("Save as ... (ad number)");
    if (saveas === null) return;
    if (confirm("Are you sure to overwrite ad number " + saveas + " (" + Store.getItem('name-' + sizepar + '-' + saveas) + ")?")) {
        $('input[name=ad_n]').val(saveas);
        Store.setItem('name-' + sizepar + '-' + saveas, $('#adname').val());
        $('form').submit();
    }
}).insertAfter('input[type=submit]');

// SUBTEXT preview
$('[name=text1]').on('change keyup', function () {
    $('#textpreview').html($('[name=text1]').val());
});
$('#textpreview').html($('[name=text1]').val());

function updateDateRange(start, end, label) {
    $('[name=date_d1]').val(start.format('D'));
    $('[name=date_m1]').val(start.format('M'));
    $('[name=date_y1]').val(start.format('YYYY'));
    $('[name=date_d2]').val(end.format('D'));
    $('[name=date_m2]').val(end.format('M'));
    $('[name=date_y2]').val(end.format('YYYY'));
}

// DATE PICKER
$('#myform>table tr:nth-child(10) td:nth-child(2)')
    .wrapInner('<div class="old-datepicker"></div>')
    .prepend('<div class="new-datepicker"><input style="display:inline;" class="form-control" id="daterange">'
        + '<div id="weekpicker">'
        + '</div><br></div>'
    );

for (let week = 0; week < 8; week++) {
    $('#weekpicker').append($('<button/>', {
        "data": { "weeks": "1", "offset": week },
        "html": "w" + (week + 1)
    }));
}

let nextweek_start = new Date();
nextweek_start.setDate(nextweek_start.getDate() + (8 - nextweek_start.getDay()) % 7);
let nextweek_end = new Date(nextweek_start);
nextweek_end.setDate(nextweek_end.getDate() + 6);

$('#weekpicker button').each(function () {
    let week = $(this).data('offset');
    let week_start = new Date(nextweek_start);
    week_start.setDate(week_start.getDate() + (week * 7));
    $(this).prepend($('<span>', {
        class: "buttondate"
    }).html(week_start.getDate() + '.' + (week_start.getMonth() + 1) + "."));
    if ($(this).is('last')) {
        week_start.setDate(week_start.getDate() + 7);
        $(this).append($('<span>', {
            class: "buttondate"
        }).html(week_start.getDate() + '.' + (week_start.getMonth() + 1) + "."));
    }
})

let mousebutton_pressed = false;
let drag_start_offset = -1;
$('#weekpicker button')
    .on('click', adtime)
    .on('mousedown', week_drag_start)
    .on('mouseup', week_drag_stop)
    .on('mouseenter', function () {
        if (mousebutton_pressed) {
            let current_offset = $(this).data('offset');
            let start = Math.min(drag_start_offset, current_offset);
            let end = Math.max(drag_start_offset, current_offset);
            $('#weekpicker button').each(function () {
                let off = $(this).data('offset');
                if (off >= start && off <= end) {
                    $(this).addClass('dragged');
                } else {
                    $(this).removeClass('dragged');
                }
            });
        }
    });

$('<div id="weekpicker-old"></div>').appendTo('.new-datepicker');

$('<button> &Larr; </button>').data({
    "movedays": -7
}).on('click', moveadtime).appendTo('#weekpicker-old');
$('<button>1w</button>').data({
    "weeks": 1,
    "offset": 0
}).on('click', adtime).appendTo('#weekpicker-old');
$('<button>2w</button>').data({
    "weeks": 2,
    "offset": 0
}).on('click', adtime).appendTo('#weekpicker-old');
$('<button>3w</button>').data({
    "weeks": 3,
    "offset": 0
}).on('click', adtime).appendTo('#weekpicker-old');
$('<button>4w</button>').data({
    "weeks": 4,
    "offset": 0
}).on('click', adtime).appendTo('#weekpicker-old');
$('<button>1+1w</button>').data({
    "weeks": 1,
    "offset": 1
}).on('click', adtime).appendTo('#weekpicker-old');
$('<button>1+2w</button>').data({
    "weeks": 2,
    "offset": 1
}).on('click', adtime).appendTo('#weekpicker-old');
$('<button>1+3w</button>').data({
    "weeks": 3,
    "offset": 1
}).on('click', adtime).appendTo('#weekpicker-old');
$('<button>1+4w</button>').data({
    "weeks": 4,
    "offset": 1
}).on('click', adtime).appendTo('#weekpicker-old');
$('<button> &Rarr; </button>').data({
    "movedays": 7
}).on('click', moveadtime).appendTo('#weekpicker-old');

selectorsToString();
const thisYear = new Date().getFullYear();
$('#daterange').daterangepicker({
    autoApply: true,
    autoUpdateInput: true,
    showDropdowns: true,
    drops: "up",
    minYear: thisYear - 1,
    maxYear: thisYear + 3,
    "locale": {
        "format": "D.M.YYYY",
        "separator": " - ",
        "applyLabel": "Apply",
        "cancelLabel": "Cancel",
        "fromLabel": "From",
        "toLabel": "To",
        "customRangeLabel": "Custom",
        "weekLabel": "W",
        "daysOfWeek": [
            "Su",
            "Mo",
            "Tu",
            "We",
            "Th",
            "Fr",
            "Sa"
        ],
        "monthNames": [
            "January",
            "February",
            "March",
            "April",
            "May",
            "June",
            "July",
            "August",
            "September",
            "October",
            "November",
            "December"
        ],
        "firstDay": 1
    }
}, updateDateRange
);
$('[name^="date_"]').on('change', selectorsToString);
function selectorsToString() {
    $('#daterange').val(
        $('[name=date_d1]').val() + "." +
        $('[name=date_m1]').val() + "." +
        $('[name=date_y1]').val() + " - " +
        $('[name=date_d2]').val() + "." +
        $('[name=date_m2]').val() + "." +
        $('[name=date_y2]').val()
    );
}

// rename ads with proper names
if (Store.getItem(namevar)) {
    $('#adname').val(Store.getItem(namevar)).change();
}

$('input[name=url1]').on('change', function () {
    nameFromURL();
});
nameFromURL();
function nameFromURL() {
    let adurl = $('input[name=url1]').val();
    let [name, area] = urltoname(adurl);
    if (name) {
        let namef = fancy(name.toUpperCase());
        $('#unicodefont').val(namef);
        if (!$('#adname').val()) $('#adname').val(`${name} ${area}`).change();
        if (!$('[name=text1]').val()) $('[name=text1]').val(namef);
    }
}
function urltoname(url) {
    let name;
    let area;
    let matches;
    if (url && url.length && (matches = url.match(/\/\/([a-z0-9]+)\.[a-z]+\/[a-z]{2,6}\/(.*)-/))) {
        name = matches[2];
        area = matches[1].replace(/^(.).+(..)$/, "$1$2").toUpperCase();
    }
    return [name, area];
}
function fancy(string, font = defaultfont) {
    if (!string.length) return;
    let out = "";
    for (const letter of string) {
        out += chmap?.[letter] ? chmap[letter][font] : letter;
    }
    return out;
}

const adFilter = $('<li id="adfilter"></li>').append($('<input name="adfilter" autocomplete="off" placeholder="Filter by name">'));
$('ul.dropdown-menu[role="menu"]').last().prepend(adFilter);
$(adFilter).on('click', function (ev) {
    ev.preventDefault();
    ev.stopPropagation();
});
$(adFilter).find('input[name="adfilter"]').on('keyup change', function (ev) {
    const string = $(ev.target).val();
    $('ul.dropdown-menu[role="menu"] li a').each(function () {
        if ($(this).find('span').text().match(new RegExp(string, 'i'))) {
            $(this).removeClass('disabled').show();
        } else {
            $(this).addClass('disabled').hide();
        }
    });
});

$(document).bind('keyup', 'a', function () {
    $('#wrap > div.container > div:nth-child(1) > div > div:nth-child(3) > button').trigger("click");
    $('input[name="adfilter"]').val("").focus();
});

setInterval(function () {
    const $input = $('input[name="adfilter"]');
    if ($input.length && $input.is(':visible') && document.activeElement !== $input[0]) {
        $input.focus();
    }
}, 500);

$('ul.dropdown-menu[role="menu"] li a').each(function () {
    const txt = $(this).text();
    const link = $(this).attr('href');
    let size;
    size = link.match(/size=(\d+)/);
    let number;
    if (number = txt.match(/Banner number (\d+)/)) {
        $(this).data('adnumber', number[1]);
        if (Store.getItem('name-' + size[1] + "-" + number[1])) {
            $(this).html(number[1] + ' <span class="adnamemenu">' + Store.getItem('name-' + size[1] + "-" + number[1]) + "</span>");
        } else {
            $(this).html(number[1] + ' (empty)').parent().addClass('empty-banner');
        }
    }
});

$('.spacelist input').on('change', function (ev) {
    hilite_spacelist($('.spacelist'));
});

unsafeWindow.importJSON = function (text) {
    let obj;
    try {
        obj = JSON.parse(text);
    } catch (e) {
        $('#jsonPaste').val('').attr('placeholder', "Invalid JSON! Paste JSON data here!");
        return false;
    }
    Object.keys(Store).forEach(key => {
        if (key.startsWith('name-')) Store.removeItem(key);
    });
    $.each(obj, function (idx, val) {
        Store.setItem(idx, val);
    });
    unsafeWindow.$('#myModal').modal('hide');
    updateAdNames();
    return true;
}

unsafeWindow.announce = function (overview) {
    let now = new Date();

    if (now.getDay() >= 4) now.setDate(now.getDate() + 7); // from Thursday, go to next week
    let weekstart = new Date(now.setDate(now.getDate() + 1 - now.getDay())); // This Monday
    let weekend = new Date(now.setDate(now.getDate() + 6 - now.getDay())); // Next Saturday

    weekstart.setHours(0);
    weekstart.setMinutes(0);
    weekstart.setSeconds(0);
    weekend.setHours(23);
    weekend.setMinutes(59);
    weekend.setSeconds(59);

    let text = {};
    let htmltext = {};
    let firstdomain;
    let adcounter = [];
    $(overview)
        .find('.overviewentry')
        .not('.loadme')
        .not('.loading')
        .not('.inactive')
        .not('.disabled')
        .not('.empty')
        .not('.failed').each(function (id, el) {
            let adstart = new Date($(el).data('startdate'));
            let adend = new Date($(el).data('enddate'));
            if (adstart < weekend && adend > weekstart) {
                // let name = $(el).data('name');
                let target = $(el).data('targeturl');
                target = target.replace(/\?mtm_campaign=.*/, '');
                target += urlParm;
                let img = $(el).find('img').attr('src');
                let domain = target.match(/^https?:\/\/(.*?)\//)[1];
                if (!firstdomain) firstdomain = domain;
                if (domain.match(/^h....-test-forum\./i)) domain = firstdomain;
                let adno = $(el).find('a').attr('href').match(/ad_n=(\d+)/)[1];
                if (adno >= ladMinNo) domain = "ladisha.de";
                if (!text[domain]) text[domain] = "";
                if (!htmltext[domain]) htmltext[domain] = "";
                if (!adcounter[domain]) adcounter[domain] = 0;
                // if (adcounter[domain] >= 5) {
                //     adcounter[domain] = 0;
                //     text[domain] += "\n";
                //     htmltext[domain] += "<br>";
                // }
                text[domain] += `[URL="${target}"][IMG]${img}[/IMG][/URL] `;
                let editLink = $(el).find('a').attr('href');
                htmltext[domain] += `<div style="position:relative; display:inline-block; margin:2px;">
                    <a href="${target}"><img src="${img}"></a>
                    <a href="${editLink}" class="edit-ad-icon" title="Edit ad">
                        <span class="glyphicon glyphicon-pencil"></span>
                    </a>
                </div> `;
                adcounter[domain]++;
            }
        });

    let start = weekstart.toLocaleDateString("de-de");
    let end = new Date(weekend);
    end.setDate(weekend.getDate() + 1);
    end = end.toLocaleDateString("de-de");

    $('#announcepreview').remove();
    $('#overview-tools').after('<div id="announcepreview"></div>');

    let announcement = `[SIZE="3"]Diese Woche anwesend (${start} – ${end}):[/SIZE]\n\n`;
    $('#announcepreview').append(`<div>Diese Woche anwesend (${start} – ${end}):</div>`);
    let domains = Object.keys(text).sort((a, b) => a.localeCompare(b, undefined, { sensitivity: 'base' }));

    for (let domain of domains) {
        let header = domain.charAt(0).toUpperCase() + domain.slice(1);
        announcement += `[SIZE="4"][B][URL="https://${domain}"][COLOR="#11aac1"]${header}[/COLOR][/URL][/B][/SIZE]\n\n`;
        announcement += text[domain];
        announcement += "\n\n";
        $('#announcepreview').append(`<h2><a href="https://${domain}">${header}</a> (${adcounter[domain]})</h2>`);
        $('#announcepreview').append(htmltext[domain]);
    }

    $(`
        <div class="announce-tools">
            <a href="#" class="btn btn-info" id="copy-announce" title="Copy BBCode to clipboard">Copy</a>
            <a href="#" class="btn btn-danger" id="close-announce" title="Close"><span class="glyphicon glyphicon-remove"></span></a>
        </div>
    `).appendTo('#announcepreview');

    $('#close-announce').on('click', function (ev) {
        ev.preventDefault();
        $('#announcepreview').remove();
    });

    $('#copy-announce').on('click', function (ev) {
        ev.preventDefault();
        navigator.clipboard.writeText(announcement);
        let $btn = $(this);
        $btn.addClass('btn-success').removeClass('btn-info');
        setTimeout(() => $btn.removeClass('btn-success').addClass('btn-info'), 1000);
    });

    navigator.clipboard.writeText(announcement);
    /*    adno: "186"
dateStart: "2010-11-30"
enabled: "1"
enddate: "2010-11-30"
link: "https://bd742.com/user.php?action=ad_edit&size=13&ad_n=186"
name: ""
startdate: "2010-11-30"
targeturl: ""
text: ""
  */
}

unsafeWindow.cleanNames = function (overview) {
    const sizeMatch = location.href.match(/size=(\d+)/);
    const sizepar = sizeMatch ? sizeMatch[1] : "";
    const all = $(overview)
        .find('.overviewentry')
        .not('.loadme')
        .not('.loading')
        .not('.failed');
    const total = all.length;
    $(all).each(function (id, el) {
        $(el).addClass('loading');
        window.setTimeout(function () {
            let key = 'name-' + sizepar + '-' + $(el).data('adno');
            if ($(el).data('adurl') || $(el).data('adtext')) {
                // get name from URL
                let url = $(el).data('adurl');
                let [name, area] = urltoname(url);
                if (name) {
                    name = `${name} ${area}`;
                }
                if (!name && $(el).data('adtext')) {
                    name = ($(el).data('adtext').match(/^(\S+)/))[1];
                }
                if (name) {
                    Store.setItem(key, name);
                    updateAdNames();
                }
            }
            if ($(el).data('adtext') === undefined && $(el).data('adurl') === undefined) {
                if ($(el).data('name') !== undefined && $(el).data('name') != "") {
                    // remove it
                    Store.setItem(key, "");
                    updateAdNames();
                }
            }
            $(el).removeClass('loading');
        }, 0);
    });
}
function hilite_spacelist(spacelist) {
    $(spacelist).children('label:has(input:checked)').addClass('selected');
    $(spacelist).children('label:not(:has(input:checked))').removeClass('selected');
}
function hilite_enabled() {
    const box = $('input[name=enabled]');
    if ($(box).is(':checked')) {
        $(box).removeClass('disabled')
    } else {
        $(box).addClass('disabled')
    }
}

hilite_spacelist($('.spacelist'));
const adList = [];
let openXHR = 0;
let fetchInterval;
unsafeWindow.checkStatus = function (overview) {
    $(overview).find('a').each(function (idx, element) {
        const url = $(element).attr('href');
        if (url && url.match(/action=ad_edit/)) adList.push([element, $(element).attr('href')]);
    });
    const timeout = parseInt(1000 / xrps);
    fetchInterval = setInterval(getRemainingAdData, timeout);
}
unsafeWindow.loadImages = function (overview) {
    $(overview).find('div.overviewentry').each(function (idx, element) {
        const url = $(element).data('imagesrc');
        if (url) {
            $(element).find('img').remove();
            $('<img src="' + url + '">').appendTo(element);
        }
    });
}
unsafeWindow.tableOverview = function (overview) {
    const $overview = $(overview);
    if (!$overview.length) return;
    const otable = $('<table id="overviewtable"></table>');
    $overview.find('div.overviewentry').each(function (i, el) {
        $('<tr class="clickable">'
            + '<td>' + $(el).data('adno') + '</td>'
            + '<td>' + $(el).data('name') + '</td>'
            + '<td>' + $(el).data('adtext') + '</td>'
            + '<td>' + $(el).data('adurl') + '</td>'
            + '<tr>')
            .addClass($(el).attr('class')).on('click', function () {
            }).appendTo(otable);
    });
    $overview.replaceWith(otable);
}

unsafeWindow.getRemainingAdData = function () {
    let me;
    if (openXHR >= maxXHR) return;
    if (me = adList.shift()) {
        getAdData(me);
    } else {
        clearInterval(fetchInterval);
        $('#overview-tools a.btn').removeClass("disabled");
    }
}

unsafeWindow.getAdData = function (me) {
    const el = me[0];
    const url = me[1];
    $(el).parent().append(' <span class="date">loading</span>');
    $(el).closest('div').removeClass('loadme').addClass('loading');
    (function (element, URL) {
        openXHR++;
        $.get(URL, function (data) {
            const entry = $(element).closest('div');
            $(entry).removeClass('loading');
            const htmlDoc = new DOMParser().parseFromString(data, 'text/html');

            const enabled = $(htmlDoc).find('[name=enabled]').prop('checked')
            $(entry).data('enabled', enabled ? '1' : '');

            const imagesrc = $(htmlDoc).find('#myform table img:last').attr('src');
            if (imagesrc && imagesrc.length && imagesrc.length > 2) {
                $(entry).data('imagesrc', imagesrc);
            } else {
                $(entry).addClass('empty');
            }
            const adURL = $(htmlDoc).find('[name=url1]').val();
            if (adURL) $(entry).data('adurl', adURL);
            const adText = $(htmlDoc).find('[name=text1]').val();
            if (adText) $(entry).data('adtext', adText);

            const dateStartStr = $(htmlDoc).find('[name=date_y1]').val() + '-' +
                ("00" + $(htmlDoc).find('[name=date_m1]').val()).slice(-2) + '-' +
                ("00" + $(htmlDoc).find('[name=date_d1]').val()).slice(-2);
            const dateEndStr = $(htmlDoc).find('[name=date_y2]').val() + '-' +
                ("00" + $(htmlDoc).find('[name=date_m2]').val()).slice(-2) + '-' +
                ("00" + $(htmlDoc).find('[name=date_d2]').val()).slice(-2);

            if (dateStartStr.match(/^\d/)) {
                const dateStart = new Date(dateStartStr).setHours(0, 0, 0, 0);
                $(entry).data('dateStart', dateStartStr);
                const dateEnd = new Date(dateEndStr).setHours(23, 59, 59, 999);
                $(entry).data('dateEnd', dateEndStr);

                const today = new Date();

                $(entry).find('span.date').html(dateStartStr + '–' + dateEndStr);
                if (today >= dateStart && today <= dateEnd) {
                    $(entry).addClass('active');
                } else if (today <= dateStart) {
                    $(entry).addClass('planned');
                } else {
                    $(entry).addClass('inactive');
                }

                if (!enabled) $(entry).addClass('disabled');
            } else {
                $(entry).find('span.date').html('[n/a]');
                console.error(data);
            }
            let adplaces = [];
            $(htmlDoc).find("input[name='cats[7][]']:checked").each(function (idx, elem) {
                let id = $(elem).val();
                let label = $(elem)[0].nextSibling.nodeValue
                let banner;
                if (label) {
                    banner = label.match(/^(B +)(\d+)/);
                    if (banner.length) banner = banner[2];
                }
                adplaces.push({
                    'bannerid': id,
                    'label': label,
                    'banner': banner
                });
            });
            // console.log("adplaces: ",adplaces);
            let bannerplace = adplaces.map(function (el) {
                return el['banner'];
            }).join(', ');
            $(entry)
                .data("targeturl", adURL)
                .data("text", adText)
                .data("startdate", dateStartStr)
                .data("enddate", dateEndStr)
                .data("banner", adplaces)
                .find('.detail').html(
                    (imagesrc ? `<img src="${imagesrc}">` : '')
                    + `<div>${adText}</div>`
                    + `<div><a href="${adURL}">${adURL}</a></div>`
                    + `<span class="bannerplace">${bannerplace}</span>`
                );
            if (special_banners.includes(Number(bannerplace))) {
                $(entry).find(".bannerplace").addClass("special");
            }
            if (!regular_banners.includes(Number(bannerplace))) {
                $(entry).find(".bannerplace").addClass("nonstandard");
            }
            countOverview();
            overviewProgress();
            filterOverview($(element).closest('div'));
        }).fail(function () {
            $(element).closest('div').removeClass('loading').addClass('failed');
            console.error("failed!", element);
        }).then(function () {
            openXHR--;
        });
    })(el, url);

}
unsafeWindow.openqaz = function () {
    window.open('https://qaz.wtf/u/convert.cgi?text=' + $('#adname').val() + '%20' + $('#adname').val().toUpperCase());
}
function adtime(ev) {
    ev.preventDefault();
    let tg = ev.target;
    let weeks = $(tg).data("weeks");
    if (weeks <= 1) weeks = 1;
    let offset = $(tg).data("offset");
    let startday = 1; // mon
    if ($('input[name=url1]').val().match(/19\.de/)) startday = 0; // sun
    const dateOptions = {
        year: 'numeric',
        month: '2-digit',
        day: 'numeric'
    };
    let start = new Date();
    start.setDate(start.getDate() + (startday + 7 - start.getDay()) % 7 + (offset * 7));
    let end = new Date(start);
    end.setDate(start.getDate() + (weeks * 7) - 1);
    $('#daterange').data('daterangepicker').setStartDate(start.toLocaleDateString('de-DE', dateOptions));
    $('#daterange').data('daterangepicker').setEndDate(end.toLocaleDateString('de-DE', dateOptions));
    updateDateRange($('#daterange').data('daterangepicker').startDate, $('#daterange').data('daterangepicker').endDate);
}
function week_drag_start(ev) {
    ev.preventDefault();
    mousebutton_pressed = true;
    drag_start_offset = $(ev.target).data('offset');
    $('#weekpicker button').removeClass("dragged");
    $(ev.target).addClass("dragged");
}
function week_drag_stop(ev) {
    ev.preventDefault();
    mousebutton_pressed = false;
    let first = $("#weekpicker button.dragged").first();
    let last = $("#weekpicker button.dragged").last();

    let offset = $(first).data('offset');
    let weeks = $(last).data('offset') - offset + 1;
    set_weeks(offset, weeks);
}

function set_weeks(offset, weeks) {
    let startday = 1; // mon
    if ($('input[name=url1]').val().match(/19\.de/)) startday = 0; // sun

    const dateOptions = {
        year: 'numeric',
        month: '2-digit',
        day: 'numeric'
    };
    let start = new Date();
    start.setDate(start.getDate() + (startday + 7 - start.getDay()) % 7 + (offset * 7));
    let end = new Date(start);
    end.setDate(start.getDate() + (weeks * 7) - 1);
    $('#daterange').data('daterangepicker').setStartDate(start.toLocaleDateString('de-DE', dateOptions));
    $('#daterange').data('daterangepicker').setEndDate(end.toLocaleDateString('de-DE', dateOptions));
    updateDateRange($('#daterange').data('daterangepicker').startDate, $('#daterange').data('daterangepicker').endDate);
}

function moveadtime(ev) {
    ev.preventDefault();
    let tg = ev.target;
    let movedays = $(tg).data("movedays");
    const dateOptions = {
        year: 'numeric',
        month: '2-digit',
        day: 'numeric'
    };
    let start = new Date($('#daterange').data('daterangepicker').startDate);
    start.setDate(start.getDate() + movedays);
    let end = new Date($('#daterange').data('daterangepicker').endDate);
    end.setDate(end.getDate() + movedays);
    $('#daterange').data('daterangepicker').setStartDate(start.toLocaleDateString('de-DE', dateOptions));
    $('#daterange').data('daterangepicker').setEndDate(end.toLocaleDateString('de-DE', dateOptions));
    updateDateRange($('#daterange').data('daterangepicker').startDate, $('#daterange').data('daterangepicker').endDate);
}
function addStyle() {
    $('head').append('<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">');
    GM_addStyle(`
/* i really want this to be global */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i|Roboto:400,400i,500,500i,700,700i&display=swap');

ul.dropdown-menu {
    column-gap: 4px;
    font-size: 13px;
    right: -515px;
    left: -200px;
    column-width: 120px;
    font-family: "Roboto Condensed";
}

.adnamemenu {
    font-weight: bold;
}

h1 {
    margin: 0;
    background-color: #11aac1;
    color: white;
    padding: 0 20px;
}

tr td {
    padding: 3px !important;
}

div.container div {
    padding-bottom: 0;
}

div.well {
    padding: 4px 8px;
}

.navbar {
    margin-bottom: 8px;
}

#myform>table {
    position: relative;
}

#myform>table tr {
    position: relative;
}

#myform>table tr:nth-child(-n+12) td:first-child {
    text-align: right;
    vertical-align: middle;
}

#myform>table tr:nth-child(1) {
    /* Editing...  */
    position: absolute;
    right: 20px;
    top: -43px;
    font-size: 13px;
    color: white;
}

#myform>table tr:nth-child(2) {
    /*  Approved...  */
    position: absolute;
    right: 20px;
    top: -27px;
    font-size: 13px;
    color: white;
}

#myform>table tr:nth-child(3) {
    /* thumbnail */
    position: absolute;
    right: 0px;
    top: 0px;
    transform: scale(0.7);
    display: none;
}

#myform>table tr:nth-child(8) {
    /* current banner */
    position: absolute;
    right: 0px;
    top: 0px;
    background-color:#ffffff;
}

#myform>table tr:nth-child(n+11):nth-child(-n+12) td:first-child {
    font-size: 10px;
}

#myform>table tr:nth-child(8) td a {
/* banner delete button */
    position: absolute;
    top: calc(100% + 50px);
    right: 0;
    width: auto;
    z-index: 10;
}

.spacelist {
    height: 280px !important;
    max-width: 765px;
    overflow: auto;
    line-height: 13px;
    column-gap: 0;
    column-width: 190px;
    column-fill: auto;
}

.container .dropdown-menu>li>a {
    line-height: 10px;
    padding: 4px;
}

input[type=checkbox] {
    margin: 0 auto !important;
}

.spacelist input[type="checkbox"] {
    transform: scale(0.8);
    margin-left: -13px !important;
    position: relative;
    top: 2px;
}

input[name=text1],
input[name=banner_uploaded],
input[name=url1] {
    width: 550px;
}

input#currentad {
    width: 50px;
    text-align: center;
}

#textpreview {
    position: absolute;
    border: none;
    width: 146px;
    height: 45px;
    overflow: hidden;
    font-family: verdana;
    font-size: 10px;
    text-align: center;
    top: 0px;
    left: 78px;
    color: #0000ff;
    background-color: #ffffff;
    resize: none;
    padding: 1px 3px 0;
}

#textpreviewcontainer {
    position: absolute;
    top: -170px;
    right: 165px;
}

.daterangepicker .today {
    background-color: #ffe840;
}

.daterangepicker td.in-range {
    background-color: #B4F0F8;
}

.daterangepicker td.start-date,
.daterangepicker td.end-date {
    background-color: #11AAC1;
}

#daterange {
    width: 170px;
}

.spacelist label {
    font-weight: normal;
    font-family: roboto;
    font-size: 12px;
    line-height: 11px;
    margin-top: -1px;
    margin-left: 14px;
    margin-right: 0px;
    margin-bottom: -1px;
    padding: 2px;
}

.spacelist .selected {
    font-weight: 700;
    background-color: #11aac1;
    color: white;
}

.adnamemenu {
    font-weight: bold;
    padding-left: 2px;
}

.tzCheckBox {
    background: no-repeat right bottom url(data:image/png;base64,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);
                                           display: inline-block;
                                           min-width: 60px;
                                           height: 33px;
                                           white-space: nowrap;
                                           position: relative;
                                           cursor: pointer;
                                           margin-left: 14px;
                                           }

.tzCheckBox.checked {
    background-position: top left;
    margin: 0 14px 0 0;
}

.tzCheckBox .tzCBContent {
    color: white;
    line-height: 31px;
    padding-right: 38px;
    text-align: right;
}

.tzCheckBox.checked .tzCBContent {
    text-align: left;
    padding: 0 0 0 38px;
}

.tzCBPart {
    background: no-repeat left bottom url(data:image/png;base64,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);
                                          width: 14px;
                                          position: absolute;
                                          top: 0;
                                          left: -14px;
                                          height: 33px;
                                          overflow: hidden;
                                          }

.tzCheckBox.checked .tzCBPart {
    background-position: top right;
    left: auto;
    right: -14px;
}

#adfilter {
    column-span: all;
    padding: 0px 6px;
}

#adfilter input[name="adfilter"] {
    box-sizing: border-box;
    width: 100%;
    line-height: initial;
    padding: 4px;
    background-color: #f2f5f7;
    border: 1px solid #aaa;
}

#overviewbutton {
    background-color: #6c456a;
}

#overview {
    position: relative;
    padding: 8px;
    border: 1px solid gray;
    background-color: #f0f0f0;
    min-height: 150px;
    overflow: auto;
    font-size: 12px;
    column-count: 4;
    font-family: "Roboto Condensed";
}

#overview #overview-prog-container {
    height: 6px;
    background: #e0e0e0;
    margin-top: -8px;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 8px;
    column-span: all;
    position: sticky;
    top: -8px;
    z-index: 1000;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

#overview #overview-prog-fill {
    height: 100%;
    width: 0%;
    background-color: #11aac1;
    transition: width 0.3s ease;
}

#overview.showdetails {
    column-count: 2;
}
#overview.table {
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #f8f9fa;
    padding: 7px;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
    column-count: 1 !important;
    font-size: 17px; /* 140% from previous 12px */
}

#overview.table .overviewentry {
    display: grid !important;
    grid-template-columns: 39px 120px 1fr 300px 30px 200px;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: #ffffff;
    border-radius: 8px;
    border: 0px solid #e9ecef;
    margin-bottom: 0px;
    line-height: normal;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    height: auto !important;
}

#overview.table .overviewentry:hover {
    border-color: #11aac1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
    z-index: 2;
}

#overview.table .overviewentry.active {
    background-color: #11aac1;
    color: white;
    border-left: 5px solid #008ba3;
}
#overview.table .overviewentry.active a,
#overview.table .overviewentry.active .adno,
#overview.table .overviewentry.active .detail div,
#overview.table .overviewentry.active .date {
    color: white !important;
}

#overview.table .overviewentry.planned {
    background-color: #b4f0f8;
    color: #006064;
    border-left: 5px solid #11aac1;
}

#overview.table .overviewentry.inactive {
    background-color: #f8f9fa;
    border-left: 5px solid #6c757d;
}

/* Red warning for deactivated ads that are currently active in time span */
#overview.table .overviewentry.disabled.active {
    background-color: #e53935;
    color: white;
    border-left: 5px solid #b71c1c;
}
#overview.table .overviewentry.disabled.active a,
#overview.table .overviewentry.disabled.active .adno,
#overview.table .overviewentry.disabled.active .detail div,
#overview.table .overviewentry.disabled.active .date {
    color: white !important;
}

#overview.table .overviewentry.disabled:not(.active) {
    background-color: #f1f3f5;
    border-left: 5px solid #dee2e6;
    opacity: 0.7;
}

#overview.namesonly {
    column-count: 1;
    background: transparent;
    border: none;
    padding: 10px;
    font-size: 14px;
}

#overview.namesonly .overviewentry {
    display: block !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
}

#overview.namesonly .overviewentry a {
    color: inherit !important;
    text-decoration: none;
}

#overview.namesonly .overviewentry .adno,
#overview.namesonly .overviewentry .detail,
#overview.namesonly .overviewentry .date,
#overview.namesonly .overviewentry::after {
    display: none !important;
}

div#overview div {
    border-radius: 3px;
    padding: 2px;
    color: rgb(51, 51, 51);
    position: relative;
    line-height: 12px;
    break-inside: avoid;
}

#overview div::after {
    position: absolute;
    right: 5px;
    top: 0;
}

.overviewentry span.date {
    font-weight: normal;
    right: 20px;
    top: 2px;
}

.overviewentry span.adno {
    width: 18px;
    display: inline-block;
    text-align: right;
}

#overview.table .overviewentry>a {
    display: contents !important;
}

#overview div.active {
    background-color: #11aac1;
    color: white;
    font-weight: bold;
}

#overview div.active::after,
    #overview div.disabled::after {
        position: absolute;
        top: 2px;
        right: 4px;
    }

#overview div.disabled {
    background-color: #eaeaea;
    color: #acacac;
}


#overview div.loading {
    background-color: yellow !important;
    filter: none !important;
}

#overview div.loadme {
    background-color: #ffffeb;
    opacity: 0.15;
}

#overview div.failed {
    background-color: #772c2c;
}

#overview div.error,
    #overview div.disabled.planned {
        color: #f9430b;
        font-weight: bold;
    }

#overview div.planned {
    background-color: #c9dee1;
}


div#overview-tools {
    column-span: all;
    margin-bottom: 8px;
    padding: 2px !important;
    display: block;
}

div#overview-tools>* {
    margin: 0 10px;
    vertical-align: text-bottom;
}
#overview-tools a.btn {
    margin-right: 2px;
    margin-left: 0px;
}
div#overview-tools label {
    line-height: 44px;
}

#ads-button li.empty-banner a {
    color: #c0c0c0;
}

#ads-button li:nth-child(n+2):nth-child(-n+199) {
    border-left-width: 3px;
    border-left-style: solid;
}

#ads-button li:nth-child(n+2):nth-child(-n+101) {
    border-color: rgb(173, 20, 87);
}
#ads-button li:nth-child(n+101):nth-child(-n+150) {
    border-color: rgb(66, 133, 244);
}
#ads-button li:nth-child(n+151):nth-child(-n+199) {
    border-color: rgb(244, 81, 30);
}

#overviewtable {
    font-size: 12px;
    font-family: "Roboto Condensed";
}

.overviewentry .detail {
    display: none;
}

#overview.showdetails .overviewentry .detail {
    display: block;
    height: 105px;
}
#overview.showdetails:not(.gallery) .overviewentry .detail {
    background-color: rgba(255, 255, 255, 0.5);
}
#overview.showdetails.gallery .overviewentry .detail {
    height:174px;
}

#overview.showdetails.gallery .overviewentry .table {
    height:1.5em;
}

#overview.showdetails .overviewentry > a {
    line-height: 120%;
    max-width: initial;
}

#overview.table .overviewentry .adno {
    grid-column: 1;
    font-weight: 700;
    color: #11aac1;
    font-family: 'Roboto Mono', monospace;
    font-size: 1.1em;
    width: auto !important;
    min-width: auto !important;
    margin-right: 0;
    text-align: left;
}

#overview.table .overviewentry .detail {
    display: contents !important;
}

#overview.table .overviewentry .detail div:first-of-type {
    grid-column: 3;
    font-size: 0.95em;
    color: #495057;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}

#overview.table .overviewentry .detail div:last-of-type {
    grid-column: 4;
    font-size: 0.8em;
    opacity: 0.7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#overview.table .overviewentry .bannerplace {
    grid-column: 5;
    position: static !important;
    margin-left: 0;
    font-weight: 700;
    font-size: 0.8em;
    padding: 3px 8px;
    background: #e9ecef !important;
    color: #495057 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    min-width: 30px;
    text-align: center;
}

#overview.table .overviewentry .bannerplace.special {
    background-color: #ffd600 !important;
    color: #000 !important;
    box-shadow: 0 0 10px rgba(255, 214, 0, 0.4) !important;
    border: 1px solid #ffab00 !important;
}

#overview.table .overviewentry .date {
    grid-column: 6;
    text-align: right;
    font-family: 'Roboto Mono', monospace;
    font-size: 0.85em;
    color: #868e96 !important;
    background: transparent !important;
    padding: 0 !important;
    position: static !important;
    font-weight: normal;
}

#overview.showdetails .overviewentry > a {
    color: inherit;
    max-width: initial;
    width:100%;
}
#overview.showdetails .overviewentry .adno {
    width: 30px;
}

.detail {
    font-weight: normal;
}

#overview .detail img {
    display: block;
    height: 100px;
    float: right;
}
#overview.gallery .detail img {
    display: block;
    height: 170px;
    float: none;
}

#name_title {
    margin-left: 20px;
    font-weight: bold;
    color: #E3CBB3;
    text-shadow: 1px 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white;
}
#overview.showdetails.gallery {
    column-count: 1;
}
#overview.gallery .overviewentry {
    display: inline-block;
    width: 116px;
    margin:4px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
#overview.gallery .overviewentry span,
    #overview.gallery .overviewentry .detail div {
        display: none;
    }
#overview.gallery .overviewentry.inactive .detail img {
    filter: grayscale(1);
    opacity: 0.6;
}
#overview.gallery .overviewentry.planned .detail img  {
    filter: grayscale(0.5);
    opacity: 0.8;
}

#overview .overviewentry.disabled.planned  .detail img {
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-55deg) saturate(700%) contrast(0.8);
}
#overview.showdetails:not(.table) .overviewentry.disabled::after,
    #overview.gallery .overviewentry.disabled::after {
        content: " ";
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='black' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='black' stroke-width='1'/></svg>");
        background-repeat:no-repeat;
        background-position:center center;
        background-size: 100% 100%, auto;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
#overview .overviewentry.hidden {
    display:none !important;
}
#overview.table .overviewentry img {
    display: none;
}
.panel {
    position: absolute;
    top: 110px;
    right: 50px;
    left: 400px;
}
#overview #announcepreview {
    background: white;
    padding: 28px;
    border: 1px solid lightgray;
    margin-bottom: 8px;
    font-size: 15px;
    box-shadow: 0 0 17px #30666b;
    position: relative;
}

#overview .announce-tools {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    gap: 10px;
}
#overview .announce-tools a {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.edit-ad-icon {
    position: absolute;
    top: 4px;
    right: 4px;
    background: rgba(255, 255, 255, 0.8);
    color: #11aac1;
    border-radius: 4px;
    padding: 2px 4px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    font-size: 12px;
    transition: all 0.2s;
    z-index: 10;
}
.edit-ad-icon:hover {
    background: #11aac1;
    color: white;
    transform: scale(1.1);
    text-decoration: none;
}

#announcepreview h2 {
    font-size: 18px;
    font-family: "Roboto Condensed";
    font-weight: bold;
}
#announcepreview h2 a {
    color: #11aac1;
}
#overview .overviewentry .detail .bannerplace {
    position: absolute;
    top: -15px;
    right: 2px;
    font-size: 12px;
    padding: 2px 4px;
    display: block !important;
    border-radius: 2px;
}
#overview .overviewentry .detail .bannerplace.special {
    background-color: yellow;
    color: #ff8000;
}
#overview .overviewentry .detail .bannerplace.nonstandard {
    background-color: #ff8080;
    color: red;
}
#weekpicker {
    display: inline-grid;
    width: calc(100% - 210px);
    max-width: 400px;
    grid-template-columns: repeat(8, 12.5%);
    column-gap: 0;
    margin-left: 16px;
}
#weekpicker button {
    text-align: center;
    position: relative;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
#weekpicker button:hover,
#weekpicker button.dragged:hover {
        background-color:#ff8000;
}
#weekpicker button.dragged {
    background-color:#ff800080;
}

#weekpicker button:last-child {
    border-right: 2px solid;
}
#weekpicker .buttondate {
    font-size: 0.7em;
    position: absolute;
    top: -15px;
    left: calc(-2px - 50%);
    width: 100%;
}
.new-datepicker {
    margin-top: 12px;
}
#weekpicker-old {
    margin-left: 170px;
    display: inline-block;
}
`);
}