Difference between revisions of "MediaWiki:CreatureList.js"

From Virtuverse Wiki
Jump to navigation Jump to search
Line 18: Line 18:
 
$(document).ready(function() {
 
$(document).ready(function() {
 
   if ($("#creatures-list") != null) {
 
   if ($("#creatures-list") != null) {
 +
    $("#loader-creatures-list").show();
 
     $.ajax({
 
     $.ajax({
 
         type: "GET",
 
         type: "GET",
Line 23: Line 24:
 
         url: "/vv-api/get-creatures.php",
 
         url: "/vv-api/get-creatures.php",
 
         success: function(data) {
 
         success: function(data) {
 +
          $("#loader-creatures-list").hide();
 
           drawTable(data.result);
 
           drawTable(data.result);
 
         },
 
         },
 
         error: function(status, exec) {
 
         error: function(status, exec) {
 +
          $("#loader-creatures-list").hide();
 
           $("#creatures-list").html("<i>Error retrieving mob data!</i>");
 
           $("#creatures-list").html("<i>Error retrieving mob data!</i>");
 
         }
 
         }

Revision as of 13:45, 6 August 2019

function drawTable(mobs) {
   var output = $("#creatures-list");
   var html = "<div><a href='/index.php/Data:CreatureForm'><button>Add</button></a></div>";
   html += "<table class='vvwiki-table'><tr><th>Name</th><th>HP</th><th>Damage</th><th>Maturity</th></tr>";
   mobs.forEach(function(mob) {
      var url = "/index.php/Creatures:"+mob["name"];
      html += "<tr>";
      html += "<td><b><a href='"+url+"'>"+mob["name"]+"</a></b></td>";
      html += "<td>"+mob["hp"]+"</td>";
      html += "<td>"+mob["min_damage"]+" - "+mob["max_damage"]+"</td>";
      html += "<td>"+mob["maturity"]+"</td>";
      html += "</tr>"
   });
   html += "</table>";
   output.html(html);
}

$(document).ready(function() {
  if ($("#creatures-list") != null) {
     $("#loader-creatures-list").show();
     $.ajax({
        type: "GET",
        dataType: "json",
        url: "/vv-api/get-creatures.php",
        success: function(data) {
           $("#loader-creatures-list").hide();
           drawTable(data.result);
        },
        error: function(status, exec) {
           $("#loader-creatures-list").hide();
           $("#creatures-list").html("<i>Error retrieving mob data!</i>");
        }
     });
  }
});