「MediaWiki:Gadget-tablesort.js」の版間の差分

No.name2 (トーク | 投稿記録)
sortmiddleが正しい位置に挿入できていなかった問題を修正
Motodai (トーク | 投稿記録)
resolve warning
 
(他の1人の利用者による、間の6版が非表示)
1行目: 1行目:
/**
/**
  * MediaWiki標準のソート機能を補強するスクリプト
  * 標準のソート機能を置換するスクリプト
* table.sortableがあるページでMediaWiki標準のtablesorterの読み込みを阻止し、
* 別のソートライブラリでソート機能を実現します。
  */
  */
var dateRegex = new RegExp(/(\d{4})年(1[0-2]|\d)月(3[01]|[12]\d|[1-9])日/);
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() {


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


    /* sortmiddle */
      /* based on jquery.tablesort.js (MediaWiki) */
    } else if ($tr.hasClass('sortmiddle')) {
      function getElementSortKey(node) {
      //$tr.removeClass('sortbottom');
        var $node = $(node),
      sortmiddles.push(rows[i]);
            data = $node.data('sortValue');
      sortmiddlesPos.push(i);
        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('');
        }
      }


    } else {
      /* sortbottom相当の機能を追加する */
       $tr.children('th, td').each(function(j) {
       $.tablesorter.addWidget({
        var $col = $(this);
        id: 'sortbottom',
        /* 既にdata-sort-valueが指定されている場合は処理しない */
        priority: 80,
        if ($col.data('sortValue')) return;
        format: function(table) {
        switch (sortTypes[j]) {
          var $rows = $('> tbody > tr:not(.remove-me)', table),
          case 'date':
              $target = table.$fixedRows;
             if (dateRegex.test($col.text())) {
          if (table.hasInitialized) {
              $col.data('sortValue', RegExp.$3 + ' ' + RegExp.$2 + '月 ' + RegExp.$1);
            table.$fixedRows.filter('.sortbottom').prependTo(table.tFoot);
            }
             table.$fixedRows.filter('.sorthidden').remove();
            return;
            $target = $target.filter('.sortmiddle');
           default:
          }
             var $rt = $col.find('.rt');
           $target.each(function() {
             if ($rt.length) {
             var $before = $rows.eq(this.insertPosition);
               var sortkey = defaultsortString($rt.text());
             if ($before.length) {
               console.log('data-sort-value:' + sortkey);
               $before.before(this);
              $col.data('sortValue', sortkey);
            } else {
               $rows.last().after(this);
             }
             }
          });
         }
         }
       });
       });
    }
  }


  $table.on('sortEnd.tablesorter', function() {
      $.tablesorter.addParser({
    var rows = this.rows,
        id: 'number',
         len = sortmiddles.length;
        is: $.tablesorter.isDigit,
    /* すべてのsortmiddleを一旦取り除く */
        format: function(s) {
    for (var i=0; i<len; i++) {
          var i = parseFloat(s.replace( /[, ]/g, '').replace('\u2212', '-'));
         sortmiddles[i].parentNode.removeChild(sortmiddles[i]);
          return isNaN(i) ? 0 : i;
    }
        },
    /* sortmiddleを記憶した位置に挿入 */
        type: 'numeric'
    for (var i=0; i<len; i++) {
      });
      if (rows[sortmiddlesPos[i]]) {
 
        rows[sortmiddlesPos[i]].parentNode.insertBefore(sortmiddles[i], rows[sortmiddlesPos[i]]);
      /* tablesorterに必要なテーブル要素を生成する */
      } else {
      $sortableTables.each(function() {
         rows[rows.length - 1].parentNode.appendChild(sortmiddles[i]);
        /* 標準のソート機能が読み込まれてしまった場合に、割り当てられたアクションを取り除く */
      }
        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>');
        var setCellSorter = function() {
    var $cell = $(this);
if ($cell.hasClass('unsortable')) {
        $cell.data('sorter', false);
    } else if ($cell.data('sortType') === 'number') {
        $cell.data('sorter', 'number');
    }
};
 
         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(setCellSorter);
      }
          $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]);
            }
          }
        });


function defaultsortString(str) {
      })
  return str.replace(/[ァ-ン]/g, function(c) {
      .tablesorter({
      return String.fromCharCode(c.charCodeAt(0) - 96);
        sortLocaleCompare: true,
    })
        sortRestart: true,
    .replace(/ /g, '')
        textExtraction: getElementSortKey,
    .replace(/[ぁぃぅぇぉゃゅょ]/g, function(c) {
        widgets: ['sortbottom']
      return String.fromCharCode(c.charCodeAt(0) + 1);
       });
    })
    .replace(/[がぎぐげござじずぜぞだぢづでどばびぶべぼ]/g, function(c) {
       return String.fromCharCode(c.charCodeAt(0) - 1);
    })
    .replace(/[ぱぴぷぺぽ]/g, function(c) {
      return String.fromCharCode(c.charCodeAt(0) - 2);
     });
     });
}
  }
});