☰

Filter for step 3

Filter by type in step 3

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

  1. // ==UserScript==
  2. // @name        Filter for step 3
  3. // @namespace   tequila_j-script
  4. // @description Filter by type in step 3
  5. // @include     http://bgg.activityclub.org/olwlg/viewlist.cgi?*
  6. // @require     https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
  7. // @version     0.1
  8. // @grant       none
  9. // ==/UserScript==
  10. //hide lines that are associated with dummy itens
  11.  
  12. console.log("start");
  13. (function() {
  14.  
  15.     var cssList = "want";
  16.     var allRows = $('table#geeklist > tbody > tr');
  17.   
  18.     allRows.each(function(){
  19.       var $gameName = $(this).find('td:nth-child(2) > a:first');
  20.       var cssClasses = $gameName.attr("class");
  21.       $(this).addClass(cssClasses);
  22.     });
  23.   
  24.     //add checkboxes to select items
  25.     var $filters = $("#pleasewait").nextUntil("img").filter("span");
  26.     var $divFilters = $("<div/>");
  27.     $divFilters.append($("<span class='col1'>Uncategorized</span>"));
  28.     $divFilters.append($filters);
  29.     $("#pleasewait").after($divFilters);
  30.  
  31.   //add no category:
  32.    $filters = $divFilters.find("span");
  33.  
  34.    $filters.wrap("<div/>");
  35.   
  36.     $filters.each(function() {
  37.       var $this = $(this);
  38.       var $checkBox = $("<input type='checkbox' checked='true'/>");
  39.       $(this).after($checkBox);
  40.       $checkBox.on("click",function() {
  41.         if ($checkBox.is(':checked'))
  42.           show($this.attr('class'));
  43.         else 
  44.           hide($this.attr('class'));
  45.       })
  46.     });
  47.     
  48.     function show(cssClass) {
  49.         console.log("Showing:" + cssClass)
  50.         if (cssClass == "all") {
  51.           allRows.show();
  52.           return;
  53.         }
  54.         
  55.         allRows.each(function() {
  56.           if ($(this).hasClass(cssClass)) $(this).show();
  57.         });
  58.     }
  59.                      
  60.     function hide(cssClass) {
  61.         console.log("Hiding:" + cssClass)
  62.         if (cssClass == "all") {
  63.           allRows.hide();
  64.           return;
  65.         }
  66.           
  67.         allRows.each(function() {
  68.           if ($(this).hasClass(cssClass)) $(this).hide();
  69.         });
  70.     }
  71.                      
  72. })();
  73. console.log("end");
  74.  
  75.