Greasy Fork is available in English.

BDManagementEnhancer

Enhances advertisement management at bd742.com

2022/04/10時点のページです。最新版はこちら。

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください。
// ==UserScript==
// @name     BDManagementEnhancer
// @version  1.36
// @license  none
// @run-at   document-end
// @include  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/daterangepicker@3.1.0/daterangepicker.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
var $ = window.jQuery;

addStyle();

unsafeWindow.updateAdNames = function() {
  $('ul.dropdown-menu[role="menu"] li a').each(function() {
      var txt = $(this).text();
      var link = $(this).attr('href');
      var size;
      size = link.match(/size=(\d+)/);
      var 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.overviewProgress = function() {
}

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'))
            || (! 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');
            break;
        case "details":
            $('#overview').removeClass('gallery table').addClass('showdetails');
            break;
        case "gallery":
            $('#overview').removeClass('table').addClass('showdetails gallery');
            break;
        case "table":
            $('#overview').removeClass('gallery').addClass('showdetails table');
            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(){
            var originalCheckBox = $(this),
                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:
            var 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');

                var 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);

var myVersion = GM_info.script.version;
var 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">');

var matches = $('#wrap > div.container > div > div div.btn-group:nth-child(3) > ul li:nth-last-child(2) a').attr('href').match(/(.*=)(\d+)$/);
var myurl = matches[1];
var lastad = parseInt(matches[2]);
var currentad = parseInt($('input[name=ad_n]').val());
var nextad = currentad+1;
var prevad = currentad-1;
if (prevad < 1) prevad = 1;
var sizepar = $('input[name=size]').val();
var 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')
    .css('width','100px')
    .css('white-space','normal');

var 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();
// delete image button
$('#myform > table tr:nth-child(8) a').html('<span class="glyphicon glyphicon-trash"></span>').attr('style','');
$('#myform > table tr:nth-child(8) td:first-child').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;"><span>'
                              + ' <a href="#" onclick="openqaz()">Unicode Text</a>');
$('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';
});

// OVERVIEW button
$('<a id="overviewbutton" title="Overview" href="#" class="btn btn-primary"><span class="glyphicon glyphicon-th-list"></span> Overview</a>')
    .on('click', function() {
    if ($('#overview').length) {
        $('#overview').remove();
        return;
    }
    var overview = $('<div id="overview">'
                     +'<div id="overviewTools" class="btn-group" style="display:block;">'
                     +'<a class="btn btn-secondary disabled" href="#" onclick="printOverview(overview)"><span class="glyphicon glyphicon-print"></span> Print</a>'
                     +'<a class="btn btn-secondary disabled" href="#" onclick="tableOverview(overview)"><span class="glyphicon glyphicon-list-alt"></span> Table</a>'
                     +'<a class="btn btn-warning disabled" id="cleanbutton" href="#" onclick="cleanNames(overview)"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Clean</a>'
                     +'<a class="btn btn-primary disabled" id="announcebutton" href="#" onclick="announce(overview)"><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>'
                     +'</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>'
                     +'<span id="overviewProgress"></span>'
                    ).insertBefore('div.well:first');
    $(overview).find('input[name^=show]').on('change',function() {
        filterOverview();
    });
    changeoverviewstyle();
    $('ul.dropdown-menu[role="menu"]').last().find('li a').each(function() {
        var txt = $(this).text();
        var link = $(this).attr('href');
        var size;
        size = link.match(/size=(\d+)/);
        var number;
        var 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:'')
          +'<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);
})
    .wrap('<div class="btn-group"></div>')
    .appendTo('#wrap > div.container > div:first-child > div')
.after(' ');

// 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');

var 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();
    var 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)').prepend('<input style="display:inline;" class="form-control" id="daterange"><button id="settoday">today</button>');
    $('#settoday').on('click', function(event) {
        event.preventDefault();
        var dateOptions = {
            year: 'numeric',
            month: '2-digit',
            day: 'numeric'
        };
        var today = new Date();
        var end = new Date();
        end.setDate(today.getDate() + 7);
        $('#daterange').data('daterangepicker').setStartDate(today.toLocaleDateString('de-DE',dateOptions));
        $('#daterange').data('daterangepicker').setEndDate(end.toLocaleDateString('de-DE',dateOptions));
        updateDateRange($('#daterange').data('daterangepicker').startDate,$('#daterange').data('daterangepicker').endDate);
    });
    selectorsToString();
    var 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() {
  if ($('#adname').val()) return;
  var adurl = $('input[name=url1]').val();
  var name = urltoname(adurl);
  if (name) {
    $('#adname').val(name).change();
  }
}
function urltoname(url) {
    let name;
    let matches;
    if (url && url.length && (matches = url.match(/\/\/([a-z0-9]+)\.[a-z]+\/[a-z]{2,6}\/(.*)-/))) {
        name = matches[2];
        name += " " + matches[1].replace(/^(.).+(..)$/,"$1$2").toUpperCase();
    }
    return name;
}
var adFilter = $('<li id="adfilter"></li>').append($('<input name="adfilter" 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', function(ev) {
    var 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();
        }
    });
});
setInterval(function(){
    if ($('#adfilter').is(':visible')) {
        $('input[name="adfilter"]').focus();
    }
}, 500);

