MediaWiki:Hydradark.js

/* Any JavaScript here will be loaded for all users on every page load. */
/*
 * Table sorting script  by Joost de Valk, check it out at http://www.joostdevalk.nl/code/sortable-table/.
 * Based on a script from http://www.kryogenix.org/code/browser/sorttable/.
 * Distributed under the MIT license: http://www.kryogenix.org/code/browser/licence.html .
 *
 * Copyright (c) 1997-2006 Stuart Langridge, Joost de Valk.
 *
 * @todo don't break on colspans/rowspans (bug 8028)
 * @todo language-specific digit grouping/decimals (bug 8063)
 * @todo support all accepted date formats (bug 8226)
 */

var ts_image_path = stylepath+"/common/images/";
var ts_image_up = "sort_up.gif";
var ts_image_down = "sort_down.gif";
var ts_image_none = "sort_none.gif";
var ts_europeandate = wgContentLanguage != "en"; // The non-American-inclined can change to "true"
var SORT_COLUMN_INDEX;

function sortables_init() {
	var idnum = 0;
	// Find all tables with class sortable and make them sortable
	var tables = document.getElementsByClassName(document, "table", "sortable");//originally sortable
	for (var ti = 0; ti < tables.length ; ti++) {
		if (!tables[ti].id) {
			tables[ti].setAttribute('id','sortable_table_id_'+idnum);
			++idnum;
		}
		ts_makeSortable(tables[ti]);
	}
}

var customIcons = ['',
  'https://witcher.gamepedia.com/media/witcher.gamepedia.com/thumb/2/23/Tw2_icon_weight.svg/12px-Tw2_icon_weight.svg.png',
  'https://witcher.gamepedia.com/media/witcher.gamepedia.com/thumb/0/06/Tw2_icon_damage.png/32px-Tw2_icon_damage.png',
  'https://witcher.gamepedia.com/media/witcher.gamepedia.com/thumb/a/a9/Tw2_icon_mutagens.svg/18px-Tw2_icon_mutagens.svg.png',
  'https://witcher.gamepedia.com/media/witcher.gamepedia.com/thumb/9/9e/Tw2_icon_crafting.svg/16px-Tw2_icon_crafting.svg.png',
  'https://witcher.gamepedia.com/media/witcher.gamepedia.com/thumb/5/5f/Tw2_icon_quests.svg/16px-Tw2_icon_quests.svg.png',
  'https://witcher.gamepedia.com/media/witcher.gamepedia.com/thumb/f/fb/Tw2_icon_alchemy.svg/18px-Tw2_icon_alchemy.svg.png',
  'https://witcher.gamepedia.com/media/witcher.gamepedia.com/thumb/d/d6/Tw2_icon_armor.png/32px-Tw2_icon_armor.png',
  'https://witcher.gamepedia.com/media/witcher.gamepedia.com/thumb/b/ba/Tw3_icon_dps_steel.png/48px-Tw3_icon_dps_steel.png',
  'https://witcher.gamepedia.com/media/witcher.gamepedia.com/thumb/9/9c/Tw3_icon_dps_silver.png/48px-Tw3_icon_dps_silver.png',
  'https://witcher.gamepedia.com/media/witcher.gamepedia.com/d/d3/Tw3_icon_dismantle.png',
  'https://witcher.gamepedia.com/media/witcher.gamepedia.com/thumb/e/ef/Tw3_icon_weight.svg/15px-Tw3_icon_weight.svg.png',
];
var customIconText = ['',
  'Poids',
  'Dégâts',
  'Mutagènable',
  'Peut être fabriqué(e)',
  'Objet de quête',
  'Ingrédient alchimique',
  'Armure',
  'DPS - épée en acier',
  'DPS - épée en argent',
  'Démontable',
  'Poids',
];

