MediaWiki:Gadget-tablesort.js

提供:エケペディア
ナビゲーションに移動 検索に移動

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Internet Explore/Edger: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
  • Opera: Ctrl-F5を押してください
/**
 * 標準のソート機能を置換するスクリプト
 * table.sortableがあるページでMediaWiki標準のtablesorterの読み込みを阻止し、
 * 別のソートライブラリでソート機能を実現します。
 */
mw.hook('wikipage.content').add(function($content) {
  var $sortableTables = $content.find('table.sortable');
  if ($sortableTables.length) {
    $sortableTables.removeClass('sortable jquery-tablesorter');
    $.getScript(mw.util.wikiScript() + '?title=MediaWiki:Jquery.tablesorter.min.js&action=raw&ctype=text/javascript', function() {

      /* ソートでカタカナ・濁音・半濁音を清音(ひらがな)として評価させる */
      $.extend($.tablesorter.characterEquivalents, {
        'あ': 'アァぁ', 'い': 'イィぃ', 'う': 'ウゥぅ', 'え': 'エェぇ', 'お': 'オォぉ',
        'か': 'カガが', 'き': 'キギぎ', 'く': 'クグぐ', 'け': 'ケゲげ', 'こ': 'コゴご',
        'さ': 'サザざ', 'し': 'シジじ', 'す': 'スズず', 'せ': 'セゼぜ', 'そ': 'ソゾぞ',
        'た': 'タダだ', 'ち': 'チヂぢ', 'つ': 'ツヅづ', 'て': 'テデで', 'と': 'トドど',
        'な': 'ナ', 'に': 'ニ', 'ぬ': 'ヌ', 'ね': 'ネ', 'の': 'ノ',
        'は': 'ハバパばぱ', 'ひ': 'ヒビピびぴ', 'ふ': 'フブプぶぷ', 'へ': 'ヘベペべぺ', 'ほ': 'ホボポぼぽ',
        'ま': 'マ', 'み': 'ミ', 'む': 'ム', 'め': 'メ', 'も': 'モ',
        'や': 'ヤャゃ', 'ゆ': 'ユュゅ', 'よ': 'ヨョょ',
        'ら': 'ラ', 'り': 'リ', 'る': 'ル', 'れ': 'レ', 'ろ': 'ロ',
        'わ': 'ワ', 'を': 'ヲ', 'ん': 'ン'
      });

      /* based on jquery.tablesort.js (MediaWiki) */
      function getElementSortKey(node) {
        var $node = $(node),
            data = $node.data('sortValue');
        if (data !== null && data !== undefined) {
          return String(data);
        } else if (node.tagName.toLowerCase() === 'img') {
          return $node.attr('alt') || '';
        } else {
          return $.map(node.childNodes, function(el) {
            return el.nodeType === 1 ? getElementSortKey(el) : $.text(el);
          }).join('');
        }
      }

      /* sortbottom相当の機能を追加する */
      $.tablesorter.addWidget({
        id: 'sortbottom',
        priority: 80,
        format: function(table) {
          var $rows = $('> tbody > tr:not(.remove-me)', table),
              $target = table.$fixedRows;
          if (table.hasInitialized) {
            table.$fixedRows.filter('.sortbottom').prependTo(table.tFoot);
            table.$fixedRows.filter('.sorthidden').remove();
            $target = $target.filter('.sortmiddle');
          }
          $target.each(function() {
            var $before = $rows.eq(this.insertPosition);
            if ($before.length) {
              $before.before(this);
            } else {
              $rows.last().after(this);
            }
          });
        }
      });

      $.tablesorter.addParser({
        id: 'number',
        is: $.tablesorter.isDigit,
        format: function(s) {
          var i = parseFloat(s.replace( /[, ]/g, '').replace('\u2212', '-'));
          return isNaN(i) ? 0 : i;
        },
        type: 'numeric'
      });

      /* tablesorterに必要なテーブル要素を生成する */
      $sortableTables.each(function() {
        /* 標準のソート機能が読み込まれてしまった場合に、割り当てられたアクションを取り除く */
        if (this.tHead) {
          $('> th', this.tHead.rows).off('keypress click');
          $(this.tBodies[0]).prepend(this.tHead.rows);
          $(this.tHead).remove();
        }

        var rows = this.tBodies[0].rows, $tr;

        /* thead要素 */
        var $thead = $('<thead></thead>');
        while (rows.length) {
          $tr = $(rows[0]);
          if ($tr.children('td').length || $tr.hasClass('sorthidden')) break;
          if ($tr.hasClass('unsortable')) {
            $tr.children().data('sorter', false);
          } else {
            $tr.children().each(function() {
              var $cell = $(this);
              if ($cell.hasClass('unsortable')) {
                $cell.data('sorter', false);
              } else if ($cell.data('sortType') === 'number') {
                $cell.data('sorter', 'number');
              }
            });
          }
          $thead.append($tr);
        }
        $thead.insertBefore(this.tBodies[0]);

        /* tfoot要素 */
        if (!this.tFoot) {
          var $tfoot = $('<tfoot></tfoot>');
          for (var i = rows.length - 1; 0 < i; i--) {
            if ($(rows[i]).children('td').length) break;
            $tfoot.prepend(rows[i]);
          }
          $tfoot.appendTo(this);
        }

        var $rows = $(rows);
        /* 固定行をソート用にキャッシュしないよう一旦削除する */
        this.$fixedRows = $rows.filter('.sortbottom, .sorthidden, .sortmiddle')
          .each(function(i) {
            this.insertPosition = $rows.index(this) - i;
          }).addClass('remove-me').remove();

        /* rowspanを持つセルを分割する(暫定) */
        $rows.each(function(i) {
          var cells = this.cells;
          for (var j = 0, len = cells.length; j < len; j++) {
            var rowspan = cells[j].rowSpan;
            cells[j].rowSpan = 1;
            for (var k = 1; k < rowspan; k++) {
              $(cells[j]).clone().insertBefore($rows.get(i + k).cells[j]);
            }
          }
        });

      })
      .tablesorter({
        sortLocaleCompare: true,
        sortRestart: true,
        textExtraction: getElementSortKey,
        widgets: ['sortbottom']
      });
    });
  }
});