Fix Comment Preview box on crikey blogs
Versión del día
// ==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.07
// ==/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
// Ver 5.07
// Block Quote now working
var scriptVer = '5.07';
////////////////////////////////////////////////////////////////////////////////
/*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;}
addCCCPLinks();
var respond = document.getElementById("respond");
if (! respond) {return;}
addSubmitButton();
addPreviewButton();
addQuoteButtons();
cloneTextBox();
}
////////////////////////////////////////////////////////////////////////////////
function copyCCCPTextBox() {
var comment = document.getElementById("comment");
if (! comment ) {return;}
var ctbx = document.getElementById("cccp-comment");
if (! ctbx ) {return;}
var text = ctbx.value;
console.log(text);
text = text.replace(/\[/g,'<blockquote><p>').replace(/\]/g,'</blockquote></p>');
text = text.replace(/<p>[\s]*<p>/g,'<p>').replace(/<\/p>[\s]*<\/p>/g,'</p>');
console.log(text);
comment.value = text;
}
////////////////////////////////////////////////////////////////////////////////
function cccpSubmit() {
copyCCCPTextBox();
document.getElementById("submit").click();
}
////////////////////////////////////////////////////////////////////////////////
function addSubmitButton() {
// Add the cccp Submit Button (hide original)
var fs = respond.getElementsByClassName("form-submit")[0];
fs.firstChild.setAttribute("style","display: none");
var prv = document.createElement("input");
fs.insertBefore(prv, fs.firstChild);
prv.id = "cccp-submit";
prv.setAttribute("class", "submit");
prv.setAttribute("type", "button");
prv.value = "Submit";
prv.addEventListener("click", cccpSubmit, false);
}
////////////////////////////////////////////////////////////////////////////////
function addPreviewButton() {
// 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);
}
////////////////////////////////////////////////////////////////////////////////
function addCCCPLinks() {
// 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);
}
////////////////////////////////////////////////////////////////////////////////
// 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;}
copyCCCPTextBox();
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("cccp-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 += '<p><b>'+ author + '</b> @ ' + link.innerHTML.replace(/^\s*/,'').replace(/\s*$/,'').replace(/<br>/g,'').replace(/\n/g,'').replace(/[\s]+/g,' ') + '</p>\n';
comment.value += '[';
comment.value += ctn.innerHTML.replace(/^[\s]*/,'').replace(/[\s]*$/,'');
comment.value += ']\n';
}
////////////////////////////////////////////////////////////////////////////////
// To enable easy quotes we need to hide the comment text box and submit button
// And then create clones of these
function cloneTextBox() {
var comment = document.getElementById("comment");
if (! comment ) {return;}
var ctbx = comment.cloneNode(true);
ctbx.id = 'cccp-comment';
comment.setAttribute("style","display: none");
comment.parentNode.insertBefore(ctbx, comment);
}