☰

BGG Shortcuts

Keyboard shortcuts for the Geek

当前为 2016-02-21 提交的版本，查看 最新版本。

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