|
|
Line 4: |
Line 4: |
| // Local script url | | // Local script url |
| mw.loader.load( '/index.php?title=MediaWiki:FilterTable.js&action=raw&ctype=text/javascript' ); | | mw.loader.load( '/index.php?title=MediaWiki:FilterTable.js&action=raw&ctype=text/javascript' ); |
− |
| |
− | ///////////////////////
| |
− | // Table Filter/Sort //
| |
− | ///////////////////////
| |
− | /**
| |
− | * @description Table Filter/Sort
| |
− | * TODO ?replace by jQuery plugin datatable?
| |
− | *
| |
− | * @requires $.resource()
| |
− | * @requires $.jI18n.en
| |
− | * @returns {undefined}
| |
− | */
| |
− | window.initTableFilterSort = function (){ // see MediaWiki:SortTableFilter.js
| |
− | /* Note: problem is auto-inserted <tbody></tbody> by the browser: must be removed and
| |
− | replaced by thead + tbody. jQuery.unwrap() was not successful */
| |
− | // add possibly more classes from http://www.javascripttoolbox.com/lib/table/documentation.php
| |
− | // Note: only applies to non-nested tables
| |
− | var jAutotables = $('table.table-autosort, table.table-autofilter, table-autostripe,table-sorted-asc,table-sorted-desc, table-filtered');
| |
− | if (jAutotables.length) {
| |
− | // Note: in MediaWiki:SortTableFilter.js 'SortTableFilter_InputFilterTitle' was not recognized
| |
− | $.extend(true, $.jI18n, {
| |
− | en: {
| |
− | SortTableFilter_AutoSortTitle : 'Click to sort',
| |
− | SortTableFilter_FilterAllLabel: 'Filter: All',
| |
− | SortTableFilter_InputFilterTitle: 'Filter text (case sensitive, uses reg. expressions)'
| |
− | },
| |
− | de: {
| |
− | SortTableFilter_AutoSortTitle : 'Zum Sortieren klicken',
| |
− | SortTableFilter_FilterAllLabel: 'Zeige: alle',
| |
− | SortTableFilter_InputFilterTitle: 'Text filtern (GROß/klein!, nutzt reg. Ausdrücke)'
| |
− | }
| |
− | });
| |
− | // get sortable/filterable here already otherwise multiple th-filters
| |
− | $.getScript(mw.config.get( 'wgServer' ) + mw.config.get( 'wgScript' ) + '?title=MediaWiki:SortTableFilter.js&action=raw&ctype=text/javascript',
| |
− | function(){return true;});
| |
− | // modify tables to introduce thead structure
| |
− | jAutotables.each(function(index){ //TODO simplify code? if()…
| |
− | // There may or may not be a tbody around tr. NOTE: $.unwrap() does not work here!
| |
− | // Memo: find('tr th') finds th, .parent() retrieves tr! .wrapAll will wrap inside DOM, not in return value! .detach() returns detached
| |
− | // OK in FF 3.6 and IE 7-8, not in IE6 (like the old code)
| |
− | // FURTHER WORK: Ideally, all normal tr td should remain in a tbody.
| |
− | var jThis = $(this),
| |
− | jThead = jThis.find('tr th').parent().detach(),
| |
− | jTfoot = jThis.find('tr[class=tfoot] td').parent().detach(),// remove it from the DOM
| |
− | jTbody = jThis.find('tbody:first');
| |
− | if (jTbody.length===0) {
| |
− | jThis.children().wrapAll('<tbody/>');
| |
− | jTbody = jThis.find('tbody:first');
| |
− | }
| |
− | jTbody.before($('<thead/>').append(jThead));
| |
− | if (jTfoot.length) {
| |
− | jTbody.after($('<tfoot/>').append(jTfoot));
| |
− | }
| |
− | // th with class="input" gives an input field instead of selections
| |
− | $(this).find('th[class=input]').append('<input name="filter" title="'+$.resource('SortTableFilter_InputFilterTitle')+'" size="8" onkeyup="Table.filter(this,this)">');
| |
− | });// end each()
| |
− | } // END if any autotable
| |
− | };
| |
− |
| |
− | /**
| |
− | * @description: Collapse the TOC using id="toc-autocollapse"
| |
− | * @returns {undefined}
| |
− | */
| |
− | window.initTOCautocollapse = function () {
| |
− | if ($('#toc-autocollapse').length) {
| |
− | $('#togglelink').click();
| |
− | }
| |
− | };// end initTOCautocollapse()
| |