function ts_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;
        var colloffset=0;
        var sortIcon='';
	// We have a first row: assume it's the header, and make its contents clickable links
	for (var i = 0; i < firstRow.cells.length; i++) {
		var cell = firstRow.cells[i];
                var cns =  (cell.className) ? cell.className.split(' ') : new Array();
                var forceNumeric = 0;
                var unsortable = false;
                for (var j=0;j<cns.length;j++) {
                    if (cns[j] == 'unsortable')
                        unsortable = true;
                    if (cns[j] == 'numeric')
                        forceNumeric = 1;
                    var icon = cns[j].match(/customicon([0-9]*)/i);
                    if (icon) sortIcon=icon[1];
                    if (cns[j].indexOf('colloffset')==0) {
                        colloffset += parseInt(cns[j].substr(10));
                    }
                }
		if (!unsortable) {
                        if (sortIcon)
			  cell.innerHTML += '  <a href="#" title="'+customIconText[sortIcon]+'" style="background-color:transparent;" class="sortheader" onclick="ts_resortTable(this,'+forceNumeric+','+colloffset+','+sortIcon+');return false;"><span><img src="'+customIcons[sortIcon]+'" alt="↓"/></span></a>';
                        else
			  cell.innerHTML += '  <a href="#" style="background-color:transparent;" class="sortheader" onclick="ts_resortTable(this,'+forceNumeric+','+colloffset+');return false;"><span class="sortarrow"><img src="http://hydra-media.cursecdn.com/witcher.gamepedia.com/e/e8/Sort_none.gif" alt="↓"/></span></a>';
		}
                sortIcon = '';
	}
}

function ts_getInnerText(el) {
	if (typeof el == "string") return el;
	if (typeof el == "undefined") { return el };
	if (el.innerText) return el.innerText;	// Not needed but it is faster
	var str = "";

	var cs = el.childNodes;
	var l = cs.length;
	for (var i = 0; i < l; i++) {
		switch (cs[i].nodeType) {
			case 1: //ELEMENT_NODE
				str += ts_getInnerText(cs[i]);
				break;
			case 3:	//TEXT_NODE
				str += cs[i].nodeValue;
				break;
		}
	}
	return str;
}

