☰

Google+ Column Adjustments

Google+ Column Adjustment Tool

/*

Following code belongs to Avatars Plus! and More for Google+.
Copyright (C) 2016 Jackson Tan
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.

*/

// ==UserScript==
// @id             GPlusColumnAdj
// @name           Google+ Column Adjustments
// @version        0.1.13
// @namespace      gplus.columnadj
// @author         Jackson Tan
// @description    Google+ Column Adjustment Tool
// @include        https://plus.google.com/*
// @exclude        /https://plus\.google\.com(/u/\d+)?/?stream/circles/.+/i
// @exclude	       /https://plus\.google\.com(/u/\d+)?/?b/.+/i
// @run-at         document-end
// @grant          GM_xmlhttpRequest
// ==/UserScript==

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

function keyPress(el, keyCode) {
    var eventObj = document.createEventObject ?
        document.createEventObject() : document.createEvent("Events");

    if (eventObj.initEvent) {
        eventObj.initEvent("keydown", true, true);
    }

    eventObj.keyCode = keyCode;
    eventObj.which = keyCode;

    el.dispatchEvent ? el.dispatchEvent(eventObj) : el.fireEvent("onkeydown", eventObj);
}

function minIndexThreeNum(a, b, c) {
    var result = Math.min(Math.min(a, b), c);
    if (result == a)
        return 0;
    else if (result == b)
        return 1;
    return 2;
}

function appendHtmlToNode(html, node) {
    node.innerHTML += html;
}

function buildElem(tagName, className, attr1, val1, attr2, val2) {
    var elem = document.createElement(tagName);
    elem.className = className;
    elem.setAttribute(attr1, val1);
    elem.setAttribute(attr2, val2);
    return elem;
}

function buildArr(length, colA, colB, modulo) {
    var newColumn = new Array();
    var a = 0, b = 0, flag = false, count = 0;
    for (var i = 0; i < length; i++) {
        flag = !flag;
        if (i != 0 && (i + 1) % modulo == 0) {
            if (flag)
                newColumn[newColumn.length] = colA[a + 1];
            else
                newColumn[newColumn.length] = colB[b];
        }
        if (flag) {
            a++;
        }
        else {
            b++;
        }
    }
    return newColumn;
}

function buildColumn(colArr, className, jsName, insertTarget) {
    var colDiv = buildElem("div", className, "jsName", jsName, "role", "list");
    for (var i = 0; i < colArr.length; i++) {
        appendHtmlToNode(colArr[i].outerHTML, colDiv);
        colArr[i].outerHTML = "";
    }
    insertTarget.appendChild(colDiv);
}

function hideSidebar(toggleBtnClass, sidebarPanelClass, contentPanelClass) {
    document.getElementsByClassName(toggleBtnClass)[0].setAttribute("aria-expanded", "false");
    document.getElementsByClassName(sidebarPanelClass)[0].parentNode.removeChild(document.getElementsByClassName(sidebarPanelClass)[0]);
    //document.getElementsByClassName(contentPanelClass)[0].className = contentPanelClass;
}

function hideSidebarKeyPress(elem, key) {
    keyPress(elem, key);
}

function fixSandwichAlign(sandClass, newAlign) {
    document.getElementsByClassName(sandClass)[0].childNodes[0].style.top = newAlign + "px";
}

//var listenerPostInsertion = function (e) {
//    if (e.target.nodeType != 3 && e.target.tagName == postTagName) {
//        e.target.parentNode.removeEventListener('DOMNodeInserted', listenerPostInsertion, false);
//        console.log(minIndexThreeNum(col0.length - 1, col1.length, colParent.childNodes[2].childNodes.length));
//        console.log(e.target.outerHTML);
//        insertTargetNode.childNodes[minIndexThreeNum(col0.length - 1, col1.length, colParent.childNodes[2].childNodes.length)].innerHTML += e.target.outerHTML;
//        e.target.outerHTML = none;
//        setTimeout(function () { e.target.parentNode.addEventListener('DOMNodeInserted', listenerPostInsertion, false); }, 500);
//    }
//};

function replaceImg(target) {
    if (target && target.src) {
        target.src = target.src.replace(/(-no)+\/.+/g, "");
        target.parentNode.parentNode.parentNode.removeChild(target.parentNode.parentNode.nextSibling);
        return target.src;
    }
}

function batchReplace(targets) {
    if (targets && targets.length)
        for (var i = 0; i < targets.length ; i++) {
            if (targets[i].src.match("(-no)+\/.+"))
                replaceImg(targets[i]);
        }
}

function onLoad() {
    //var listenerPostInsertion = function (e) {
    //    if (e.target.nodeType != 3 && e.target.tagName == postTagName) {
    //        var elem = document.createElement("DIV");
    //        elem.innerHTML = e.target.outerHTML;
    //        e.target.outerHTML = "";
    //        console.log(elem.innerHTML);
    //        insertTargetNode.childNodes[minIndexThreeNum(col0.length - 1, col1.length, colParent.childNodes[2].childNodes.length)].appendChild(elem.childNodes[0]);
    //    }
    //};

    var gifImageInsertionListener = function (e) {
        if (e.target.nodeType != 3 && e.target.tagName == postTagName) {
            batchReplace(e.target.getElementsByClassName('JZUAbb')); // Gif images in posts
        }
    }

    var streamColClass = "H68wj jxKp7";
    var streamColJsName = "dJDgTb";

    var sidebarToogleBtnClass = "mUbCce p9Nwte";
    var sidebarPanelClass = "OFyC1e";
    var contentPanelClass = "gLYlfd Jvazdb nWGHWc G6GRIc";

    var colParent = document.getElementsByClassName(streamColClass)[0].parentNode;
    var col0 = document.getElementsByClassName(streamColClass)[0].childNodes;
    var col1 = document.getElementsByClassName(streamColClass)[1].childNodes;

    var len_col0 = col0.length - 1;
    var len_col1 = col1.length;
    var total_col = 3;
    var newColArr = buildArr(len_col0 + len_col1, col0, col1, total_col);
    //buildColumn(newColArr, streamColClass, streamColJsName, colParent);

    var postTagName = "C-FPDNBB";
    var insertTargetNode = colParent;

    var sandwichNavClass = "xjKiLb";

    //hideSidebar(sidebarToogleBtnClass, sidebarPanelClass, contentPanelClass);
    hideSidebarKeyPress(document.body, 37);
    fixSandwichAlign(sandwichNavClass, -18);

    //document.getElementsByClassName(streamColClass)[0].addEventListener('DOMNodeInserted', listenerPostInsertion, false);
    //document.getElementsByClassName(streamColClass)[1].addEventListener('DOMNodeInserted', listenerPostInsertion, false);

    batchReplace(document.body.getElementsByClassName('JZUAbb')); // Gif images in posts

    document.getElementsByClassName(streamColClass)[0].addEventListener('DOMNodeInserted', gifImageInsertionListener, false);
    document.getElementsByClassName(streamColClass)[1].addEventListener('DOMNodeInserted', gifImageInsertionListener, false);
    document.getElementsByClassName(streamColClass)[2].addEventListener('DOMNodeInserted', gifImageInsertionListener, false);
}

document.addEventListener("DOMContentLoaded", onLoad, false);