☰

Waifuist 8chan Enhancer 2

8chan extender with several functions. Included tripcode checkbox, youtube title loading, relative time and last seen tripnames.

当前为 2014-11-17 提交的版本，查看 最新版本。

// ==UserScript==
// @name           Waifuist 8chan Enhancer 2
// @include        https://8chan.co/*
// @description    8chan extender with several functions. Included tripcode checkbox, youtube title loading, relative time and last seen tripnames.
// @version        0.0.20
// @require     http://cdn.jsdelivr.net/jquery.timeago/1.4.1/jquery.timeago.js
// @namespace https://greasyfork.org/users/2657

// ==/UserScript==

//Config Vars
var Configs = {linkimgopt:"OFF", arrows:"ON", noko:"ON", antiflood:"ON", quickreply:"ON", inlinereply:"ON", linkstoview:"ON", nofloat:"OFF", textformat:"ON", centerthread:"OFF", autorefresh:"ON", namecheck:"ON", lastseen:"ON", yttitles:"ON", relativetime:"ON", bumplimit:"ON"};
var defCon = Configs;
var Description = {linkimgopt:"Links To Images", arrows:"Scroll Arrows", noko:"Noko", antiflood:"Anti-Flood Detection", quickreply:"Quick Reply", inlinereply:"In-Line Reply", linkstoview:"Links To Buttons", nofloat:"Unfix Floating Boards", textformat:"Text-Formation Buttons", centerthread:"Center Threads", autorefresh:"Auto-Refresh", namecheck:"Tripcode Checkbox", lastseen:"Last Seen", yttitles:"Load YT titles", relativetime:"Show Relative Time", bumplimit:"Bump Limit Warning"};
$('form:first-of-type').addClass( "postboxy" );    

//Load Configs System
if (localStorage.getItem('Configs')){
    var Configs2 = localStorage.getItem('Configs');                                                                               
    Configs = JSON.parse(Configs2);
};

//Configs Saver
function save(){
    localStorage.setItem("Configs", JSON.stringify(Configs));
};




//General
$('#body').css({width:"auto", "max-width":"70%"});

$("<style>").text("div.menu, div.optionsmenu, form.qrbg {background-color: grey; color: black;} .quotes {background-color: rgba(255, 102, 0, 1); border: 1px solid grey; color: black;} div.menu a:link, div.menu a:visited {  color: rgba(255, 102, 0, 1); } div.menu a:hover { color: red; } ").appendTo("head");

var UserCSS = localStorage.getItem('user_css');                                                                               

$("<style>").text(UserCSS).appendTo("head");

$('#favicon').remove();
$('head').prepend('<link href="http://i.imgur.com/wBQJqld.png" id="favicon" rel="shortcut icon">');

if (window.location.href.indexOf("res") > -1) {
    //Notifier/Counter
    $(document).on( "new_post", function() {
        count++;
        if (Configs["linkimgopt"] == "ON") {linkimg();};
        if (Configs["inlinereply"] == "ON") {genreply();};
        if (Configs["linkstoview"] == "ON") {linkstoview();};
    });
    
    
    var count = 0;
    
    
    
    
    
    var title_regex = /^\(\d+\) (.*)$/;
    var original_title = document.title;
    var match = title_regex.exec(document.title);
    if (match != null) {
        original_title = match[1];
    };
    
    setInterval(function() {
        var state2 = document["visibilityState"];
        if (state2 == "visible"){
            count = 0;};
        if (count > 0 && state2 == "hidden") {
            document.title = '('+count+') '+original_title;
            $('#favicon').remove();
            $('head').append('<link href="http://i.imgur.com/lfAW4fq.png" id="favicon" rel="shortcut icon">');
        };
    }, 10000);
    
    var onVisibilityChange = function (args) {
        var state = document["visibilityState"];
        if (state == "visible")
        {
            document.title = original_title;
            count = 0;
            $('#favicon').remove();
            $('head').append('<link href="http://i.imgur.com/wBQJqld.png" id="favicon" rel="shortcut icon">');
        }
    };
    
    document.addEventListener("visibilitychange", onVisibilityChange, false);
    
};

