CrikeyCleanCommentPreview

Fix Comment Preview box on crikey blogs

Fra 20.04.2016. Se den seneste versjonen.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name           CrikeyCleanCommentPreview
// @author         Musrum
// @namespace      2
// @description    Fix Comment Preview box on crikey blogs
// @include        http://blogs.crikey.com.au/*
// @include        http://www.crikey.com.au/*
// @exclude        http://www.crikey.com.au/*.gif
// @require 	   https://greasyfork.org/scripts/1884-gm-config/code/GM_config.js?version=4836
// @grant          none
// @version        5.06
// ==/UserScript==
// Ver 5.00
// New major version to deal with New, souped-up Crikey
// Ver 5.01
// Added Recommend CCCP
// Ver 5.02
// Added Basic Preview
// Ver 5.03
// Show Avatars Option
// Ver 5.04
// Set Avatars Size Option
// Ver 5.06
// Added Quote Buttons
var scriptVer = '5.06';
////////////////////////////////////////////////////////////////////////////////
/*jslint browser: true */
/*global GM_config, GM_registerMenuCommand */
////////////////////////////////////////////////////////////////////////////////
//don't run in iframes
if (window.top !== window.self) {return;}
////////////////////////////////////////////////////////////////////////////////
//    URLS
var ff = ["Firefox"      ,"http://www.mozilla.com/en-US/firefox/personal.html"];
var gm = ["Greasemonkey" ,"https://addons.mozilla.org/en-US/firefox/addon/748"];
var gc = ["Google Chrome","http://www.google.com/chrome"];
var tm = ["Tampermonkey" ,"https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo"];
var cc = ["cccp"         ,"https://greasyfork.org/en/scripts/18677-crikeycleancommentpreview"];
////////////////////////////////////////////////////////////////////////////////
//  Init Global Variables
var em = [];
var removeHTML = new RegExp('<[/]?([psu]|address|applet|area|base|basefont|bdo|big|body|br|button|caption|center|col|colgroup|dd|dfn|dir|div|dl|dt|fieldset|font|form|frame|frameset|head|h[1-6r]|html|iframe|img|input|ins|kbd|label|legend|li|link|map|menu|meta|noframes|noscript|object|ol|optgroup|option|param|pre|samp|script|select|small|span|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|title|tr|tt|ul|var:\w+)[^>]*?>', 'gi');
function setupEmoticons() {
    em["quotes.png"] = 'data:image/png;base64,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';
}
////////////////////////////////////////////////////////////////////////////////
// Onload ...
window.addEventListener('load', function () {
//    if ( ! document.getElementById("menu-item-543649") && window.location.href.match(/www.crikey.com.au/) ) {
//        autoLogin();
//    } else {
        main();
//    }
});
////////////////////////////////////////////////////////////////////////////////
// Config settings dialog
GM_config.storage = 'Crikey Clean Comment Preview';
GM_config.init('Crikey Clean Comment Preview - Ver ' + scriptVer,
    {
        cleanVertSpace: {
            label: 'Clean Vertical Space',
            type: 'checkbox',
            'default': true
        },
        showAvatars: {
            label: 'Show Avatars',
            type: 'checkbox',
            'default': true
        },
        avatarSize: {
            label: 'Avatar Size',
            type: 'text',
            'default': '48'
        }
    },
    {
        open: function() {
            GM_config.addBorder(); // add a fancy border
            GM_config.resizeFrame('200px','300px'); // resize the config window
        }
    },
    {
        save: function () { location.reload(); } // reload the page when configuration was changed
    }
    );
