☰

Tabbed Cheevos Page

Creates a tab system for the achievements page.

  1. // ==UserScript==
  2. // @name         Tabbed Cheevos Page
  3. // @namespace    pxgamer
  4. // @version      0.2
  5. // @description  Creates a tab system for the achievements page.
  6. // @author       pxgamer
  7. // @include      *kat.cr/achievements/
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     $('h1').after(
  15.         '<div class="tabs"> <ul class="tabNavigation"> <li><a class="darkButton allCheevos cheevoTab"><span>All</span></a></li> <li><a class="darkButton specialCheevos cheevoTab"><span>Special</span></a></li> <li><a class="darkButton goldCheevos cheevoTab"><span>Gold</span></a></li> <li><a class="darkButton silverCheevos cheevoTab"><span>Silver</span></a></li> <li><a class="darkButton bronzeCheevos cheevoTab"><span>Bronze</span></a></li> <li><a class="darkButton simpleCheevos cheevoTab"><span>Simple</span></a></li> </ul> <hr class="tabsSeparator"></div>'
  16.     );
  17.  
  18.     $('.cheevoTab').css('cursor', 'pointer');
  19.  
  20.     $('.cheevoTab').on('click', function() {
  21.         $('.achTable tbody tr').hide();
  22.         var tabType = $(this).attr('class').split(" ")[1];
  23.         switch (tabType) {
  24.             case 'allCheevos':
  25.                 $('.achTable tbody tr').show();
  26.                 break;
  27.             case 'specialCheevos':
  28.                 $('img[src="//kastatic.com/images/achMedal_special.jpg"]').parent().parent().show();
  29.                 break;
  30.             case 'goldCheevos':
  31.                 $('img[src="//kastatic.com/images/achMedal_gold.jpg"]').parent().parent().show();
  32.                 break;
  33.             case 'silverCheevos':
  34.                 $('img[src="//kastatic.com/images/achMedal_silver.jpg"]').parent().parent().show();
  35.                 break;
  36.             case 'bronzeCheevos':
  37.                 $('img[src="//kastatic.com/images/achMedal_bronze.jpg"]').parent().parent().show();
  38.                 break;
  39.             case 'simpleCheevos':
  40.                 $('img[src="//kastatic.com/images/achMedal_simple.jpg"]').parent().parent().show();
  41.                 break;
  42.             default:
  43.                 $('.achTable tbody tr').show();
  44.         }
  45.     });
  46. })();