//Auto-Refresh Json
if (Configs["autorefresh"] == "ON") {
    $.fn.reverse = [].reverse;
    
    var URL = window.location.pathname;
    var URLs = URL.slice(0, -5);
    var URLf = URLs.split("/");
    var board_name = URLf[1];
    
    setInterval(function () {
        
        $.getJSON(configRoot + board_name + "/0.json", function (j) {
            var new_threads = 0;
            
            j.threads.forEach(function (t) {
                var s_thread = $("#thread_" + t.posts[0].no);
                
                if (s_thread.length) {
                    var my_posts = s_thread.find(".post.reply").length;
                    
                    var omitted_posts = s_thread.find(".omitted");
                    if (omitted_posts.length) {
                        omitted_posts = omitted_posts.html().match("^[^0-9]*([0-9]+)")[1] | 0;
                        my_posts += omitted_posts;
                    }
                    
                    my_posts -= t.posts[0].replies | 0;
                    my_posts *= -1;
                    
                    
                    
                    if (my_posts != 0) {
                        
                        my_posts = 0;
                        
                        $.ajax({
                            url: document.location,
                            success: function(data) {
                                $(data).find('div.post.reply').each(function() {
                                    var id = $(this).attr('id');
                                    if($('#' + id).length == 0) {
                                        $(this).insertAfter($('div.post:last').next()).after('<br class="clear">');
                                        $(document).trigger('new_post', this);
                                    }
                                });
                                
                            }
                        });
                        
                        
                    };
                    
                } else {
                    
                }
            });
            
        });
    }, 10000);
};


//Menu

$('body').append("<div class='menu' style='position:fixed; right:10%; bottom:20%; width:49px;'></div>")

//Config Menu    
$("body").append("<div class='optionslink' style='cursor: pointer; cursor: hand; width:auto;'>[Script Options]</div>")
$("body").append("<div class='optionsmenu' style='display:none; position:fixed; right:10%; top:5%; width:200px; height:300px; padding:5px;'></div>")
$(document).on('click', ".optionslink", function() {
    $(".optionsmenu").css("display","inline");
    $('.optionslink').html("[Close Script Options]");
    $('.optionslink').attr('class', 'optionslinkclose');
    
});
$(document).on('click', ".optionslinkclose", function() {
    $(".optionsmenu").css("display","none");
    $('.optionslinkclose').html("[Script Options]");
    $('.optionslinkclose').attr('class', 'optionslink');
});



function renmenu(){
    if (localStorage.getItem('Configs')){
        var Configs2 = localStorage.getItem('Configs');                                                                               
        Configs = JSON.parse(Configs2);
    };
    
    rendermenu = '';
    $.each(Configs, function(i, key) {
        rendermenu += '<div alt="' + i + '" class="menubutton" style="cursor: pointer; cursor: hand; width:auto;">' + Description[i] + ' [' + Configs[i] + ']</div>';
        
    });
    var bgurl2;
    if (localStorage.getItem('bgurl')){
        bgurl2 = localStorage.getItem('bgurl');
    };
    rendermenu += '<div class="reset" style="cursor: pointer; cursor: hand; width:auto;">[Reset Configurations]</div>'
    rendermenu += '<div class="backbround" style="cursor: pointer; cursor: hand; width:auto;">BG URL:<input type="text" name="bgurl" class="bgurl" size="10" autocomplete="off" value="' + bgurl2 + '"></div>'
    
    $(".optionsmenu").html(rendermenu);        
};

renmenu();

$(document).on('click', ".reset", function() { 
    delete window.localStorage["Configs"]        
    Configs = defCon;
    save();
    renmenu();
});

var bgstore = $('body').css('background');
//    localStorage.setItem("bgurl", "derp");
$( ".bgurl" ).change(function() {
    bgurl = $('.bgurl').val();
    localStorage.setItem("bgurl", bgurl);        
    if (bgurl.match(/\.(jpg|png|gif)/g)){
        $('body').css('background', 'url("' + bgurl + '")');
    } else { $('body').css('background', bgstore)};
});
if (localStorage.getItem('bgurl')){
    if (localStorage.getItem('bgurl').match(/\.(jpg|png|gif)/g)){
        $("<style>").text("body {background:url('" + localStorage.getItem('bgurl') + "');}").appendTo("head"); 
    };};