function ts_resortTable(lnk,forceNumeric,colloffset,sortIcon) {
	// get the span
	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;

	// Work out a type for the column
	if (table.rows.length <= 1) return;

	// Skip the first row if that's where the headings are
	var rowStart = (table.tHead && table.tHead.rows.length > 0 ? 0 : 1);

   var doopt=(table.className.indexOf('complextable')>=0) ? true : false;
   if (doopt) {
        var rows=table.rows;
        // first, unoptimize the table
        for (var i = rowStart; i < rows.length-1; i++) {
            var cells1 = rows[i].cells;
            var cells2 = rows[i+1].cells;
            for (var j=0;j<cells1.length;j++) {
                var rspan = cells1[j].getAttribute('rowspan');
                if (rspan && rspan>1) {
                    var cn = cells1[j].cloneNode(true);
                    if (cells2.length<=j) 
                        table.rows[i+1].appendChild(cn);
                    else
                        rows[i+1].insertBefore(cn,cells2[j]);
                    cells1[j].removeAttribute('rowspan');
                    cn.setAttribute('rowspan',rspan-1);
                }
            }
        }
    }

	var itm = "";
	for (var i = rowStart; i < table.rows.length; i++) {
		if (table.rows[i].cells.length > column+colloffset) {
			itm = ts_getInnerText(table.rows[i].cells[column+colloffset]);
			itm = itm.replace(/^[\s\xa0]+/, "").replace(/[\s\xa0]+$/, "");
			if (itm != "") break;
		}
	}

	sortfn = ts_sort_caseinsensitive;
	if (itm.match(/^\d\d[\/. -][a-zA-Z]{3}[\/. -]\d\d\d\d$/))
		sortfn = ts_sort_date;
	if (itm.match(/^\d\d[\/.-]\d\d[\/.-]\d\d\d\d$/))
		sortfn = ts_sort_date;
	if (itm.match(/^\d\d[\/.-]\d\d[\/.-]\d\d$/))
		sortfn = ts_sort_date;
	if (itm.match(/^[\u00a3$\u20ac]/)) // pound dollar euro
		sortfn = ts_sort_currency;
	if (itm.match(/^[\d.,]+\%?$/))
		sortfn = ts_sort_numeric;
	
    if (forceNumeric==1)
        sortfn = ts_sort_numeric;

    var reverse = (span.getAttribute("sortdir") == 'down');
	var newRows = new Array();
	for (var j = rowStart; j < table.rows.length; j++) {
		var row = table.rows[j];
		var keyText = ts_getInnerText(row.cells[column+colloffset]);
		var oldIndex = (reverse ? -j : j);
		newRows[newRows.length] = new Array(row, keyText, oldIndex);
	}

	newRows.sort(sortfn);

	var arrowHTML;
	if (reverse) {
			arrowHTML = '<img src="'+((sortIcon) ? customIcons[sortIcon] : 'https://witcher.gamepedia.com/media/witcher.gamepedia.com/7/7a/Sort_down.gif')+'" alt="↓"/>';
			newRows.reverse();
			span.setAttribute('sortdir','up');
	} else {
			arrowHTML = '<img src="'+((sortIcon) ? customIcons[sortIcon] : 'https://witcher.gamepedia.com/media/witcher.gamepedia.com/5/5b/Sort_up.gif')+'" alt="↑"/>';
			span.setAttribute('sortdir','down');
	}

	// We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
	// don't do sortbottom rows
	for (var i = 0; i < newRows.length; i++) {
		if ((" "+newRows[i][0].className+" ").indexOf(" sortbottom ") == -1)
			table.tBodies[0].appendChild(newRows[i][0]);
	}
	// do sortbottom rows only
	for (var i = 0; i < newRows.length; i++) {
		if ((" "+newRows[i][0].className+" ").indexOf(" sortbottom ") != -1)
			table.tBodies[0].appendChild(newRows[i][0]);
	}

    if (doopt) { 
        var rows=table.rows;
        // now, reoptimize the table
        for (var i = rows.length-1;i>rowStart;i--) {
            var cells1 = rows[i-1].cells;
            var cells2 = rows[i].cells;
            for (var j=cells2.length-1;j>=0;j--) {
                if (cells1[j].innerHTML==cells2[j].innerHTML && rows[i-1].getAttribute('bgcolor')==rows[i].getAttribute('bgcolor')) {
                    var rspan = cells2[j].getAttribute('rowspan');
                    if (rspan) {
                        cells2[j].removeAttribute('rowspan');
                        rspan=parseInt(rspan)+1;
                    } else {
                        rspan=2;
                    }
                    rows[i].removeChild(cells2[j]);
                    cells1[j].setAttribute('rowspan',rspan);
                }
            }
        }
    }

	// Delete any other arrows there may be showing
	var spans = document.getElementsByClassName(tr, "span", "sortarrow");
	for (var i = 0; i < spans.length; i++) {
		spans[i].innerHTML = '<img src="http://hydra-media.cursecdn.com/witcher.gamepedia.com/e/e8/Sort_none.gif" alt="↓"/>';
	}
	span.innerHTML = arrowHTML;
}

function ts_dateToSortKey(date) {	
	// y2k notes: two digit years less than 50 are treated as 20XX, greater than 50 are treated as 19XX
	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;
			// default: var month = "00";
		}
		return date.substr(7,4)+month+date.substr(0,2);
	} else if (date.length == 10) {
		if (ts_europeandate == false) {
			return date.substr(6,4)+date.substr(0,2)+date.substr(3,2);
		} else {
			return date.substr(6,4)+date.substr(3,2)+date.substr(0,2);
		}
	} else if (date.length == 8) {
		yr = date.substr(6,2);
		if (parseInt(yr) < 50) { 
			yr = '20'+yr; 
		} else { 
			yr = '19'+yr; 
		}
		if (ts_europeandate == true) {
			return yr+date.substr(3,2)+date.substr(0,2);
		} else {
			return yr+date.substr(0,2)+date.substr(3,2);
		}
	}
	return "00000000";
}

