☰

BGG Shortcuts

Keyboard shortcuts for the Geek

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

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