☰

WykopSeen

Add Seen button to hide seen wykops

当前为 2015-01-04 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         WykopSeen
  3. // @namespace    http://www.wykop.pl/
  4. // @require      http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
  5. // @version      0.3
  6. // @description  Add Seen button to hide seen wykops
  7. // @author       axem.pl
  8. // @match        http://www.wykop.pl/
  9. // @match        http://www.wykop.pl/wykopalisko/*
  10. // @grant        GM_getValue
  11. // @grant        GM_setValue
  12. // @grant        GM_deleteValue
  13. // ==/UserScript==
  14.  
  15. var jq = this.$ = this.jQuery = jQuery.noConflict(true);
  16.  
  17. function eachLi() {
  18.     var self = jq(this);
  19.     var parent = self.parent();
  20.     var btn = jq('<button class=\'seen-btn\'></button>');
  21.     var seenWykopClass = 'seen';
  22.     var href = self.find('h2 a').attr('href');
  23.     
  24.     function getSeenBtnText() {
  25.         if (self.hasClass(seenWykopClass)) {
  26.             return 'UNSEE';
  27.         } else {
  28.             return 'SEEN';
  29.         }
  30.     }
  31.     function btnOnClick() {
  32.         self.toggleClass(seenWykopClass);
  33.         btn.text(getSeenBtnText());
  34.         if (self.hasClass(seenWykopClass)) {
  35.             GM_setValue(href, 1);
  36.             parent.append(self);
  37.         } else {
  38.             GM_deleteValue(href);
  39.             parent.prepend(self);
  40.         }
  41.     }
  42.     if (GM_getValue(href)) {
  43.         self.addClass(seenWykopClass);
  44.         parent.append(self);
  45.     }
  46.     
  47.     btn.text(getSeenBtnText());
  48.     self.children('div').append(btn);
  49.     btn.on("click", btnOnClick);
  50. }
  51. function cssRules() {
  52.     var rules = [
  53.         'li.seen { background: lightgray }',
  54.         'li.seen * { color: gray !important }',
  55.         'li.seen .diggbox { display: none }',
  56.         'li.seen .media-content { display: none }',
  57.         'li.seen .fix-tagline { display: none }',
  58.         'li.seen .description { display: none }',
  59.         'li.seen .elements { display: none }',
  60.         'li.seen .article { min-height: 0 }',
  61.         '.seen-btn { position: absolute; top: 5px; right: 5px; z-index: 9999 }'
  62.     ];
  63.     return rules.join('\n');
  64. }
  65. function exec() {
  66.     jq(document.body).append(jq('<style type=\'text/css\'></style>').html(cssRules()));
  67.     var wykops = jq('#itemsStream li');
  68.     for (var i = 0, iLen = wykops.length; i < iLen; ++i) {
  69.         var x = wykops[i];
  70.         eachLi.call(x);
  71.     }
  72.     
  73.     jq('#itemsStream li').each(eachLi);
  74. }
  75. exec();