$(document).on('click', ".menubutton", function() {
    buttonid = $(this).attr('alt');
    changevar = Configs[buttonid];
    if (changevar === "ON") {changevar = "OFF";} else {changevar = "ON";};
    Configs[buttonid] = changevar;
    save();
    renmenu();        
});

// Disable Index Stuff

if (window.location.href.indexOf("res") > -1) {}else{
    
    $.each(Configs, function(i, key) {
        
        if (['quickreply', 'inlinereply', 'autorefresh', 'bumplimit', 'lastseen'].indexOf(i) >= 0) {
            Configs[i] = "OFF";
        }
        
    });
    
};



//Arrows
if (Configs["arrows"] == "ON") {
    $('.menu').append("<center><font size='30'><a alt='Scroll Up' style='text-decoration: none' href='javascript:window.scrollTo(0,0);'>▲</a><br><a style='text-decoration: none' href='javascript:window.scrollTo(0,900000000);'>▼</a>")
};


//linkimg
function linkimg(){
    $('a[href$=".png"][rel="nofollow"], a[href$=".jpg"][rel="nofollow"], a[href$=".gif"][rel="nofollow"]').each(function(){
        $(this).replaceWith('<div class="linkedimg2" style="width:100px;display:inline-block;"><img class="linkedimg2" style="max-width: 100%;" src="' + $(this).attr('href') + '" /></div>');
    });
    
    $(document).on('click', ".linkedimg2", function() {
        $(this).css('width', 'auto');
        $(this).attr('class', 'clicked');
    });
    
    $(document).on('click', ".clicked", function() {
        $(this).css('width', '100px');
        $(this).attr('class', 'linkedimg2');
    });
    
};

// Tripcode Checkbox
if (Configs["namecheck"] == "ON") {
    $("tr th:contains('Name')").append(' <input type="checkbox" name="Nom" class="checkname" value="Nom" checked>');
    var checker = localStorage.getItem('check');
    if (checker == "OFF"){ $('.checkname').prop('checked', false) 
    $("[name='name']").prop('disabled', true)}
    
    $(".checkname").change(function() {
        if(this.checked) { localStorage.setItem("check", "ON")
        $("[name='name']").prop('disabled', false)
                         } else { localStorage.setItem("check", "OFF")
                         $("[name='name']").prop('disabled', true)};
    });
};

if (Configs["linkimgopt"] == "ON") {linkimg();};

// No Floating Boards

if (Configs["nofloat"] == "ON") {$(document).ready(function(){ $('html').removeClass("desktop-style"); $('html').removeClass("mobile-style");});};


//linkstoview
function linkstoview(){
    $('a[href$=".png"][rel="nofollow"], a[href$=".jpg"][rel="nofollow"], a[href$=".gif"][rel="nofollow"]').each(function(){
        var linkURL = $(this).attr('href');
        $(this).replaceWith('<div class="viewbutton" id="' + $(this).attr('href') + '"><b>[Click to View Image]</b> <br>' + $(this).attr('href') + '</a></div>')
    });
    
    
    $(document).on('click', ".viewbutton", function() {
        $(this).replaceWith('<br><div class="linkedimg2" style="width:100px;display:inline-block;"><img class="linkedimg2" style="max-width: 100%;" src="' + $(this).attr('id') + '" /></div>');
    });
    
    $(document).on('click', ".linkedimg2", function() {
        $(this).css('width', 'auto');
        $(this).attr('class', 'clicked');
    });
    
    $(document).on('click', ".clicked", function() {
        $(this).css('width', '100px');
        $(this).attr('class', 'linkedimg2');
    });
    
};

if (Configs["linkstoview"] == "ON") {linkstoview();};


