|
|
(175 intermediate revisions by the same user not shown) |
Line 2: |
Line 2: |
| | | |
| /** | | /** |
− | * Tests if a particular element possesses a class. | + | * Determines if a particular element possesses a class. |
| */ | | */ |
| var hasClass = (function () { | | var hasClass = (function () { |
Line 10: |
Line 10: |
| }; | | }; |
| })(); | | })(); |
− |
| |
| | | |
| /** | | /** |
− | * Code for collapsible tables. | + | * Determines if a given value is a number. |
| */ | | */ |
− | var collapseCaption = 'hide';
| + | function isNumeric(value) { |
− | var expandCaption = 'show';
| + | return new RegExp(/(^\d+$)|(^\d+\.\d+$)/).test(value); |
− | | + | |
− | function collapseTable(tableIndex) { | + | |
− | var button = document.getElementById('collapseButton' + tableIndex); | + | |
− | var table = document.getElementById('collapsibleTable' + tableIndex);
| + | |
− | | + | |
− | if (!table || !button) {
| + | |
− | return false;
| + | |
− | }
| + | |
− | | + | |
− | var rows = table.rows;
| + | |
− | | + | |
− | if (button.firstChild.data == collapseCaption) {
| + | |
− | for (var i = 1; i < rows.length; i++) {
| + | |
− | rows[i].style.display = 'none';
| + | |
− | }
| + | |
− | button.firstChild.data = expandCaption;
| + | |
− | } else {
| + | |
− | for (var i = 1; i < rows.length; i++) {
| + | |
− | rows[i].style.display = rows[0].style.display;
| + | |
− | }
| + | |
− | button.firstChild.data = collapseCaption;
| + | |
− | }
| + | |
| } | | } |
| | | |
− | function createCollapseButtons() {
| + | /** |
− | var tableIndex = 0;
| + | * Removes all children from an element. |
− | var navigationBoxes = new Object();
| + | */ |
− | var tables = getElementsByClassName(document, 'table', 'collapses');
| + | function removeChildren(element) { |
− | | + | while (element.hasChildNodes()) { |
− | for (var i = 0; i < tables.length; i++) {
| + | element.removeChild(element.firstChild); |
− | var headerRow = tables[i].getElementsByTagName('tr')[0];
| + | |
− | if (!headerRow) {
| + | |
− | continue;
| + | |
− | }
| + | |
− | | + | |
− | var header = headerRow.getElementsByTagName('th')[0];
| + | |
− | if (!header) {
| + | |
− | continue;
| + | |
− | }
| + | |
− | | + | |
− | navigationBoxes[tableIndex] = tables[i];
| + | |
− | tables[i].setAttribute('id', 'collapsibleTable' + tableIndex);
| + | |
− | | + | |
− | var spacer = document.createElement('div');
| + | |
− | var button = document.createElement('span');
| + | |
− | var buttonLink = document.createElement('a');
| + | |
− | var buttonText = document.createTextNode(collapseCaption);
| + | |
− | | + | |
− | spacer.style.cssFloat = 'left';
| + | |
− | spacer.style.styleFloat = 'left';
| + | |
− | spacer.style.textAlign = 'left';
| + | |
− | spacer.style.width = '35px';
| + | |
− | spacer.appendChild(document.createTextNode('\u00a0'));
| + | |
− | header.insertBefore(spacer, header.childNodes[0]);
| + | |
− | | + | |
− | button.style.cssFloat = 'right';
| + | |
− | button.style.styleFloat = 'right';
| + | |
− | button.style.fontSize = '11px';
| + | |
− | button.style.fontWeight = 'normal';
| + | |
− | button.style.textAlign = 'right';
| + | |
− | button.style.width = '35px';
| + | |
− | | + | |
− | buttonLink.style.color = '#FFFFFF';
| + | |
− | buttonLink.id = 'collapseButton' + tableIndex;
| + | |
− | buttonLink.href = 'javascript:collapseTable(' + tableIndex + ');';
| + | |
− | buttonLink.appendChild(buttonText);
| + | |
− | | + | |
− | button.appendChild(document.createTextNode('['));
| + | |
− | button.appendChild(buttonLink);
| + | |
− | button.appendChild(document.createTextNode(']'));
| + | |
− | header.insertBefore(button, header.childNodes[0]);
| + | |
− | | + | |
− | tableIndex++;
| + | |
− | }
| + | |
− | | + | |
− | for (var i = 0; i < tableIndex; i++) {
| + | |
− | if (hasClass(navigationBoxes[i], 'collapsed') || (tableIndex >= 2 && hasClass(navigationBoxes[i], 'autocollapse'))) { | + | |
− | collapseTable(i);
| + | |
− | }
| + | |
− | else if (hasClass(navigationBoxes[i], 'innercollapse')) {
| + | |
− | var element = navigationBoxes[i];
| + | |
− | while (element = element.parentNode) {
| + | |
− | if (hasClass(element, 'outercollapse')) {
| + | |
− | collapseTable(i);
| + | |
− | break;
| + | |
− | }
| + | |
− | }
| + | |
− | }
| + | |
| } | | } |
| } | | } |
− |
| |
− | addOnloadHook(createCollapseButtons);
| |
| | | |
| /** | | /** |
− | * Code for sortable tables. | + | * Import more specific scripts. |
| */ | | */ |
− | var upArrow = 'images/5/5b/Sort_up.gif';
| + | importScript('MediaWiki:Collapsible.js'); |
− | var downArrow = 'images/7/7a/Sort_down.gif';
| + | importScript('MediaWiki:Calculator.js'); |
− | var noneArrow = 'images/e/e8/Sort_none.gif';
| + | |
− | var numberTransformTable = null;
| + | |
− | var numberRegex = null;
| + | |
| | | |
− | function sortTablesInit() {
| + | if (wgAction == 'edit' || wgAction == 'submit') |
− | var idnum = 0;
| + | { |
− | var tables = getElementsByClassName(document, 'table', 'sorts');
| + | importScript('MediaWiki:Editbar.js'); |
− | | + | |
− | for (var i = 0; i < tables.length; i++) { | + | |
− | if (!tables[i].id) {
| + | |
− | tables[i].setAttribute('id', 'sortable_table_id_' + idnum);
| + | |
− | ++idnum;
| + | |
− | }
| + | |
− | makeSortable(tables[i]);
| + | |
− | }
| + | |
| } | | } |
− |
| |
− | function makeSortable(table) {
| |
− | var firstRow;
| |
− |
| |
− | if (table.rows && table.rows.length > 0) {
| |
− | if (table.tHead && table.tHead.rows.length > 0) {
| |
− | firstRow = table.tHead.rows[table.tHead.rows.length - 1];
| |
− | } else {
| |
− | firstRow = table.rows[0];
| |
− | }
| |
− | }
| |
− |
| |
− | if (!firstRow) {
| |
− | return;
| |
− | }
| |
− |
| |
− | for (var i = 0; i < firstRow.cells.length; i++) {
| |
− | var cell = firstRow.cells[i];
| |
− |
| |
− | if ((' ' + cell.className + ' ').indexOf(' unsortable ') == -1) {
| |
− | cell.innerHTML += ' '
| |
− | + '<a href="#" class="sortheader" '
| |
− | + 'onclick="reSortTable(this);return false;">'
| |
− | + '<span class="sortarrow">'
| |
− | + '<img src="' + noneArrow + '" alt="↓"/></span></a>';
| |
− | }
| |
− | }
| |
− | }
| |
− |
| |
− | function ts_getInnerText(el) {
| |
− | return getInnerText(el);
| |
− | }
| |
− |
| |
− | function reSortTable(lnk) {
| |
− | var span = lnk.getElementsByTagName('span')[0];
| |
− | var td = lnk.parentNode;
| |
− | var tr = td.parentNode;
| |
− | var column = td.cellIndex;
| |
− | var table = tr.parentNode;
| |
− |
| |
− | while (table && !(table.tagName && table.tagName.toLowerCase() == 'table')) {
| |
− | table = table.parentNode;
| |
− | }
| |
− |
| |
− | if (!table) {
| |
− | return;
| |
− | }
| |
− |
| |
− | if (table.rows.length <= 1) {
| |
− | return;
| |
− | }
| |
− |
| |
− | if (numberTransformTable == null) {
| |
− | initTransformTable();
| |
− | }
| |
− |
| |
− | var rowStart = (table.tHead && table.tHead.rows.length > 0 ? 0 : 1);
| |
− | var itm = '';
| |
− |
| |
− | for (var i = rowStart; i < table.rows.length; i++) {
| |
− | if (table.rows[i].cells.length > column) {
| |
− | itm = ts_getInnerText(table.rows[i].cells[column]);
| |
− | itm = itm.replace(/^[\s\xa0]+/, '').replace(/[\s\xa0]+$/, '');
| |
− |
| |
− | if (itm != '') {
| |
− | break;
| |
− | }
| |
− | }
| |
− | }
| |
− |
| |
− | var sortfn = sortGeneric;
| |
− | var preprocessor = ts_toLowerCase;
| |
− |
| |
− | if (/^\d\d[\/. -][a-zA-Z]{3}[\/. -]\d\d\d\d$/.test(itm)) {
| |
− | preprocessor = dateToSortKey;
| |
− | } else if (/^\d\d[\/.-]\d\d[\/.-]\d\d\d\d$/.test(itm)) {
| |
− | preprocessor = dateToSortKey;
| |
− | } else if (/^\d\d[\/.-]\d\d[\/.-]\d\d$/.test(itm)) {
| |
− | preprocessor = dateToSortKey;
| |
− | } else if (/(^[\u00a3$\u20ac\u00a4\u00a5]|\u00a2$)/.test(itm)) {
| |
− | preprocessor = currencyToSortKey;
| |
− | } else if (ts_number_regex.test(itm)) {
| |
− | preprocessor = parseFloat;
| |
− | }
| |
− |
| |
− | var reverse = (span.getAttribute('sortdir') == 'down');
| |
− | var newRows = new Array();
| |
− | var staticRows = new Array();
| |
− |
| |
− | for (var j = rowStart; j < table.rows.length; j++) {
| |
− | var row = table.rows[j];
| |
− |
| |
− | if((' ' + row.className + ' ').indexOf(' unsortable ') < 0) {
| |
− | var keyText = ts_getInnerText(row.cells[column]);
| |
− |
| |
− | if(keyText == undefined) {
| |
− | keyText = '';
| |
− | }
| |
− |
| |
− | var oldIndex = (reverse ? -j : j);
| |
− | var preprocessed = preprocessor( keyText.replace(/^[\s\xa0]+/, '').replace(/[\s\xa0]+$/, '') );
| |
− |
| |
− | newRows[newRows.length] = new Array(row, preprocessed, oldIndex);
| |
− | } else {
| |
− | staticRows[staticRows.length] = new Array(row, false, j - rowStart);
| |
− | }
| |
− | }
| |
− |
| |
− | newRows.sort(sortfn);
| |
− |
| |
− | var arrowHTML;
| |
− |
| |
− | if (reverse) {
| |
− | arrowHTML = '<img src="'+ downArrow + '" alt="↓"/>';
| |
− | newRows.reverse();
| |
− | span.setAttribute('sortdir', 'up');
| |
− | } else {
| |
− | arrowHTML = '<img src="'+ upArrow + '" alt="↑"/>';
| |
− | span.setAttribute('sortdir', 'down');
| |
− | }
| |
− |
| |
− | for (var i = 0; i < staticRows.length; i++) {
| |
− | var row = staticRows[i];
| |
− |
| |
− | newRows.splice(row[2], 0, row);
| |
− | }
| |
− |
| |
− | for (var i = 0; i < newRows.length; i++) {
| |
− | if ((' ' + newRows[i][0].className + ' ').indexOf(' sortbottom ') == -1) {
| |
− | table.tBodies[0].appendChild(newRows[i][0]);
| |
− | }
| |
− | }
| |
− |
| |
− | for (var i = 0; i < newRows.length; i++) {
| |
− | if ((' ' + newRows[i][0].className + ' ').indexOf(' sortbottom ') != -1) {
| |
− | table.tBodies[0].appendChild(newRows[i][0]);
| |
− | }
| |
− | }
| |
− |
| |
− | var spans = getElementsByClassName(tr, 'span', 'sortarrow');
| |
− |
| |
− | for (var i = 0; i < spans.length; i++) {
| |
− | spans[i].innerHTML = '<img src="'+ noneArrow + '" alt="↓"/>';
| |
− | }
| |
− |
| |
− | span.innerHTML = arrowHTML;
| |
− | }
| |
− |
| |
− | function initTransformTable() {
| |
− | if (typeof wgSeparatorTransformTable == 'undefined' || (wgSeparatorTransformTable[0] == '' && wgDigitTransformTable[2] == '')) {
| |
− | digitClass = '[0-9,.]';
| |
− | numberTransformTable = false;
| |
− | } else {
| |
− | numberTransformTable = {};
| |
− | ascii = wgSeparatorTransformTable[0].split('\t');
| |
− | localised = wgSeparatorTransformTable[1].split('\t');
| |
− |
| |
− | for (var i = 0; i < ascii.length; i++) {
| |
− | numberTransformTable[localised[i]] = ascii[i];
| |
− | }
| |
− |
| |
− | ascii = wgDigitTransformTable[0].split('\t');
| |
− | localised = wgDigitTransformTable[1].split('\t');
| |
− |
| |
− | for ( var i = 0; i < ascii.length; i++ ) {
| |
− | numberTransformTable[localised[i]] = ascii[i];
| |
− | }
| |
− |
| |
− | digits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ',', '\\.'];
| |
− | maxDigitLength = 1;
| |
− |
| |
− | for (var digit in numberTransformTable ) {
| |
− | digits.push(
| |
− | digit.replace( /[\\\\$\*\+\?\.\(\)\|\{\}\[\]\-]/,
| |
− | function( s ) { return '\\' + s; } )
| |
− | );
| |
− |
| |
− | if (digit.length > maxDigitLength) {
| |
− | maxDigitLength = digit.length;
| |
− | }
| |
− | }
| |
− |
| |
− | if (maxDigitLength > 1) {
| |
− | digitClass = '[' + digits.join('', digits) + ']';
| |
− | } else {
| |
− | digitClass = '(' + digits.join('|', digits) + ')';
| |
− | }
| |
− | }
| |
− |
| |
− | numberRegex = new RegExp(
| |
− | '^(' +
| |
− | '[+-]?[0-9][0-9,]*(\\.[0-9,]*)?(E[+-]?[0-9][0-9,]*)?' +
| |
− | '|' +
| |
− | '[+-]?' + digitClass + '+%?' +
| |
− | ')$', 'i'
| |
− | );
| |
− | }
| |
− |
| |
− | function ts_toLowerCase(s) {
| |
− | return s.toLowerCase();
| |
− | }
| |
− |
| |
− | function dateToSortKey(date) {
| |
− | if (date.length == 11) {
| |
− | switch (date.substr(3, 3).toLowerCase()) {
| |
− | case 'jan': var month = '01'; break;
| |
− | case 'feb': var month = '02'; break;
| |
− | case 'mar': var month = '03'; break;
| |
− | case 'apr': var month = '04'; break;
| |
− | case 'may': var month = '05'; break;
| |
− | case 'jun': var month = '06'; break;
| |
− | case 'jul': var month = '07'; break;
| |
− | case 'aug': var month = '08'; break;
| |
− | case 'sep': var month = '09'; break;
| |
− | case 'oct': var month = '10'; break;
| |
− | case 'nov': var month = '11'; break;
| |
− | case 'dec': var month = '12'; break;
| |
− | }
| |
− |
| |
− | return date.substr(7, 4) + month + date.substr(0, 2);
| |
− | } else if (date.length == 10) {
| |
− | return date.substr(6, 4) + date.substr(0, 2) + date.substr(3, 2);
| |
− | } else if (date.length == 8) {
| |
− | year = date.substr(6, 2);
| |
− |
| |
− | if (parseInt(year) < 50) {
| |
− | yr = '20' + year;
| |
− | } else {
| |
− | yr = '19' + year;
| |
− | }
| |
− |
| |
− | return year + date.substr(0, 2) + date.substr(3, 2);
| |
− | }
| |
− |
| |
− | return '00000000';
| |
− | }
| |
− |
| |
− | function ts_parseFloat(s) {
| |
− | if (!s) {
| |
− | return 0;
| |
− | }
| |
− |
| |
− | if (numberTransformTable != false) {
| |
− | var newNum = '', c;
| |
− |
| |
− | for ( var p = 0; p < s.length; p++ ) {
| |
− | c = s.charAt( p );
| |
− |
| |
− | if (c in numberTransformTable) {
| |
− | newNum += numberTransformTable[c];
| |
− | } else {
| |
− | newNum += c;
| |
− | }
| |
− | }
| |
− | s = newNum;
| |
− | }
| |
− |
| |
− | num = parseFloat(s.replace(/,/g, ''));
| |
− |
| |
− | return (isNaN(num) ? 0 : num);
| |
− | }
| |
− |
| |
− | function currencyToSortKey(s) {
| |
− | return parseFloat(s.replace(/[^0-9.,]/g, ''));
| |
− | }
| |
− |
| |
− | function sortGeneric(a, b) {
| |
− | return a[1] < b[1] ? -1 : a[1] > b[1] ? 1 : a[2] - b[2];
| |
− | }
| |
− |
| |
− | addOnloadHook(sortTablesInit);
| |