☰

Topserialy - Watch overlay

Simple overlay to watch free

// ==UserScript==
// @name        Topserialy - Watch overlay
// @namespace   topserialy-overlay
// @include     /^https?://www\.topserialy\.(to|sk)//
// @description Simple overlay to watch free
// @version     3.2
// @run-at      document-end
// @grant       none
// ==/UserScript==

// simplify - Hide not uselful sections
$(".hslide").remove();
setTimeout(function(){
    $(".vypis .span4").css("width","241px");
    $(".vypis .span4 .overspa .iconavideo").remove();
    $(".row .span4:nth-child(3n)").css("margin-right","20px");
    $(".row .span4:nth-child(4n)").css("margin-right","0px");
    $(".vypisto").css({ "display":"flex", "flex-wrap":"wrap"});
    $(".mk-pagination").css("width","100%");
}, 500);

//
if(window.location.href.indexOf("serialy/") > -1){

    // vars
    var rand_id = Math.random().toString(36).substring(7);
    var rand_id2 = Math.random().toString(36).substring(7);
    var rand_id3 = Math.random().toString(36).substring(7);
    var iframe_id = Math.random().toString(36).substring(7);

    var css = [
        '.overlay {width:100%;padding:20px;height:60px;opacity:.4}',
        '.overlay a {letter-spacing: 3px;display: inline-block;background: #222;font-size: 9px;text-transform: uppercase;padding: 6px 10px 6px 12px;margin: 0 0 0 20px;font-weight: 800 }',
        '.overlay .spacer {padding: 20px;}',
        '#viframe {align-self:center}'
    ].join("");
    addGlobalStyle(css);

    var video = [];

    $.ajax({
        url: window.location.href,
        dataType: 'html',
        type: 'GET',
        success: function(response) {
            var el = document.createElement('html');
            el.innerHTML = response;

            var scripts = el.getElementsByTagName("iframe");
            for (var i = 0; i < scripts.length; ++i) {
                if (scripts[i].dataset.src !== null){
                    video.push(atob(scripts[i].dataset.src));
                }
            }

            if (video.length > 0) {
                window.localStorage.setItem('videos', JSON.stringify(video)); // prevent using empty array
            } else {
                video = JSON.parse(window.localStorage.getItem('videos')); // load from localStorage
            }
            console.log('Detected videos: ', video);
        },
    });

    $('body').on('click', '#' + rand_id3, function() {
        var id = $(this).attr("data-id");
        $("#" + rand_id2 + " iframe").remove();
        $("#" + rand_id2).append(iframe(video[id]));
    });

    $('body').on('click', '#' + rand_id, function() {
        $("#" + rand_id2 + " iframe").remove();
        $("#" + rand_id2).append(iframe(video[0]));
        if ($('#' + rand_id2).is(':hidden')) {
            $("#" + rand_id2).slideDown().css("display","flex");
            $("body").css("overflow","hidden");
        } else {
            $("#" + rand_id2).css("display","none");
            $("body").css("overflow","auto");
        }
    });

    $('body').on('click', '#wFullscreen', function() {
        $("#viframe").css({ "width":"100%", "height":"calc(100vh - 100px)" });
    });

    $("body").prepend("<div id='" + rand_id2 + "' style='position:fixed;top:0px;width:100%;height:100%;z-index:10000000000;display:none;background:#000;color:#444;margin:auto;text-align:center;flex-direction:column'><div class='overlay' onMouseOver='this.style.opacity=9' onMouseOut='this.style.opacity=.4'></div></div>");

    var li = $('.newtabs').find('li');

    for (var i = 0; i < li.length; ++i) {
        var sub = li[i].innerText;
        var nameT = li[i].className.replace("active", "");
        $(".overlay").append("<a id='" + rand_id3 + "' data-id='" + i + "' href='#'>" + nameT + sub + "</a>");
    }

    $(".overlay").append("<span class='spacer'></span><a id='wFullscreen' href='#'>Celé okno</a><a href='/'>hlavna stranka</a><a id='" + rand_id + "' href='#'>ZATVORIŤ</a>");

    // button to open
    $(".nadpstitdb .oznacenia").append("<a href='#' id='" + rand_id + "' style='background:#2980b9;color:#fff' class='ifsrt subtitles-active dabing-active'>> OTVORIT WATCH OVERLAY <</a>");
    $(".chcem-viacej").parent().parent().remove(); // remove shit text

}

function iframe(src) {
    return "<iframe id='viframe' src='" + src + "' scrolling='no' allowfullscreen='true' webkitallowfullscreen='true' mozallowfullscreen='true' frameborder='0' height='500' width='800'></iframe>";
}

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}