function ts_parseFloat(num) {
	if (!num) return 0;
	num = parseFloat(num.replace(/,/, ""));
	return (isNaN(num) ? 0 : num);
}

function ts_sort_date(a,b) {
	var aa = ts_dateToSortKey(a[1]);
	var bb = ts_dateToSortKey(b[1]);
	return (aa < bb ? -1 : aa > bb ? 1 : a[2] - b[2]);
}

function ts_sort_currency(a,b) {
	var aa = ts_parseFloat(a[1].replace(/[^0-9.]/g,''));
	var bb = ts_parseFloat(b[1].replace(/[^0-9.]/g,''));
	return (aa != bb ? aa - bb : a[2] - b[2]);
}

function ts_sort_numeric(a,b) {
	var aa = ts_parseFloat(a[1]);
	var bb = ts_parseFloat(b[1]);
	return (aa != bb ? aa - bb : a[2] - b[2]);
}

function ts_sort_caseinsensitive(a,b) {
	var aa = a[1].toLowerCase();
	var bb = b[1].toLowerCase();
	return (aa < bb ? -1 : aa > bb ? 1 : a[2] - b[2]);
}

function ts_sort_default(a,b) {
	return (a[1] < b[1] ? -1 : a[1] > b[1] ? 1 : a[2] - b[2]);
}

function fixWidthEvent(event) {
    var mainright = document.getElementById('mp-right');
    var mpmain = document.getElementById('mp-main');
    if (mainright && mpmain) {
       if (document.body.clientWidth<1340) {
          mpmain.setAttribute('style','margin-right:0px');
          mainright.setAttribute('style','float:none;margin-left:0px;width:auto;padding:0.5em;clear:both;');
       } else if (document.body.clientWidth>=1340) {
          mpmain.removeAttribute('style');
          mainright.removeAttribute('style');
       }
   }
}

function fixWidths() {
    if (document.getElementById('mp-main')) {
        fixWidthEvent()
        window.addEventListener('resize',fixWidthEvent);
    }
}
fixWidths();

/*
 * End of table sorting code
 */

/* alternating icons code */
var rs = document.querySelectorAll(".randomlyselect");
if (rs.length>0) {
  selectOne(rs);
}

function selectOne(rs) {
  var i = Math.floor(Math.random()*rs.length);
  rs.item(i).style.display="inline-block";
}

/* Spoilers - based on Tierrie's code */
$(document).ready(function(){
  var cookiepref = 'spoilerdisplay_';

  function setCookie(key, value) {
    if(value=="undefined" || value == "null") value = null;
    $.cookie(cookiepref + key, value, { expires:100,path:'/' });
  }
  
  function getCookie(key) {
    return $.cookie(cookiepref + key);
  }
  
  $('.spoiler').click( function() {
    var id = $(this).attr('class').match(/spid_[\d\w]+/)[0].split('spid_')[1];
    if( $('.spid_'+id+' .spwrn').css('display') == 'none') {
      $('.spid_'+id+' .spwrn').fadeIn(200, function() {
        $(this).show(200);
      });
      $('.spid_'+id+' .sptxt').hide(0);
      setCookie(id, 'hidden');
    } else {
      $('.spid_'+id+' .spwrn').fadeOut(200, function() {
        $(this).hide(200);
      });
      $('.spid_'+id+' .sptxt').delay(200).show(0);
      setCookie(id, 'shown');
    }
  });
  /* Set to default or stored state on load */
  var spoiled = {};
  $('.spoiler').each( function() {
    var id = $(this).attr('class').match(/spid_[\d\w]+/)[0].split('spid_')[1];
    spoiled[id] = undefined;
  });
  for (var id in spoiled) {
    if (getCookie(id) === 'shown') {
      $('.spid_'+id+' .spwrn').hide(0);
      $('.spid_'+id+' .sptxt').show(0);
    } else if (getCookie(id) === 'hidden') {
      $('.spid_'+id+' .spwrn').show(0);
      $('.spid_'+id+' .sptxt').hide(0);
    } else if ($('.spid_'+id+' .spwrn').attr('display') == 'none') {
      $('.spid_'+id+' .spwrn').hide(0);
      $('.spid_'+id+' .sptxt').show(0);
    } else {
      $('.spid_'+id+' .spwrn').show(0);
      $('.spid_'+id+' .sptxt').hide(0);
    }
  }
});