$('ul.dropdown-menu[role="menu"] li a').each(function() {
    var txt = $(this).text();
    var link = $(this).attr('href');
    var size;
    size = link.match(/size=(\d+)/);
    var 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) {
    try {
        var obj = JSON.parse(text);
    } catch (e) {
        $('#jsonPaste').val('').attr('placeholder',"Invalid JSON! Paste JSON data here!");
        return false;
    }
    Store.clear();
    $.each(obj,function(idx,val) {
        Store.setItem(idx,val);
    });
    unsafeWindow.$('#myModal').modal('hide');
    updateAdNames();
    return true;
}

unsafeWindow.announce = function(overview) {
    let now = new Date();
    let weekstart = new Date(now.setDate(now.getDate() + 1 - now.getDay())); // This Sunday
    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 firstdomain;
    let adcounter = [];
    let all = $(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');
                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 >= 150) domain = "ladisha.de";
                if (! text[domain]) text[domain] = "";
                if (! adcounter[domain]) adcounter[domain] = 0;
                console.log("adcounter ",adcounter[domain]," --- ",target);
                if (adcounter[domain] >= 5) {
                    adcounter[domain] = 0;
                    text[domain] += "\n";
                }
                text[domain] += `[URL="${target}"][IMG]${img}[/IMG][/URL] `;
                adcounter[domain]++;
            }
        });
    let start = weekstart.toLocaleDateString("de-de");
    let end = new Date;
    end.setDate(weekend.getDate() + 1);
    end = end.toLocaleDateString("de-de");
    let announcement = `[SIZE="3"]Diese Woche anwesend (${start} – ${end}):[/SIZE]\n\n`;
    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";
    }
    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) {
    var sizepar = (location.href.match(/size=(\d+)/))[1];
    var all = $(overview)
        .find('.overviewentry')
        .not('.loadme')
        .not('.loading')
        .not('.failed');
    var 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 = urltoname(url);
                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() {
    var box = $('input[name=enabled]');
    if ($(box).is(':checked')) {
        $(box).removeClass('disabled')
    } else {
        $(box).addClass('disabled')
    }
}

hilite_spacelist($('.spacelist'));
var adList = [];
var openXHR = 0;
var fetchInterval;
unsafeWindow.checkStatus = function(overview) {
    $(overview).find('a').each(function(idx,element) {
        var url = $(element).attr('href');
        if (url && url.match(/action=ad_edit/)) adList.push([element,$(element).attr('href')]);
    });
    var timeout = parseInt(1000/xrps);
    fetchInterval = setInterval(getRemainingAdData, timeout);
}
unsafeWindow.loadImages = function(overview) {
    $(overview).find('div.overviewentry').each(function(idx,element) {
        var url = $(element).data('imagesrc');
        if (url) {
            $(element).find('img').remove();
            $('<img src="'+url+'">').appendTo(element);
        }
    });
}
unsafeWindow.printOverview = function(overview) {
    $('body').html($('#overview'));
    $('#overview span').remove();
    $('div#overview').css('column-count','6');
}
unsafeWindow.tableOverview = function(overview) {
    var 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() {
    var me;
    if (openXHR >= maxXHR) return;
    if (me = adList.shift()) {
        getAdData(me);
    } else {
        clearInterval(fetchInterval);
        $('#overviewTools a.btn').removeClass("disabled");
    }
}

unsafeWindow.getAdData = function(me) {
    var el = me[0];
    var 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) {
            var entry = $(element).closest('div');
            $(entry).removeClass('loading');
            const htmlDoc = new DOMParser().parseFromString(data,'text/html');

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

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

            var 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);
            var 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/)) {
                var dateStart = new Date(dateStartStr).setHours(0,0,0,0);
                $(entry).data('dateStart',dateStartStr);
                var dateEnd = new Date(dateEndStr).setHours(23,59,59,999);
                $(entry).data('dateStart',dateEndStr);

                var today = new Date();

                $(entry).find('span.date').html(dateStartStr + '–' + dateEndStr);
                if (!enabled) $(entry).addClass('disabled');

                if (enabled && today >= dateStart && today <= dateEnd) {
                    $(entry).addClass('active');
                } else if (today <= dateStart) {
                    $(entry).addClass('planned');
                } else {
                    $(entry).addClass('inactive');
                }
            } else {
                $(entry).find('span.date').html('[n/a]');
                console.error(data);
            }
            $(entry)
                .data("targeturl",adURL)
                .data("text",adText)
                .data("startdate",dateStartStr)
                .data("enddate",dateEndStr)
                .find('.detail').html((imagesrc ? '<img src="'+imagesrc+'">' : '')
                                          +'<div>'+adText+'</div>'
                                          +'<div><a href="'+adURL+'">'+adURL+'</a></div>'
            );
            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 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: 0;
    right: 150px;
    width: 60px;
}

