CardList プラグインをsorttable.jsでソート可能に

　FreeStyleWikiのBugTrack-plugin/215のCardList プラグインを改造し、ヘッダをクリックすることで、その列についてのソートができるようにしました。
　といっても、sorttable.jsを使用するようにしただけで、改造というのもおこがましい感じ。

FreeStyleWikiの本家のサイトのBugTrack-plugin/215の、CardForm プラグインをインストールする。
以下から sorttable.js をダウンロードし、plugin/cardform 以下にコピーする。
- http://www.kryogenix.org/code/browser/sorttable/
以下の CardList.pm をダウンロードし、plugin/cardform 以下にコピーする。上書きされるので注意！
- CardList.pm(430)
plugin/cardform/Install.pm の以下の行を修正する。
- 修正前 WIKI

$wiki->add_paragraph_plugin(
	"cardlist",	"plugin::cardform::CardList",	"WIKI");

$wiki->add_paragraph_plugin(
	"cardlist",	"plugin::cardform::CardList",	"HTML");

　例えば、以下は、闘うベストテン2007の海外編のベストテン（＋次点）の表ですが、ヘッダの「番号」、「作品」、「著者」、「出版社」のセルをクリックすることで、その列について降順、昇順でソートできます。

テーブルの記載内容によっては、ソートされてるのか、どうなのか、よくわかりません。
- 例えば、テクノ名盤200＋αの表を「Artist」とか「Title」でソートすると、ソートされてるんだか、どうなんだか。
- 特別な指定はしてないので、ソート順はalphanumericallyじゃないかと思うんですが、どうもそうは見えない……。

　sorttable.jsの配布元のページには、以下のようなCSSの設定を元に make up してね、と書いてありますが、

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

　色はともかく、普通の表と区別でき、クリックできることも示せるので、cursorの設定は「default」ではなく「pointer」に変えた方がいいんじゃないかと思います。

table.sortable thead {
    cursor: pointer;
}

BugTrack-plugin/215 CardForm:カード型データベースのためのプラグイン群
- このプラグイン群のCardList プラグインを改造しました。ありがとうございます。
sorttable: Make all your tables sortable as days pass by,by Stuart Langridge
- sorttable.jsの配布元。ありがとうございます。
ソートできる表を作成するjavascript「sorttable.js」 skuare.net
- このページをみて本改造を思い立ちました。ありがとうございます。

Topic