MediaWiki:FeaturedCreatures.js

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

• Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
• Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
• Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
• Opera: Pressione Ctrl-F5.

$(document).ready(function () {
  const $img = $('#boostedcreature_home_img')
  const $txt = $('#boostedcreature_home_txt')

  function getBoostedCreature (callback) {
    $.ajax({
      url: 'https://api.tibiadata.com/v3/creatures', dataType: 'json', success: function (res) {
        callback(res.creatures.boosted)
      }
    })
  }

  function searchCreatureData (boosted) {
    $.ajax({
      url: '/index.php?action=raw&title=' + boosted.name,
      success: function (data) {
        if (data.match(/Infobox[_ ]Criatura/)) {
          $img.html(`<a href="/wiki/${boosted.name}"><img src="/wiki/Especial:Redirecionar/file/${boosted.name}.gif" alt="${boosted.name}"></a>`)
          $txt.html(`<a style="color:#FFFFFF; text-decoration:none;" class="plainlinks" href="/wiki/${boosted.name}">${boosted.name}</a>`)
        } else {
          fallback(boosted)
        }
      },
      error: _ => fallback(boosted)
    })
  }

  function fallback (boosted) {
    if ($img.children('a').length === 0) {
      $img.html(`<a href="#"><img src="${boosted.image_url}" alt="${boosted.name}"></a>`)
      $txt.html(`<a style="color:#FFFFFF; text-decoration:none;" class="plainlinks" href="#">${boosted.name}</a>`)
    }
  }

  getBoostedCreature(function (boosted) {
    searchCreatureData(boosted)
  })
})