Weibo Bookmark

You can place a marker on the last newsfeed you have read, so it can be found easily next time. Ctrl-Click on an item to mark it, again to remove the mark.

Verzia zo dňa 21.06.2014. Pozri najnovšiu verziu.

var Flower;
(function (Flower) {
    (function (csser) {
        /**
        * class names are case sensitive: http://devedge-temp.mozilla.org/viewsource/2001/css-class-id/
        */
        function hasClass(e, name) {
            return (new RegExp('(^|\\s)' + name + '(\\s|$)', 'gm')).test(e.className);
        }
        csser.hasClass = hasClass;
    })(Flower.csser || (Flower.csser = {}));
    var csser = Flower.csser;
})(Flower || (Flower = {}));
/// <reference path="hasClass.ts" />
var Flower;
(function (Flower) {
    (function (csser) {
        function addClass(e, name) {
            if (!csser.hasClass(e, name)) {
                e.className += (' ' + name);
            }
        }
        csser.addClass = addClass;
    })(Flower.csser || (Flower.csser = {}));
    var csser = Flower.csser;
})(Flower || (Flower = {}));
var Flower;
(function (Flower) {
    (function (csser) {
        function removeClass(e, name) {
            e.className = e.className.replace(new RegExp('(^|\\s+)' + name + '(?=\\s|$)', 'gm'), '');
        }
        csser.removeClass = removeClass;
    })(Flower.csser || (Flower.csser = {}));
    var csser = Flower.csser;
})(Flower || (Flower = {}));
var Flower;
(function (Flower) {
    (function (csser) {
        function createStyle(rule) {
            var style = document.createElement('style');
            style.type = 'text/css';
            if (style.styleSheet) {
                style.styleSheet.cssText = rule; // IE
            } else {
                style.appendChild(document.createTextNode(rule));
            }
            return style;
        }
        csser.createStyle = createStyle;
    })(Flower.csser || (Flower.csser = {}));
    var csser = Flower.csser;
})(Flower || (Flower = {}));
/// <reference path="createStyle.ts" />
var Flower;
(function (Flower) {
    (function (csser) {
        function addSheet(rule) {
            var head = document.head || document.getElementsByTagName('head')[0];
            head.appendChild(csser.createStyle(rule));
        }
        csser.addSheet = addSheet;
    })(Flower.csser || (Flower.csser = {}));
    var csser = Flower.csser;
})(Flower || (Flower = {}));
// ==UserScript==
// @name			Weibo Bookmark
// @namespace		https://github.com/henix/userjs/weibo_marker
// @description		You can place a marker on the last newsfeed you have read, so it can be found easily next time. Ctrl-Click on an item to mark it, again to remove the mark.
// @author			henix
// @version			20140620.1
// @include			http://weibo.com/*
// @include			http://www.weibo.com/*
// @license			MIT License
// @grant			none
// ==/UserScript==
/**
* ChangeLog:
*
* 2013-3-30	henix
* 		解决在分组可见微博上添加书签不可见的问题
*
* 		分组可见微博有 type_group 这个 class 从而使原始 css 的优先级更高
*
* 		Version 1.0.1
*
* 2012-10-26	henix
* 		Updated to new version weibo.
*
* 		Version 1.0
*
* 2012-7-11	henix
* 		Fix the bug that can't add marker just upon "XX分钟前，你看到这里".
*
* 		Weibo will add a style dl.W_no_border which has a higher priority than ".feedmarker",
* 		so my style on border will be never applied.
* 		Change ".feedmarker" to "dl.feedmarker" can fix this bug.
*
* 2012-6-14	henix
* 		Add www.weibo.com
*
* 2012-5-30	henix
* 		Fix the bug that you can not add marker on Chrome sometimes.
*
* 		If the script executed before DOM loaded completely, the click handler will not be registered.
*
* 2012-2-27	henix
* 		don't listen on load event
*
* 2012-2-27	henix
* 		Version 0.1
*/
/// <reference path="flower/csser/addClass.ts" />
/// <reference path="flower/csser/removeClass.ts" />
/// <reference path="flower/csser/addSheet.ts" />
var csser = Flower.csser;

var curMark;

function markItem(e) {
    if (curMark) {
        demarkItem(curMark);
    }
    csser.addClass(e, 'feedmarker');
    curMark = e;
}

function demarkItem(e) {
    csser.removeClass(e, 'feedmarker');
    curMark = null;
}

function getTarget(ev, mse) {
    if (ev) {
        return ev.target;
    } else {
        return mse.srcElement;
    }
}

function clickHandler(ev) {
    var e = (ev || window.event);
    if (!e.ctrlKey) {
        return;
    }
    var tg = getTarget(ev, window.event);
    if (tg.nodeName === 'A') {
        return;
    }
    var p = tg.parentNode;
    while (p != this) {
        tg = p;
        p = tg.parentNode;
    }
    if (curMark !== tg) {
        markItem(tg);
        localStorage.setItem('feedmarkid', tg.getAttribute('mid'));
    } else {
        demarkItem(tg);
        localStorage.removeItem('feedmarkid');
    }
}

var oldId;

var feedlist = null;

function markOld() {
    var feeds = feedlist.querySelectorAll('div.WB_feed_type');
    if (feeds) {
        var len = feeds.length;
        var done = false;
        for (var i = len - 1; i >= 0; i--) {
            var item = feeds[i];
            if (item.getAttribute('mid') === oldId) {
                csser.addClass(item, 'feedmarker-old');
                done = true;
                break;
            }
        }
        if (!done) {
            setTimeout(markOld, 1000 * 2); // try after 2s
        }
    }
}

csser.addSheet('div.WB_feed div.WB_feed_type.feedmarker, ' + 'div.WB_feed div.WB_feed_type.feedmarker-old, ' + 'div.WB_feed div.WB_feed_type.type_group.feedmarker, ' + 'div.WB_feed div.WB_feed_type.type_group.feedmarker-old {' + 'border-top-width: 20px;' + 'border-right-width: 1px;' + 'border-bottom-width: 1px;' + 'border-left-width: 1px;' + 'border-top-style: solid;' + 'border-right-style: dashed;' + 'border-bottom-style: dashed;' + 'border-left-style: dashed;' + 'border-right-color: black;' + 'border-bottom-color: black;' + 'border-left-color: black;' + '}' + 'div.WB_feed div.WB_feed_type.feedmarker-old, ' + 'div.WB_feed div.WB_feed_type.type_group.feedmarker-old {' + 'border-top-color: #ff6;' + '}' + 'div.WB_feed div.WB_feed_type.feedmarker, ' + 'div.WB_feed div.WB_feed_type.type_group.feedmarker {' + 'border-top-color: #ccc;' + '}');
oldId = localStorage.getItem('feedmarkid');

function addClickHandler() {
    feedlist = document.querySelector('div#pl_content_homeFeed > div.WB_feed');
    if (feedlist) {
        feedlist.addEventListener('click', clickHandler);
        if (oldId) {
            markOld();
        }
    } else {
        // maybe the DOM is not loaded completely, we will try after 1s
        setTimeout(addClickHandler, 1000);
    }
}

addClickHandler();