// Quick Reply
if (Configs["quickreply"] == "ON") {
    
    
    $( document ).ready(function() {
        $(".close-btn").click();
    });
    $('.post_no').on('click', function(){ 
        $(".close-btn").click();     
    });    
    
    $('.menu').append("<center><font size='30'><a style='text-decoration: none' class='QR'><img style='cursor: pointer; cursor: hand;' src='http://i.imgur.com/f8L6S1O.png'></a><a style='text-decoration:none;display:none;cursor: pointer; cursor: hand;' class='QR2'>X</a><br>");
    //$("<style>").text(".postboxy { resize:horizontal; overflow:auto; padding:5px; max-width:80%;}").appendTo("head");
    $('body').on('click', '.QR, .post_no', function() {
        $('.close-btn').click();
        $('.postboxy').after("<div class='dummytext' style='height:350px;'></div>");
        $('.postboxy').css({position:"fixed", top:"1%", right:"calc(10% + 49px)"});
        $( ".postboxy" ).addClass( "qrbg" );
        $(".posttable").css("margin","auto");
        $(".QR").css("display","none");
        $(".QR2").css("display","inline");
        wii = screen.width / 2;
        hii = screen.height / 2;
        $('#body').css({width:"100%", "max-width":"100%", resize:"vertical", "max-height":hii});
        //$('.posttable').css({width:"100%",  resize:"none"});
        //$(".posttable").css("margin","inherit");
        $('.dummytext:not(:last-child)').remove();
        
        
        
    });
    $('body').on('click', '.QR2', function() {
        $( ".dummytext" ).remove();
        $('.postboxy').css({position:"", top:"", right:""});
        $( ".postboxy" ).removeClass( "qrbg" );
        $('.postboxy').insertAfter($('.banner'));
        $(".posttable").css("margin","auto");
        $(".QR").css("display","inline");
        $(".QR2").css("display","none");
        $('#body').css({width:"", height:"", resize:""});
        $('.posttable').css({width:"auto",  resize:"none"});
        
    });
};

// In-Line Reply
if (Configs["inlinereply"] == "ON") {
    $('table:first-of-type').addClass( "posttable" );
    function quotador(id){
        $("textarea[id*='body']")[0].value += '>>' + id + '\n';
        reply_id = 'reply_' + id;
        $( ".dummytext" ).remove();
        $('.banner').after("<div class='dummytext' style='height:301px;'></div>");
        $('.postboxy').insertAfter("#" + reply_id);   
        $(".posttable").css("margin","inherit");
        
        $(".QR").css("display","none");
        $(".QR2").css("display","inline");
    };
    
    function genreply(){
        $("iframe").removeAttr('style');
        if(window.location.href.indexOf("res") > -1) {
            $('.quotes').remove();
            $( "div[id^='reply_']" ).each(function() {
                var replyid = $(this).attr("id")
                replyid = replyid.replace("reply_", "");
                $(this).find('> .intro').append('<div class="quotes" id="'+ replyid +'" style="display:inline-block; float:right; margin: 3px; padding: 3px; cursor: pointer; cursor: hand;">Reply</div></div>');
                
            })};
    };
    
    genreply();
    
    $('body').on('click', 'div.quotes', function() {
        var currentId = $(this).attr('id');
        $( ".postboxy" ).removeClass( "qrbg" );
        $(".postboxy").removeAttr('style');
        $('#body').css({width:"", height:"", resize:""});
        quotador(currentId);
    });
    
};