////////////////////////////////////////////////////////////////////////////////
function showConfigCCCP() {
    GM_config.open();
}
////////////////////////////////////////////////////////////////////////////////
function autoLogin() {
    document.getElementById("choice_7_3_1").checked = true;
    var pw = document.getElementById("input_7_2");
    pw.value = 'foo';
    document.getElementById("gform_submit_button_7").click();
}
////////////////////////////////////////////////////////////////////////////////
//    If we are logged in, perform additional steps related to commenting
function main() {
    if ( document.getElementById("menu-item-543649") ) {
        mainFormating();
        mainCommenting();
     } else {
        mainFormating();
    }
}
////////////////////////////////////////////////////////////////////////////////
function mainFormating() {
    console.log('mainFormating()');
    cleanVerticalSapce();
    nicerCommentNavigation();
    cccpNavBar();
    showAvatars();
}
////////////////////////////////////////////////////////////////////////////////
//    Clean out wasted vertical space
function cleanVerticalSapce() {
    if (GM_config.get('cleanVertSpace') !== true) {return;}
    document.getElementsByClassName("article-body__share")[0].style.display = 'none';
    document.getElementsByClassName("author ")[0].style.display = 'none';
    document.getElementsByClassName("author ")[1].style.display = 'none';
    document.getElementsByClassName("article-body__actions")[0].style.display = 'none';
    document.getElementsByClassName("block_outlined-desktop")[0].style.display = 'none';
    document.getElementsByClassName("block_outlined-desktop")[1].style.display = 'none';
    document.getElementsByClassName("footer")[0].style.display = 'none';
}
////////////////////////////////////////////////////////////////////////////////
//    Nicer Comment Navigation
function nicerCommentNavigation() {
    var nc = document.getElementsByClassName("info_linear-mobile")[0].getElementsByTagName("a")[1].innerHTML.replace(/ .*/,'');
    var pg = Math.ceil( parseInt(nc) / 50 );
    var href = window.location.href.replace(/\/comment-page-[0-9]+/,'').replace(/\/#comments/,'');

    var nav = ["above","below"];
    for (var i = 0; i < nav.length; i++) {
        var nl = document.getElementById("comment-nav-" + nav[i]).getElementsByClassName("nav-links")[0];
        nl.innerHTML = '';
        for (var j = 1; j <= pg; j++) {
         var div = document.createElement('div');
         var a = document.createElement('a');
         div.setAttribute("class","nav-next");
         div.appendChild(a);
         a.href = href + '/comment-page-' + j + '/#comments';
         a.innerHTML = j;
         nl.appendChild(div);
        }
    }
}
////////////////////////////////////////////////////////////////////////////////
function mainCommenting() {
    var comments = document.getElementById("comments");
    if (! comments) {return;}

    // Add the Recommend CCCP Link
    var rec = document.createElement("a");
    document.getElementById("cccp_rec").appendChild(rec);
    rec.innerHTML = "Recommend CCCP";
    rec.addEventListener("click", recommendCCCP, false);

    // Add the CCCP Help Link
    var hlp = document.createElement("a");
    document.getElementById("cccp_hlp").appendChild(hlp);
    hlp.innerHTML = "CCCP Help";
    hlp.addEventListener("click", helpCCCP, false);

    var respond = document.getElementById("respond");
    if (! respond) {return;}

    // Add the Preview Button
    var fs = respond.getElementsByClassName("form-submit")[0];
    var sp = document.createElement("span");
    sp.innerHTML = ' ';
    fs.insertBefore(sp, fs.firstChild);
    var prv = document.createElement("input");
    fs.insertBefore(prv, fs.firstChild);
    prv.id    = "preview";
    prv.setAttribute("class", "submit");
    prv.setAttribute("type", "button");
    prv.value = "Preview";
    prv.addEventListener("click", previewCCCP, false);
   
    // Add the Quote Buttons
    addQuoteButtons();

}

////////////////////////////////////////////////////////////////////////////////
//  Create a new cccp_nav <div> with space for help/settings/recommend
function cccpNavBar() {
    var comments = document.getElementById("comments");
    if (! comments) {return;}

    var cccp_nav = document.createElement('div');
    cccp_nav.id = "cccp_nav";
    comments.appendChild(cccp_nav);

    var nav = ["hlp","set","rec"];
    var alg = ["left","center","right"];

    var tbl = document.createElement('table');
    cccp_nav.appendChild(tbl);
    var row = document.createElement('tr');
    tbl.appendChild(row);

    for (var i = 0; i < nav.length; i++) {
        var td = document.createElement('td');
        td.width = '33%';
        row.appendChild(td);
        var dv = document.createElement('div');
        dv.id = 'cccp_' + nav[i];
        dv.style = "text-align: " +  alg[i] + ";";
        td.appendChild(dv);
    }
    // Add the CCCP Settings Link
    var set = document.createElement("a");
    document.getElementById("cccp_set").appendChild(set);
    set.innerHTML = "CCCP Settings";
    set.addEventListener("click", showConfigCCCP, false);
}
////////////////////////////////////////////////////////////////////////////////
function recommendCCCP() {
    var comment = document.getElementById("comment");
    comment.value += '\nTo use the Crikey Clear Comment Preview script, install in order:\n';
    comment.value += '<a href="' + ff[1] + '">Firefox</a>\n';
    comment.value += '<a href="' + gm[1] + '">Greasemonkey</a>\n';
    comment.value += '<a href="' + cc[1] + '">cccp</a>\n';
    comment.value += 'or:\n';
    comment.value += '<a href="' + gc[1] + '">Google Chrome</a>\n';
    comment.value += '<a href="' + tm[1] + '">Tampermonkey</a>\n';
    comment.value += '<a href="' + cc[1] + '">cccp</a>\n';
}
////////////////////////////////////////////////////////////////////////////////
function helpCCCP() {
    alert('No Help for you! (TODO)');
}
////////////////////////////////////////////////////////////////////////////////
function previewCCCP() {
    var comments = document.getElementById("comments");
    if (! comments ) {return;}
    var respond = document.getElementById("respond");
    if (! respond ) {return;}
    var comment = document.getElementById("comment");
    if (! comment ) {return;}

    var preview;
    preview = document.getElementById("cccp_preview");
    if (! preview ) {
        var ol = document.createElement('ol');
        ol.setAttribute("class", "comment-list");
        comments.insertBefore(ol, document.getElementById("cccp_nav"));
        var li = document.createElement('li');
        li.setAttribute("class", "comment byuser even thread-even depth-1");
        ol.appendChild(li);
        var ar = document.createElement('article');
        ar.setAttribute("class", "comment-body");
        li.appendChild(ar);
        preview = document.createElement('div');
        preview.id = "cccp_preview";
        preview.setAttribute("class", "comment-content");
        ar.appendChild(preview);
    }
    preview.innerHTML = comment.value.replace(/\n/g,'<br>');
}
////////////////////////////////////////////////////////////////////////////////
function showAvatars() {
    if (GM_config.get('showAvatars') === true) {
        var sz = parseInt(GM_config.get('avatarSize'));
        Array.filter(document.getElementsByClassName('avatar'), function (elem) {
            elem.height = sz;
            elem.width  = sz;
            elem.setAttribute("style","display: inline");
        });
    }
}
////////////////////////////////////////////////////////////////////////////////
function addQuoteButtons() {
    setupEmoticons();
    Array.filter(document.getElementsByClassName('vcard'), function (e) {
        var img = document.createElement('img');
        img.setAttribute("src", em["quotes.png"]);
        var a = document.createElement('a');
        a.appendChild(img);
        e.appendChild(a);
        var id = e.parentNode.parentNode.parentNode.id;
        a.addEventListener("click", function() {getQuote(id);} , false);
    });
}
////////////////////////////////////////////////////////////////////////////////
function getQuote(id) {
    var comment = document.getElementById("comment");
    if (! comment ) {return;}
    var cid = document.getElementById(id);
    var ctn = cid.getElementsByClassName("comment-content")[0];
    var author = cid.getElementsByClassName("fn")[0].innerHTML;
    var link = cid.getElementsByClassName("comment-metadata")[0];
     comment.value += '<b>'+ author + '</b> @ ' + link.innerHTML.replace(/^\s*/,'').replace(/\s*$/,'').replace(/<br>/g,'').replace(/\n/g,'') + '\n';
     comment.value += '<bockquote><i>\n';
     comment.value += ctn.innerHTML.replace(/^\s*/,'').replace(/\s*$/,'');
     comment.value += '\n</i></bockquote>\n';
    
}
////////////////////////////////////////////////////////////////////////////////