☰

BGG Shortcuts

Keyboard shortcuts for the Geek

当前为 2014-10-27 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name       BGG Shortcuts
  3. // @namespace  BGG Shortcuts
  4. // @version    0.8.1
  5. // @description  Keyboard shortcuts for the Geek
  6. // @include     http://*.boardgamegeek.*/*
  7. // @include     http://boardgamegeek.*/*
  8. // @include     https://*.boardgamegeek.*/*
  9. // @include     https://boardgamegeek.*/*
  10. // @copyright  2013+, JB McMichael
  11. // ==/UserScript==
  12.  
  13. /*
  14.  * CHANGLOG::
  15.  * ============================================
  16.  * 0.8.1 - Updated to work on https
  17.  * 0.8.0 - Forum links pop up in a modal so that you don't lose your place on a page
  18.  * 0.7.0 - Changed the links to just be J for next item, H for home, and / for search, but disabled shortcuts in form elements
  19.  * 0.6.1 - Give the page some time to load its scripts before changing links
  20.  * 0.6.0 - Added a shortcut to go to the searchbox Ctrl + /
  21.  * 0.5.0 - Added homepage links opening in new tab
  22.  * 0.4.0 - If search returns one result just go to that result
  23.  * 0.3.0 - Added homepage shortcut; Ctrl + Shift + H
  24.  * 0.2.0 - Cleaned up the subscription jump link
  25.  * 0.1.0 - First version, shortcut for subscriptions; Ctrl + M
  26.  * 
  27.  */
  28.  
  29. (function () {
  30.     "use strict";
  31.     console.log('Loaded BGG Shortcuts');
  32.     
  33.     document.body.addEventListener('keydown', function(e) {
  34.         var active = document.activeElement.tagName.toLowerCase(),
  35.             badElements = ['input', 'textarea', 'select'];
  36.  
  37.         // ignore shortcuts if we are in some form of input
  38.         if (badElements.indexOf(active) === -1) {
  39.             
  40.             // Next subscription item J
  41.             if (e.keyCode === 74) {
  42.                 [].slice.call(document.querySelectorAll("img:not(dn).nextsubcol"))[0].parentNode.parentNode.click();
  43.             }
  44.             
  45.             // Home page H
  46.             if (e.keyCode === 72 && window.location.href !== window.location.origin) {
  47.                 window.location.href = window.location.origin;
  48.             }
  49.             
  50.             // Search box jump /
  51.             if (e.keyCode === 191) {
  52.                 var searchbox = document.getElementById('sitesearch');
  53.                 document.body.scrollTop = 0;
  54.                 searchbox.focus();
  55.                 window.setTimeout(function() { searchbox.value = ''; }, 10);
  56.             }
  57.         }
  58.         
  59.     }, false);
  60.     
  61.     //check for one result on the search page
  62.     if (window.location.pathname === '/geeksearch.php' && window.location.search.search(/action=search/)) {
  63.         var results = document.querySelectorAll('#collectionitems tbody tr');
  64.         console.log('We are searching');
  65.         if (results.length === 2) {
  66.             console.log('Found just one result, redirect');
  67.             var link = results[1].querySelectorAll('#results_objectname1 a'),
  68.                 href = link[0].getAttribute('href');
  69.             
  70.             window.location.href = window.location.origin + href;
  71.         }
  72.     }
  73.     
  74.     // set all homepage module links to open in new tab
  75.     if (window.location.pathname === '/') {
  76.         window.setTimeout(function(){
  77.             console.log('Changing homepage links');
  78.             var links = document.querySelectorAll('.innermoduletable tbody td a.ng-binding'),
  79.                 linkArray = [].slice.call(links);
  80.         
  81.             linkArray.forEach(function(item, index){
  82.                 item.setAttribute('target', '_blank');
  83.             });
  84.         },500);
  85.     }
  86.  
  87.     // popup forum links in a dialog
  88.        if (window.location.pathname.split('/')[1] === 'boardgame') {
  89.            // grab all forum link clicks        
  90.            document.addEventListener('click', forumClick, false);
  91.        }
  92.        
  93.        function forumClick(e) {        
  94.            if (e.target.tagName === 'A' && e.target.href.split('/')[3] === 'thread') {
  95.                e.preventDefault();
  96.                
  97.                // use the BGG API to get the thread
  98.                var req = new XMLHttpRequest(),
  99.                    apiUrl = window.location.protocol + '//' + window.location.host + '/xmlapi2/thread?id=',
  100.                    diag = document.createElement('dialog'),
  101.                    content = document.createElement('div'),
  102.                    close = document.createElement('button'),
  103.                    thread = e.target.href.split('/')[4];
  104.                
  105.                diag.style.width = '80%';
  106.                diag.style.height = '80%';
  107.                diag.style.border = '2px solid rgba(0, 0, 0, 0.3)';
  108.                diag.style.borderRadius = '6px';
  109.                diag.style.boxShadow = '0 3px 7px rgba(0, 0, 0, 0.3)';
  110.                
  111.                content.style.overflowY = 'auto';
  112.                content.style.height = '95%';
  113.                content.style.margin = '5px 0px';
  114.                
  115.                close.innerText = 'Close';
  116.                
  117.                req.onreadystatechange = showContents;
  118.                
  119.                req.open('GET', apiUrl + thread, true);
  120.                
  121.                req.send();
  122.                
  123.                function showContents(e) {
  124.                    if (req.readyState === 4 && req.status === 200) {
  125.                        var subject = req.responseXML.documentElement.children[0].firstChild.nodeValue,
  126.                            articles = req.responseXML.documentElement.children[1].children;
  127.                        
  128.                        for (var i = 0; i < articles.length; i++) {
  129.                            var article = articles[i];
  130.                            var user = article.getAttribute('username');
  131.                            var title = article.children[0].firstChild.nodeValue;
  132.                            var body = article.children[1].firstChild.nodeValue;
  133.                            var postdate = article.getAttribute('postdate');
  134.                            var articleDiv = document.createElement('div');
  135.                            var dl = document.createElement('dl');
  136.                            var ddLeft = document.createElement('dd');
  137.                            var ddRight = document.createElement('dd');
  138.                            var userDiv = document.createElement('div');
  139.                            var bottomDl =document.createElement('dl');
  140.                            var ddLeft2 = document.createElement('dd');
  141.                            var ddCommands = document.createElement('dd');
  142.                            var ul = document.createElement('ul');
  143.                            var li = document.createElement('li');
  144.                            var ulInfo = document.createElement('ul');
  145.                            var liInfo = document.createElement('li');
  146.                            var postLink = document.createElement('a');
  147.                            var clearDiv = document.createElement('div');
  148.                            var rollsDiv = document.createElement('div');
  149.                            var userInfo = getUser(user);
  150.                            
  151.                            articleDiv.addClass('article');
  152.                            
  153.                            rollsDiv.addClass('rollsblock');
  154.                            
  155.                            ddLeft.addClass('left');
  156.                            ddRight.addClass('right');
  157.                            userDiv.addClass('username');
  158.                            userDiv.innerHTML = user;
  159.                            
  160.                            ddLeft.appendChild(userDiv);
  161.                            ddRight.innerHTML = body;
  162.                            
  163.                            dl.appendChild(ddLeft);
  164.                            dl.appendChild(ddRight);
  165.                            
  166.                            articleDiv.appendChild(dl);
  167.                            
  168.                            ddLeft2.addClass('left');
  169.                            ddCommands.addClass('commands');
  170.                            
  171.                            ul.appendChild(li);
  172.                            ddCommands.appendChild(ul);
  173.                            
  174.                            clearDiv.addClass('clear');
  175.                            ulInfo.addClass('information');
  176.                            
  177.                            postLink.innerHTML = postdate;
  178.                            liInfo.appendChild(postLink);
  179.                            ulInfo.appendChild(liInfo);
  180.                            ddCommands.appendChild(ulInfo);
  181.                            
  182.                            bottomDl.appendChild(ddLeft2);
  183.                            bottomDl.appendChild(ddCommands);
  184.                            
  185.                            articleDiv.appendChild(bottomDl);
  186.                            articleDiv.appendChild(clearDiv);
  187.                            articleDiv.appendChild(rollsDiv);
  188.                            
  189.                            content.appendChild(articleDiv);
  190.                        }
  191.                        
  192.                        diag.insertBefore(close, diag.childNodes[0]);
  193.                        diag.insertBefore(content, diag.childNodes[0]);
  194.                        close.addEventListener('click', function(e) { diag.close(); });
  195.                        document.body.insertBefore(diag,document.body.childNodes[0]);
  196.                        diag.showModal();
  197.                    }
  198.                }
  199.            }
  200.        }
  201.        
  202.        function getUser(name) {
  203.            var req = new XMLHttpRequest(),
  204.                apiUrl = window.location.protocol + '//' + window.location.host + '/xmlapi2/user?name=' + name;
  205.            
  206.            req.onreadystatechange = function(e) {
  207.                if (req.readyState === 4 && req.status === 200) {
  208.                 console.log(req.responseXML);
  209.                }
  210.            };
  211.            
  212.            req.open('GET', apiUrl, true);
  213.            
  214.            req.send();
  215.        }
  216. }());