.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: 200px;
}

.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,iVBORw0KGgoAAAANSUhEUgAAASIAAABCCAYAAADzPdtYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAE3lJREFUeNrsnXuQHNV1xr/unpmentfuzmpf2tVqJa0RxmWhhBgXWBgbIiA2pozBQILLha0CKkSEson8qCJJkYRyisSxoLCVQAiUKxFPh3IlxAk4IjyMHByBkAhYIMRa0mpX+57defd0d865u3foXQktJP+lz0ed6pnbPXe2NMWvvnPuy7jmgQ34AFpPcSXF2RS9C9ENkUgUZU1RvEMxTLGH4gmK/ct96KHrXm2+joVvPPyVfSc8TKBK0GULxTYnGV+zoj2NbNqGnbCQSMSQiFvyM4hEEVaj4eerNTdfq3tnFUu1yyany7eXynUG010UOyjqy/URO9VNgtDldLmzpzM7SIF0KqHayw0Xru9htlGFW/fklxCJIqyYaSIRs+CQMWlvdbC6txWVqrtmZGxu+/Do7FZ65NsUj39gEBGA2OZsb29LbWUAtbU4qPkNjJTn5F9dJBItdkS+rwJwUahXVVub7WBtfx751tQgAemxianS/dR803u5o9hJINRCl8d6unKbuaOA/jtWOgmAAsAxWrHa2YAuexAxY94t0Z+E0cpBHK7tQ8mn1NGQH0okipqmqhV17cykcXquA4cOW1uOjc4OUtMXMF9Tem8QEYQcuvxzX0/LpoG+NszUqqhQGraIP36AVYkN+ETnNVid+wg8z0O1WkW9XqdcsQHDMHB6/nw4jkNAehs/G3sEQ7U9MEwhkkgUNY2VS0jGYli7Kg/LNM4/cqzwj9R80VJntNQR/aC3O6cgNFkto+55ixxQMmjBJd2/hzM6z4VlWQpCDCCOUqmEWq22qLNUKofP9fwBRutv4Z+O/RVqRkEckkgUMVXJoEwGZazubSNmBOcfOz67fSFNOymIrl6RT1+3ui+PyUoFtRCE2AW1mf24eu0foiPbi2QyiSAI5jsg2jGU2AktVblcVtHWtgpfXfc9PDp0B8YbB8UdiUQRU63hYZoypwFyRnXX+92JqdKz1PyIvm8uXDMU3+1ekYXn+/ShhnJAKnwg63fh2nV/hjanC6ZpwqdnGDwMoFOBSGt6ehqVQgPXrv0TtAarEHjBu/1LSEhEIiquq/jCnCF957cfPDOxFERbejpzvblsEuOU0y2qCbkmLl/9TSTgNNMwrgWxI2IAxeNxdWVAnUpzc3OYmynjioFvwnQT83+cSCSKlJgvzBnizRp6e8NSEG3tIkpVFWDQDK8R4MPOBWiLr0SxWFQ1IA4NIxZDKJFIqOty4jpSMmjFmdnPqL7D3yUhIRGNYM50zbuibeSKLF0jOiebtgedZAyjxblFxemgauLC9V9CYbqgHBAXpzkt89WcAah0jFMzBhFfTyV2TvwMQ+xTA9fglZd/QhisSfFaJIqYpitldGeyyGbs/rli7RxqeoHpsbklm2zSSsv3Aqx1Pg64MVQqFZV6sQtiGPFVwyiVSikQcZxMDCuGkH5GpXKIY336PLzuPg3TEhKJRFETs6Yt54BA9FkNonMyaRtld/GER8/18aG2j6l0SrsghgqDyHXdRTDKZDJq3tBScbpm27YaZdOuSRe3ue99R/4NiZSsVROJoqZivQbmDvNHp2brk3YcJQJR2BG5VR8rc+vgltwQxebTM+2KdL1IwygsBg+3aQiFi9rcT28L9f2Wh7gjIBKJoqZqw0M2oUA0qEGUj5mGckBhEnl1H/lMF47PjjVHxILQfXZD4cmM/f39zXv5fB65XE5BiD8bHt7X17Z0B32JuTgfFIlEkRAbmbitsqhuDaIWVf/x/MWpWSNAMj6fbi03NM9QGhoawsaNG9/3H8JAMr0EAt+TgrVIFDEFTQ7A4pEzBlFhplRoqZar8Px33Um5VEexUlA1nfAomb4qkCy4HU692AHt3bsXXV1d6jWnYnxfPxsGkAIdpXdThXHkkraASCSKmBgDs5aawuM9dN2rHoNoigDUYlomvODdZR0GmaCxmWOUx61QxWkNlDCA9IRGLlTz6BlrdnZWXbktXBdaCqSxmWH1HQpCAiKRKFKKWc0sbFSnZgfqdW+NHbfghtaXmTEDb43sw7kf+oyqDWkA6dCjXzwqxqEnNHLux8P92vWEYaSBxO1vUt9m3Hh3SqVIJIqM4sSbuqtAdFCDaHe16l3SkUmiVHt3CN9KGHj5yC5c8NEvNB2RdkIaRAwZDRrtdjiN4+c1mPj9Uhhx256hXYglTBjihkSiyCmbjGNiSm2itluD6OlSuXF7p2EuSp3itoWh8f04PP4WeloHlIsJu6HwnKBwMVsP8Wt4aTF89LPDE0M4MP1ztK6yT7lYViQS/f+UQbwpFtUysSdVBsZEKlcaB2uuh5aU3azZWLYJpzWGnT/b3ky99Gp7DaBw/ScMIg0jTtOWBt976Pm7kWy1lOtq1ogkJCQiEVknAbfhg7gzHHZErHump2vbe7pTmF3Y3Iw/k8zFMDz7Gp5+5UfY/GtXNFfc6wgXoPUiWA0jdkDaRelnOEV7/rWf4M3SbuT7HVWHEolE0VLKjuP4WFlxh0fMwiC6f3Kquq0ll+hdkUlhsjRfbI4nLWQ6EvjR3ruxMj+ADWvPPqForWF0MhBpGPF9ntx4aPQN/HD3HWgdsKlvU9IykShiak875IQ8jE9Ued/qHbpdg6hIcevUdO3h/mwWdiKGesNTrsjJxeH3AXf/9FZ85dw/wnkbLl40lK9hwjWhpdLr03go/9VDu3Hfc3+M7KoYpWVxcUMiUcRkq7KOhalp5YZuJjdUWAoi1iMzhdol8VHzut6eNKbLVbVntRU3kM7H1FKMv33xNuwf+jmuveD30ZZrV6mWVhhE7Ij4XjqdhpUw8fCz38ez7zyKtlUO0u1xxOICIZEoSopbFtpSNoaPlTAzU7uXmnaG7xtLjpzmNR1PdXWmNq0kGBVqNVTd+W1jeclHpeBidrSGxnQcnzzt8/j4+gvw4YGNKkXjNWe8P7VeZf/OyAH854Fd2PXGY4i1ush126r4bcVMmcAoEkVIfIpHS9LGyGgJo8fLL1DThRT1Ux05XSEwXXp8rPyY7web+3ozyNkJjJfKiCUMZMjN8LYdlRkXL449hp++uRMptNKXdKAnvxqmYWF48hDm6lMoepMEnjha1sbp6qhV9rL3kEgULbWnHHUS7NHhIsbGK7xhPp9rdsIhiydsq0gwKhCMfmt8orLdbfhbO1Y46M5lVM2Id+FPZkwkCCrpfAL1ige34qJaO4qDjcPKOVkrTDi2iVwyq+DDRWkFIGGQSBQZtSaTsGMWikUXRydKmJqqPkjNN+L9nvS6ACMeUruZgLSL8rk7OzqcwU4GUiat7pd5YzTHh5v11bIQ3s3RX1gdYlpQxwWZpsBHJIqCLMNAgucYkvNJLdSNq1UPR0eLPEz/Dr29DUtqQu8LRCEgPUEwenJ8vLKFYlsyGVuTb0sim4kjTnlfxuYJjrJYTCSKsnjXjmq1gUbdx8hkGdPTVZ6syAC6C/ND9PXl+ogt9wDBqL7Q2Q6C0vpjI8Ur6fUmig4KPhIkLz+FSBRp8fSfAxTjFC9RPE6x/4N0sAhES0bQTtAF3xjTL+tLriKRKLoK80AVaXbd2fmBOjDu7ehe7hk+nmMLxbaUH6zp8nzkyIrZQYBkQDdlq1eRKNJyDaBiGKhRzJkGxiwTRdNopmY3jI+e1LCEt55eDkSXU9zZ1/AH+xoeMgs7ONYCHw1e2IpAXUUiUXRlwUDMmA/bmK8ZlwlIR2MmDscs3m/o2wSjx/83IOLNhLZ3eP7WPnJAeQKQS9CZ8xryry4SiZZVxrSQIChNM5DIIZFLup+abwq7o+VA1ELxWJ8XbD7Nmz91cdpz5V9WJIqoGBdGZweSn9wE+6MbYDrJ+fZ6HdV9+1F97gUEo6Mnna3TasVhklN60zJwxDLUhEaC0dRyIFJLPAZ8bFpHECr5DdR8X34JkSiC4v/zE+dtQsfXb0H27I+pnTSq1apazsW7bfCCdt6rjBe1V/e/hvHv3YXavz9zwu7P7IwyVgxvE4yGTDCMLmJnFAbR0uH7H/QHBCG6P+d7cPlB2apDJIqcAwo6OtD1l3+OjosvUnuPMYTC5xjWFvYt00p1d6Hrr78P95W9GNl6C4zxiaZDqlOPs2Rq1plxkL85/4iB7ZymhT8fdkRXd8F4+COBgbmGSxASJyQSRdEFGetPw8CDf4fswGq1jxg7F95dgw/FKBaLmJubU87oZGpra0OaoDX01evhv7pvkTtKmOyM4vhvI8BxBNdcPzbyyFIQ8XnRv/x1w+rNEQ5nXJkeJBJF0Qn5q/sx+MTjsFe0N3fS4N01dFrGECoUCs2Tek6mbDaLPKVrb11xNXDgzUUwao0nMEtW6eXA4+H90wlG9XBqtmUVQajVtDBVJ9KZko6JRFGTS9BZveMeIklGpWBa+hSe8Gk8pxLDiutH/dTX25d9HolypZmmzXgu8okk+nysORp4N1DTPWEQbe21Yqj7AQJD1o6JRFETT4e2r74K8bVrVPrFbkgXkxkqGkLcro8KO5W4jpTs7EDmy19G+W/uW1SMZsQxb442vG33dfbsIFekTno9p8UwB1PkhibdihSnRaIIpmQ128bg127BNKVd+hQeve+8hhGnaTpdO5UYWvwMu6r+rTdh386HYBVLTVfENeh220GrYfbPBP451PQC97i5jSAU0BcFAiGRKJpu6KLfhGsnUJktqNSLh+f1kWAaRnysPIOI42TSzkk/o7aSpj6dyy6F99CjCPsoZk2eXNFMo/5ZDaJzWqihyhsKCYhEosipTg6o49Pnq3RKuyB9NDyPloVhlMlk1LyhpdLHz/Mom3ZN+vzD1k9/CscIRKkQX8rEmxZO8RpgR6RSt/UpaqjRF4ojEomipyqBKHvGGSguOQCDQaRdEc8b0gVshlFYDB5u0xAKF7W5nxz1fYiec0J8qQc+HNPml4MaRHnLMNUCVgGRSBQ98er59MqVKEyMN0fEwrOe2Q2FJzP29/c37+XzeeRyOQUh/qw+eFWnaqx0dxcaBKcgtEqDF8vH57+rW4OoJWYZCkSytatIFD1xjSieTgETWHZonqE0NDSEjRs3vu/+GUi+YyMIDeOr9WvzB/pY93X2WAyiwmRhrmWiUZctPUSiCGqc4FKZmVE1nfAomb7q05318D07oL1796Krq0u95lQsfOpzGEAKdJTajRwfg2daTRDx1aqT/aFkTA/fT/kGuSJjwRWJRKJIiecvTx8+jERPjypOh09x1gDSExq5UM2jZ6zZ2Vl15bZwXWgpkGYOH1Er8I3QeRoJ5s38m1Gdmh2omVjjUCd1T0AkEkVNbEKO7XkZ66+8QtWGNIB06NEvHhXj0BMauYitl3pwUTsMIw0kbh/es0d9hxmCk+KNqXK0gxpEu0vAJT30ZbP6TCCRSBQZ8WLUoSf/BWd+6dqmI9JOSIOIIaNBo90Op3H8vAYTv18KI257h/pOmItdUi4Wx+j8wvrdGkRPzyK4faVhLnpQJBJFQzyIPv7SLzD2xhtoGxxULibshsJzgsLFbD3Er+GlxfDRz46//TYmnnkWfUv4YtD72UAZnyffdURBcLBmGoMr7CSmZOW9SBQ5ELURI57/0zvwxYd3qjlD2hFpAIXrP2EQaRjpjdLC7eyOnrvjO6pv27Saq/BbyA255JCKXjAcdkSse8Z9b3t/LAGzIdvCikRRU5ZAMfuL/8Kef9iJs679HQUSDSCdjmnQMHTCMGIHpF2UfoYhtO/HP8bsrmewyoqpGpFWhkB0dJ4z9/CIWRhE9x/3Gtvy8Xhvl5PCeK0qv4xIFCHxoo0OgsUr5Ira163Duk+ce0LRWsPoZCDSMOL7PLlx5LXX8OK2b2E1OSon5IY6KOsqBT5GPJf3rd6h+9Eg4pMabx1rNB4+zXaQIoLVpHAtEkVKLZaJXs/HU1uux3nf/Qts+Nyli4bytdtx3ROzJr0+jYfy3372OTz7ta+jjyDFe5xpN5TkeUj0/lc1Vf65mdxQQX9+6eb5D6xM2NcNJB1M89oSgZFIFCnxPvWT9P/9EXI9fVd9ERd+6xvIrVixaMRsamoKhw8fbsKJHVA6nVZzg/5j+9049MADWEXpV7s6UmghVSNHlSc39E61gpF67d4bxkdvXPYUjz7b2bQ6mcKcW0OlIWeZiURREaPBI0AUyOGMeg1Mpxysv+YqnH7xxRj4jbNUisZrzsrlcnOV/cjrr+OX//oUXv/h36O1UkE3ZVQtPOLGoKL+bH6fsPGrahlHa5UXqOnCpad4vOe5ZiuTzua1qQzlgD4mKmX5hUSiCIln+FQIRgVyR5Oehxle+tHejmRXJ/Jr18AkdzTx1kHUJibgj42pFKyd2lro6pgG9GKOvJMiIJk4VC5iuFp53+eaaamTXlck7K095Iza4gmVphWqFfmFRKKIuaMaRYUMSXXhNadvfC+hjpiejxTBhq/WggvKURrGTqjQcDFCTmisVn2Qmm/8ICe9hnU5xZ0rndTgSieN9MIWkRW3Tn+gD5f3K5EDGEWiSEBJg8kLuRUeDYtRGmbzfCOCkROf372xTGndMcqkhsslPq3jNgLQzhP6/AAgYnHPWyi2pWKxNR1JRx0JwsUnroLHTdlsXySKshhO5UYDLpmSWTIpY9UqSg2XAXQXxY6wC/q/gCis9RRXUmyi6KBYw2mg/BQiUaTF038OUIxTvETxOMFn/7IuKwSi/xFgAONAbYVssdKAAAAAAElFTkSuQmCC);
    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 {
    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.showdetails {
    column-count: 2;
}
#overview.showdetails.table {
    column-count: 1;
    display:table;
}
#overview.showdetails.table .overviewentry {
    height:1.5em;
    display:table-row;
}
#overview.showdetails.table .overviewentry div,
#overview.showdetails.table .overviewentry a,
#overview.showdetails.table .overviewentry span {
    display: table-cell;
    height: 1.5em;
}

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 .overviewentry>a {
    color: inherit;
    max-width: 122px;
    width:100px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

#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#overviewTools {
    column-span: all;
    margin-bottom: 8px;
    padding: 2px !important;
    display: block;
}

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

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

#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.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-left:1px;
    margin-right:1px;
}
#overview.gallery .overviewentry span,
#overview.gallery .overviewentry .detail div {
    display: none !important;
}
#overview.gallery .overviewentry.inactive {
    filter: grayscale(1);
    opacity: 0.6;
}
#overview.gallery .overviewentry.planned {
    filter: grayscale(0.5);
    opacity: 0.8;
}

#overview .overviewentry.disabled.planned {
    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 !important;
}
.panel {
    position: absolute;
    top: 110px;
    right: 50px;
    left: 400px;
}
`);
}