MediaWiki:HuntingGuide.js

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Clear the cache in Tools → Preferences

// Basic DOM manipulation onReady (since the wiki won't let us add <input> tags in the wiki text
$('#levelFilterPlaceholder').replaceWith('<input id="levelFilter" style="width:30px"/>');

// Create filter results table
var $filterResults = $('table.eoTable3.wikitable.sortable').eq(0).clone().hide();

var $headerRow = $('.hunting-guide-row:first').clone();
var clearFilterResults = function() {
  return $filterResults.empty()
                       .append($headerRow);
};
clearFilterResults();

$('h4:contains("Hunting Spots 1-4")').before($filterResults);

// Get jQuery object of every row in the hunting guide (because all of the filter functions need it)
var $rows = $('.wikitable tbody tr');

/**
 * Build a in-memory data object with the data parsed from each row (which will tell us which
 * levels/classes should be shown for any filter).
 * @example a "spot" created by this function for critters in Butcherblock Mountains: {
 *   soloLevel: '04-06',
 *   groupLevel: '03-05',
 *   zone: 'Butcherblock Mountains',
 *   area: 'Greater Faydark zoneline',
 *   monsters: 'Assorted Critters	',
 *   xpMod: '100%',
 *   notes: '',
 *   $tr: *a jQuery object pointing to the <tr> that all this data originally came from*
 * }
 */
var spots = [];
$rows.each(function (i, el) {
  var groupLevel = $(el).children('td:eq(1)').text();
  groupLevel = groupLevel.trim() === '-' ? null : groupLevel;
  var $tr = $(el);

  if ($tr.children('th').length) return; // Header row

  spots.push({
    soloLevel: $tr.children('td:eq(0)').text(),
    groupLevel,
    zone: $tr.children('td:eq(2)').text(),
    area: $tr.children('td:eq(3)').text(),
    monsters: $tr.children('td:eq(4)').text(),
    xpMod: $tr.children('td:eq(5)').text(),
    image: $tr.children('td:eq(6)').text(),
    notes: $tr.children('td:eq(7)').text(),
    $tr:$tr
  });
});

// Clear garbage entries (wish I had ES6 filter ..)
var cleanedSpots = [];
$.each(spots, function (i, spot) {
  if (spot.soloLevel && spot.zone) cleanedSpots.push(spot);
});

$('#numSpots').text(cleanedSpots.length);

var filterSpots = function(filterLabel, filteringFunction) {
  var showUnfiltered = !filteringFunction;

  $('h4, .wikitable').toggle(showUnfiltered);
  $filterResults.toggle(!showUnfiltered);

  if (showUnfiltered) {
    $('#levelFilter').val('');
  } else {
    var rows = $.map(cleanedSpots, filteringFunction);
    var $resultsTbody = clearFilterResults();
    $.each(rows, function(i, row) {
      var $rowClone = $(row).clone();
      $resultsTbody.append($rowClone);
    });
  }
  selectFilter(filterLabel);
};

/**
 * Filter out (hides) rows which aren't for the level the user entered
 */
var filterForLevel = function () {
  var level = parseInt($('#levelFilter').val(), 10);
  filterSpots('#levelFilterLabel', level && function(i, spot) {
    var levelRangeText = spot.$tr.children('td:first').text();
    var splitLevelRanges = levelRangeText.split('-');
    var minLevel = parseInt(splitLevelRanges[0], 10);
    var maxLevel = parseInt(splitLevelRanges[1] || splitLevelRanges[0], 10);
    if (minLevel <= level && maxLevel >= level) return spot.$tr;
  });
};

/**
 * Filters out (hides) rows which aren't specifically "good for" the clicked class; also handles
 * the "no filter" case (TODO: Make a separate handler/event binding for it)
 */
var filterForClass = function(e) {
  var eqClass = $(e.target).text();

  if (eqClass.trim().toLowerCase() === "no filter") {
    filterSpots(e.target, null);
  } else {
    filterSpots(e.target, function(spot) {
      var lowerCaseNotes = spot.notes.toLowerCase();
      var isGood = lowerCaseNotes.match(new RegExp('good for [^\\.;]*?' + eqClass.toLowerCase()));
      var isGreat = lowerCaseNotes.match(new RegExp('great for [^\\.;]*?' + eqClass.toLowerCase()));
      if (isGood || isGreat) return spot.$tr;
    });
  }
}

/**
 * Filters out (hides) rows which don't involve the specified monster type
 */
var filterForMonsterType = function(e) {
  var monsterType = $(e.target).text().toLowerCase();
  filterSpots(e.target, function(spot) {
    var monsterPattern = new RegExp(monsterType);
    var lowerCaseMonsters = spot.monsters.toLowerCase();
    var lowerCaseNotes = spot.notes.toLowerCase();
    if (lowerCaseMonsters.match(monsterPattern) ||lowerCaseNotes.match(monsterPattern)) return spot.$tr;
  })
}

/**
 * Hides the table headers and level range headings for level ranges that have been completely
 * filtered out
 */
var hideHeaders = function () {
  // If anything got hidden by previous filters, show it (because this filter might not hide it)
  $('.wikitable, h4').show();
  // Hide the tables
  $('.wikitable').each(function(i, table) {
    var $table = $(table);
    if (!$table.find('tbody').children('tr:visible').length) $table.hide();
  });
  // Hide the headings (<h4> elements)

  // Hide level range headers
  $('h4').hide();
  $('h4:first').next('.wikitable').show().find('tr:first').show();
}

/**
 * Visually marks the currently-used filter with an underline
 */
var selectFilter = function (target) {
  $('.filterLink, .monsterFilterLink, #levelFilterLabel').css({textDecoration: ''});
  $(target).css({textDecoration: 'underline'});
}

// Bind event handlers
$('.filterLink').click(filterForClass);
$('.monsterFilterLink').click(filterForMonsterType);
$('#levelFilter').change(filterForLevel);