Geeklist Tweaks

Various tweaks to improve BGG.

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

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, Greasemonkey alebo Violentmonkey.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie, ako napríklad Tampermonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, % alebo Violentmonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey alebo Userscripts.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie, ako napríklad Tampermonkey.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie správcu používateľských skriptov.

(Už mám správcu používateľských skriptov, nechajte ma ho nainštalovať!)

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

(Už mám správcu používateľských štýlov, nechajte ma ho nainštalovať!)

// ==UserScript==
// @name       Geeklist Tweaks
// @namespace  tequila_j-script
// @version    0.5.0
// @description  Various tweaks to improve BGG. 
// 
// @match      https://boardgamegeek.com/geeklist/*
// @match      https://www.boardgamegeek.com/geeklist/*
// @match      http://boardgamegeek.com/geeklist/*
// @match      http://www.boardgamegeek.com/geeklist/*
// 
// @require	http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
// @grant    GM_addStyle
// ==/UserScript==

  
GM_addStyle("\
div.t-nav-container {\
	position: absolute;\
	//top: 0px;\
	//right: -35px;\
	top: -2px;\
	right: 0px;\
    background-color: rgba(200,200,255,0.4);\
    border-radius: 5px;\
    //opacity: 0.5;\
	width: 48px;\
	//height: 50px;\
	text-align: center;\
	padding: 5px 5px;\
	opacity: 0.4;\
}\
div.t-nav-container:hover {\
    opacity: 0.95;\
}\
div.t-nav-container i.fa {\
	font-size: 20px;\
	padding: 0px 3px;\
	cursor: pointer;\
}\
\
div.box-new-items:hover {\
	opacity: 1;\
}\
div.box-new-items {\
    position: fixed;\
    bottom: 0px;\
    /* height: 20px; */\
    background-color: lightgray;\
    right: 7px;\
    font-size: xx-small;\
    padding: 2px 5px;\
    border-radius: 3px;\
    opacity: 0.7;\
}\
");
            
$(document).ready(function() {
   'use strict';
    /*jshint multistr: true */
  
  $("head").append (
    '<link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">'
  );
  
  //lets find items, excluding multiple comments
  var newItems = [];
  
  var geekItems = $('div.mb5');
  
  for (var i=0; i < geekItems.length; i++)  {
    var thisGI = $(geekItems[i]);
    var newSI = thisGI.find('div.subbed_selected,div.subbed');
    var firstIsGeekItem = false;
    if (newSI.length > 0) {
      var el = newSI[0];
      newItems.push(newSI[0]);
      firstIsGeekItem = $(el).attr('data-objecttype') == "listitem";
    }
    if (newSI.length > 1 && firstIsGeekItem) {
      newItems.push(newSI[1])
    }
  }
  
//  console.log('New items in geeklists:' + newItems.length);
  
  //we will try to find comments at the end of the page also
  var pageComments = $('div.mb5:first').parent().children('div:not(.mb5)').find('div.comment_ctrl').find('div.subbed_selected,div.subbed');
  console.log(pageComments);
  if (pageComments.length > 0) {
    newItems.push(pageComments[0]);
//    console.log("New page comments also ");
  }
  
//  console.log("Size: " + newItems.length);
  
  var iconUp = $('<i class="fa fa-caret-square-o-up" aria-hidden="true"></i>');
  var iconDown = $('<i class="fa fa-caret-square-o-down" aria-hidden="true"></i>');
  var iconBox = $('<div class="t-nav-container"></div>');
  
  
  
  	$(newItems).each(function(index) {
    
    	var thisItem = $(this);
    
    	thisItem.css('position','relative');

    	var iconContainer = iconBox.clone();
    	thisItem.append(iconContainer);
      
        thisItem.find("dl.commentbody > dd.right").css("padding-right","40px");
    
    	//go up
    	if (index != 0) {
      		var upI = iconUp.clone();
    		upI.click(function () {
	      		$("html, body").animate({ scrollTop: $(newItems[index - 1]).offset().top }, "fast");
				return false;
	    	});
	      	iconContainer.append(upI);
	      	
	    } else {
	      iconContainer.append(iconDown.clone().css('visibility','hidden'));
	    }
    
	    //go down
	    if (index != newItems.length - 1) {
	      	var downI = iconDown.clone();
	    	downI.click(function () {
	      		$("html, body").animate({ scrollTop: $(newItems[index + 1]).offset().top }, "fast");
				return false;
	    	});
	      	iconContainer.append(downI);
	    } else {
          iconContainer.append(iconUp.clone().css('visibility','hidden'));
        }
  
  	});
  
  	//lets see if this is a selected article. If not, We can scroll to the top of the list
  	if ($("div.article.selected").length == 0) {
      $("html, body").scrollTop($(newItems[0]).offset().top);
    }
  
  	//puts a small box saying how many new items are here:
  	var news = $(document.createElement("div")).addClass("box-new-items");
  	$("body").append(news);
  	news.html("New items in this page: " + $('div.subbed_selected,div.subbed').length);
  
  
});