//Text Formatting
if (Configs["textformat"] == "ON") {
    jQuery.fn.extend({
        insertAtCaret: function(myValue, myValueE){
            return this.each(function(i) {
                if (document.selection) {
                    //For browsers like Internet Explorer
                    this.focus();
                    sel = document.selection.createRange();
                    sel.text = myValue + myValueE;
                    this.focus();
                }
                else if (this.selectionStart || this.selectionStart == '0') {
                    //For browsers like Firefox and Webkit based
                    var startPos = this.selectionStart;
                    var endPos = this.selectionEnd;
                    var scrollTop = this.scrollTop;
                    this.value = this.value.substring(0,     startPos)+myValue+this.value.substring(startPos,endPos)+myValueE+this.value.substring(endPos,this.value.length);
                    this.focus();
                    this.selectionStart = startPos + myValue.length;
                    this.selectionEnd = ((startPos + myValue.length) + this.value.substring(startPos,endPos).length);
                    this.scrollTop = scrollTop;
                } else {
                    this.value += myValue;
                    this.focus();
                }
            })
        }
    });
    $('#body').after('<br class="stylebar">');
    
    $('.stylebar').after('<input class="formbutton_SS" type="button" value="Spoiler" /><input class="formbutton_B" type="button" value="B" /><input class="formbutton_R" type="button" value="R" /><input class="formbutton_S" type="button" value="S" /><input class="formbutton_I" type="button" value="I" /><input class="formbutton_C" type="button" value="Code" />');
    $('.formbutton_I').css('font-style', 'italic');
    $('.formbutton_S').css('text-decoration', 'line-through');
    $('.formbutton_R').css('color', 'red');
    $('.formbutton_B').css('font-weight', 'bold');
    $('.formbutton_SS').css('font-weight', 'bold');
    
    $('.formbutton_C').on('click', function(){ 
        $("textarea[id*='body']").insertAtCaret("[code]", "[/code]");
    });
    $('.formbutton_I').on('click', function(){ 
        $("textarea[id*='body']").insertAtCaret("''", "''");
    });
    $('.formbutton_S').on('click', function(){ 
        $("textarea[id*='body']").insertAtCaret("~~", "~~");
    });
    $('.formbutton_R').on('click', function(){ 
        $("textarea[id*='body']").insertAtCaret("==", "==");
    });
    $('.formbutton_B').on('click', function(){ 
        $("textarea[id*='body']").insertAtCaret("'''", "'''");
    });
    $('.formbutton_SS').on('click', function(){ 
        $("textarea[id*='body']").insertAtCaret("**", "**");
    });
};
// Last Seen

if (Configs["lastseen"] == "ON") {
    var $data = [];
    $data = [];
    var $names = [];
    $('.intro').each(function() {
        var $this = $(this);    
        $nam = $this.find('.name').text() + $this.find('.trip').text();
        $names.push($nam);
    });
    
    var uniqueNames = [];
    $.each($names, function(i, el){
        if($.inArray(el, uniqueNames) === -1) uniqueNames.push(el);
    });
    
    var $maxtimes = {};
    
    $.each( uniqueNames, function( index, value ) {
        var max = 0;
        var themax = [];
        var naname = value;
        
        $( 'div:contains("' + value + '")' ).each(function(value) {
            var $this = $(this);        
            var then = Date.parse($this.find( "time:last" ).attr("datetime"));
            if(then > max)
            {
                max = then;
            };
            $maxtimes[naname] = then;
        });
    });
    
    var now = "";
    now = $( "time:last" ).attr("datetime");
    dnow = Date.parse(now);
    var d = new Date();
    var n = d.toJSON();
    var z = Date.parse(n);
    $.each( uniqueNames, function( index, value ) {
        then = $maxtimes[value]
        sub = z - then;
        seconds = sub / 1000;
        minutes = Math.floor(seconds / 60);
        hours = Math.floor(minutes / 60);
        if (hours > 0){
            thecount = hours + " Hours Ago." }else{ thecount = minutes + " Minutes Ago." };
        
        $data +=  value + " - " + thecount + "<br>";    
    });
    
    $('.uselist').remove();
    $('.blotter').append('<div class="uselist"><br><br>Users seen: <br>' + $data + '</div>');
    
    function uptime(){
        $data = [];
        $('.intro').slice(-5).each(function() {
            var $this = $(this);    
            $nam = $this.find('.name').text() + $this.find('.trip').text();
            var datet = Date.parse($this.find( "time:last" ).attr("datetime"));
            $maxtimes[$nam] = datet;
        });
        var now = "";
        now = $( "time:last" ).attr("datetime");
        dnow = Date.parse(now);
        var d = new Date();
        var n = d.toJSON();
        var z = Date.parse(n);
        $.each( $maxtimes, function( index, value ) {
            then = $maxtimes[index]
            sub = z - then;
            seconds = sub / 1000;
            minutes = Math.floor(seconds / 60);
            hours = Math.floor(minutes / 60);
            if (hours > 0){
                thecount = hours + " Hours Ago." }else{ thecount = minutes + " Minutes Ago." };
            
            $data +=  index + " - " + thecount + "<br>";    
        });
        
        $('.uselist').remove();
        $('.blotter').append('<div class="uselist"><br><br>Users seen: <br>' + $data + '</div>');
    };
    
    $(document).on( "new_post", function() {
        uptime();
    });
    
    setInterval(function () {
        uptime();
    }, 6000);
};

