☰

GreasyFork script list beautifier

Reformat script list on GreasyFork

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

  1. // ==UserScript==
  2. // @name       GreasyFork script list beautifier
  3. // @namespace  http://websocket.bplaced.net
  4. // @version    1.3.0
  5. // @description  Reformat script list on GreasyFork
  6. // @match      https://greasyfork.org/users/*
  7. // @match      https://greasyfork.org/forum*
  8. // @match      https://greasyfork.org/scripts*
  9. // @match      https://greasyfork.org/*/users/*
  10. // @match      https://greasyfork.org/*/scripts*
  11. // @copyright  2014, Thomas Theiner
  12. // ==/UserScript==
  13.  
  14. window.addEventListener('load', function() {
  15.     if(unsafeWindow.jQuery) {
  16.         $ = unsafeWindow.jQuery;
  17.         
  18.         $('section .script-list, body > .script-list').each(function() {
  19.             $table = $('<table border="0" width="84%"></table>');
  20.             $tbody = $('<tbody></tbody>');
  21.             $thead = $('<thead></thead>');
  22.             $theadtr = $('<tr></tr>');
  23.             
  24.             $th = $('<td style="font-weight: bold" width="60%"></td>');
  25.             $th.html('<span class="title" style="cursor: pointer;">Title</span>');
  26.             $theadtr.append($th);
  27.             $th = $('<td style="font-weight: bold" width="8%"></td>');
  28.             $th.html('Author');
  29.             $theadtr.append($th);
  30.             $th = $('<td style="font-weight: bold" width="8%"></td>');
  31.             $th.html('Daily');
  32.             $theadtr.append($th);
  33.             $th = $('<td style="font-weight: bold" width="8%"></td>');
  34.             $th.html('<span class="total" style="cursor: pointer;">Total</span>');
  35.             $theadtr.append($th);
  36.             $th = $('<td style="font-weight: bold" width="8%"></td>');
  37.             $th.html('Created');
  38.             $theadtr.append($th);
  39.             $th = $('<td style="font-weight: bold" width="8%"></td>');
  40.             $th.html('Updated');
  41.             $theadtr.append($th);
  42.             
  43.             $tbody.append($theadtr);
  44.             
  45.             $(this).find('li').each(function() {
  46.                 var $scriptlink = $(this).find('article h2 a');
  47.                 var $scriptdesc = $(this).find('article h2 .description');
  48.                 $tr = $('<tr></tr>');
  49.                 $td = $('<td></td>');
  50.                 $td.append($scriptlink);
  51.                 $td.append('<br/>');
  52.                 $td.append($scriptdesc);
  53.                 $tr.append($td);
  54.                 
  55.                 $(this).find('article dl dd').each(function() {
  56.                     $td = $('<td></td>');
  57.                     $td.html($(this).html());
  58.                     $tr.append($td);
  59.                 });
  60.                 
  61.                 $tbody.append($tr);
  62.             });
  63.             
  64.             $table.append($tbody);
  65.             
  66.             $(this).replaceWith($table);
  67.             //$(this).hide();
  68.         });
  69.         
  70.         $('.total').click(function() {
  71.             // sort total column
  72.             var $rowArray = [];
  73.             var totalArray = [];
  74.             var $tbody = $(this).parent().parent().parent();
  75.             $tbody.find('tr').each(function(index) {
  76.                 if(index > 0) {
  77.                     $rowArray.push($(this));
  78.                     var total = parseInt($(this).find('td').eq(3).text(), 10);
  79.                     totalArray.push(total);
  80.                 }
  81.             });
  82.             for(i=0; i<totalArray.length-1; i++) {
  83.                 for(j=i+1; j<totalArray.length; j++) {
  84.                     if(totalArray[i] < totalArray[j]) {
  85.                         var help = totalArray[i];
  86.                         var helpTR = $rowArray[i];
  87.                         totalArray[i] = totalArray[j];
  88.                         $rowArray[i] = $rowArray[j];
  89.                         totalArray[j] = help;
  90.                         $rowArray[j] = helpTR;
  91.                     }
  92.                 }
  93.             }
  94.             for(i=0; i<totalArray.length; i++) {
  95.                 $tbody.append($rowArray[i]);
  96.             }
  97.             
  98.         });
  99.  
  100.         $('.title').click(function() {
  101.             // sort title column
  102.             var $rowArray = [];
  103.             var titleArray = [];
  104.             var $tbody = $(this).parent().parent().parent();
  105.             $tbody.find('tr').each(function(index) {
  106.                 if(index > 0) {
  107.                     $rowArray.push($(this));
  108.                     var title = $(this).find('td').eq(0).text();
  109.                     titleArray.push(title);
  110.                 }
  111.             });
  112.             for(i=0; i<titleArray.length-1; i++) {
  113.                 for(j=i+1; j<titleArray.length; j++) {
  114.                     if(titleArray[i] > titleArray[j]) {
  115.                         var help = titleArray[i];
  116.                         var helpTR = $rowArray[i];
  117.                         titleArray[i] = titleArray[j];
  118.                         $rowArray[i] = $rowArray[j];
  119.                         titleArray[j] = help;
  120.                         $rowArray[j] = helpTR;
  121.                     }
  122.                 }
  123.             }
  124.             for(i=0; i<titleArray.length; i++) {
  125.                 $tbody.append($rowArray[i]);
  126.             }
  127.             
  128.         });
  129.         
  130.         // avoid style break on greasyfork forum
  131.         $('#Head').css({'padding' : '46px 3px 33px', 'background-color': '#670000'});
  132.     }
  133. }, false);