/*****************************************
/* Front Page 3-column height equalization *
/*****************************************/
// Author:  Shawn Bruckner
// Date:    2013-Sept-21
// License: CC-BY 3.0
// Version: beta

var fp = fp || {
  equalizeColumns : function() {
    $( '.fpmain' ).each( function () {
      fp.resetSectionBoxHeights( $( this ).find( '.fpsection1, .fpsection2, .fpsection3, .fpsection4' ) );
    } );
    if ( $( window ).width() > 789 && $( window ).width() < 1390 ) {
      $( '.fpmain' ).each( function (index) {
        var leftHeight = $( this ).find( '.fpsection1' ).height() + $( this ).find( '.fpsection4' ).height();
        var rightHeight = $( this ).find( '.fpsection2' ).height() + $( this ).find( '.fpsection3' ).height();
        var difference = Math.abs( rightHeight - leftHeight );
        
        if ( leftHeight < rightHeight ) {
          fp.adjustSectionBoxHeights( difference, $( this ).find( '.fpsection1, .fpsection4' ) );
        } else if ( rightHeight < leftHeight ) {
          fp.adjustSectionBoxHeights( difference, $( this ).find( '.fpsection2, .fpsection3' ) );
        }
      } );
    } else if ( $( window ).width() > 1389 ) {
      $( '.fpmain' ).each( function (index) {
        var leftHeight = $( this ).find( '.fpsection1' ).height() + $( this ).find( '.fpsection4' ).height();
        var middleHeight = $( this ).find( '.fpsection2' ).height();
        var rightHeight = $( this ).find( '.fpsection3' ).height();
        var maxHeight = Math.max( leftHeight, middleHeight, rightHeight );
        
        if ( leftHeight < maxHeight ) {
          fp.adjustSectionBoxHeights( maxHeight - leftHeight, $( this ).find( '.fpsection1, .fpsection4' ) );
        }
        if ( middleHeight < maxHeight ) {
          fp.adjustSectionBoxHeights( maxHeight - middleHeight, $( this ).find( '.fpsection2' ) );
        }
        if ( rightHeight < maxHeight ) {
          fp.adjustSectionBoxHeights( maxHeight - rightHeight, $( this ).find( '.fpsection3' ) );
        }
      } );
    }
  },

  findAdjustableSectionBoxes : function ( sections ) {
    var boxes = sections.find( '.fpbox.fpgreedy' );

    if ( boxes.length === 0 ) {
      return sections.find( '.fpbox' ).not( '.fpnoresize' );
    } else {
      return boxes;
    }
  },

  resetSectionBoxHeights : function ( sections ) {
    fp.findAdjustableSectionBoxes( sections ).each( function () {
      $( this ).height( 'auto' );
    } );
  },

  adjustSectionBoxHeights : function ( heightToAdd, sections ) {
    var boxes, lastBox, remainingHeightToAdd, boxHeightToAdd;
    boxes = fp.findAdjustableSectionBoxes( sections );
    lastBox = boxes.last();
    remainingHeightToAdd = heightToAdd;
    boxHeightToAdd = Math.floor( heightToAdd / boxes.length );

    boxes.each( function() {
      if ( this === lastBox.get( 0 ) ) {
        $( this ).height( $( this ).height() + remainingHeightToAdd );
      } else {
        $( this ).height( $( this ).height() + boxHeightToAdd );
        remainingHeightToAdd -= boxHeightToAdd;
      }
    } );
  }
};

$( document ).ready( fp.equalizeColumns );
$( window ).resize( fp.equalizeColumns );
/*********************************************
/* End Front Page column height equalization *
/*********************************************/


$(sortables_init);