//Youtube Titles

function yttitle(me){
    var myregexp = /(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/ ]{11})/i;
    var src = $(me).attr("href"); 
    $(me).append(" - Loading Title...");
    var id = src.match(myregexp)[1];
    var link = me;
    $.ajax({
        url: "http://gdata.youtube.com/feeds/api/videos/" + id + "?v=2&alt=jsonc",
        
        dataType: "json",
        success: function(data) {
            parseresults(link,data)
        }
    });
    
    function parseresults(link,result) {
        var linktitle = result.data.title;
        $(link).text(linktitle); //setting title from extracted id
        $(link).addClass( "titled" );
    };
    
    
    
};

if (Configs["yttitles"] == "ON") {
    $( document ).ready(function() {
        $('a[href*="youtube.com/watch?v="]').not( ".titled" ).each(function() { 
            yttitle(this); 
        });   
    });
    
    $(document).on( "new_post", function() {
        $('a[href*="youtube.com/watch?v="]').not( ".titled" ).each(function() { 
            yttitle(this); 
        });   
    });
    
};

/************************************************************************
RELATIVE TIME (Taken from 8chanX, all credits due~)
*************************************************************************/
if (Configs["relativetime"] == "ON") {
    $(document).ready(function() {  
        $("time").timeago();
    });
    
    // Show the relative time for new posts
    $(document).on('new_post', function (e, post) {  
        $("time").timeago();
    });
};


//Bump Limit Warning
if (Configs["bumplimit"] == "ON") {
    var split = window.location.pathname.split(/[\/+.]/g);
    var board_name = split[1], threadno = split[3];
    
    $('#thread_stats').append('<span class="bumplimit"></span>');
    $('#thread_stats').prepend('<span class="total"></span>');
    function bumplimit(){
        $.getJSON( "https://8chan.co/" + board_name + "/0.json", function( data ) { 
            for (i = 0; i < data.threads.length; i++) { 
                if (data.threads[i].posts[0].no == threadno) { replies = data.threads[i].posts[0].replies;
                                                              $('.total').html(replies + " total | ");
                                                              if (replies > 250){$('.bumplimit').html(' | <span style="color:#ff0000;"><strong>Bump Limit Reached.</strong></span></p>');};
                                                              
                                                              break;};
            }   
        });
    };
    bumplimit();
    $(document).on('new_post', function (e, post) {  
        bumplimit();
    });
};
//smaller functions

if (Configs["centerthread"] == "ON") {
    
    
    $("<style>").text("div.post.reply.post-hover { width:auto;} body {width:70%; margin:auto;} div.post.reply {width:100%;}").appendTo("head"); 
    
    
};

if (Configs["antiflood"] == "ON") {
    
    function makeid(){
        var text = "";
        var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";    
        for( var i=0; i < 10; i++ )
            text += possible.charAt(Math.floor(Math.random() * possible.length));    
        return text;
    };
    
    function checkandffill(){
        $("#body").each(function() {
            if($(this).val() === "")
                var number = 12345678 + Math.floor(Math.random() * 6);
            $("#body").text(makeid());
        });};
    
    $nofill = 'no';
    
    $(".post_no").click(function(){
        $nofill = 'yes';
    });
    
    $("input[name='post']").click(function(){	
        if($nofill === "no"){
            window.onload=checkandffill();
        };
    });
    
};

//autonoko
if (Configs["noko"] == "ON") {
    function noko(){
        document.getElementsByName("email", "input")[0].value = "noko";
    };
    
    
};