Welcome to IOPWiki, Commander.
We are searching for editors to complete gameplay topics in all games. You can contribute without an account. Learn how to contribute and join our Discord server.

Widget:indexSorterGrouper: Difference between revisions

Welcome to IOP Wiki. This website is maintained by the Girls' Frontline community and is free to edit by anyone.
Jump to navigation Jump to search
← Older edit
Added grouping for class/rarity
Damn you, MediaWiki!
 
(38 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><script>
<includeonly><script>
RLQ.push(function () {
RLQ.push(['jquery', function () {
   $(document).ready(function() {
   $(document).ready(function() {
    // initially remove the paragraph
    var parents = $(".mw-headline").closest("h2");
    parents.each(function() {
      var parent = $(this);
      var paragraph = parent.next('p');
      paragraph.replaceWith(paragraph.children());
    }); 
     // For now, we have to make sure the data is there (Change the template, dammit!)
     // For now, we have to make sure the data is there (Change the template, dammit!)
$(".card-bg-small").each(function() {
$(".gfl-doll-card").each(function() {
try {
  var element = $(this);
  var element = $(this);
  var name = element.find('span').first().text();
  var name = element.find('.name').first().text();
  var index = parseInt(element.find('span').last().text());
  var index = parseInt(element.find('.index').last().text());
  var srcStr = element.find("img").eq(2).attr("src");
  var srcStr = element.attr("class");
  var myRegexp = /^.*Icon_(.*)_(.*)star.*$/g;
  var myRegexp = /doll\-rarity\-(.*?) doll\-classification\-(.*?)$/g;
  var match = myRegexp.exec(srcStr);
  var match = myRegexp.exec(srcStr);
  var classification = match[1];
  var classification = match[2];
  var rarity = match[2];
  var rarity = match[1];
   
          var serverDataSpans = $("span.serverdata[data-server-doll='" + name + "']");
          serverDataSpans.each(function() {
            var serverDataSpan = $(this);
            var serverShort = serverDataSpan.attr('data-server-released');
            var serverDollName = serverDataSpan.attr('data-server-releasename');
            element.attr("data-server-" + serverShort, serverDollName);
          });
          serverDataSpans.remove();
 
  element.attr('data-server-WIKI', name);
  element.data('name', name);
  element.data('name', name);
  element.data('index', index);
  element.data('index', index);
  element.data('classification', classification);
  element.data('classification', classification);
  element.data('rarity', rarity);
  element.data('rarity', rarity);
  }
  catch(error) {
    console.log("Error handling index entry", error);
  }
});
});
      
      
     // Once everything is ready, default-sort it
     // Once everything is ready, default-sort it
     $('[data-initialsort]').click();
     $('[data-initialsort]').click();
   
    // Activate ui for user
    $(".gf-button").prop('disabled', false);
    $('.removeAfterInitIsg').remove();
   });
   });
});
}]);


function orderByName(currentButton) {
function orderByName(currentButton) {
   tdollSorterActiveButton(currentButton);
   var sortOrder = tdollSorterActiveButton(currentButton);
    
    
   var comparer = function (a, b) {
   var comparer = function (a, b) {
     var nameA=$(a).data('name').toLowerCase();
     var nameA=$(a).data('name').toLowerCase();
     var nameB=$(b).data('name').toLowerCase();
     var nameB=$(b).data('name').toLowerCase();
     if (nameA < nameB) return -1;
     if (nameA < nameB) return -1 * sortOrder;
     if (nameA > nameB) return 1;
     if (nameA > nameB) return 1 * sortOrder;
     return 0;
     return 0;
   };
   };
    
    
   var grouper = function (parent, elements) {
   var grouper = function (parent, elements) {
     if (parent.find('#Unreleased_T-Dolls').length > 0 || parent.find('#Extra_T-Dolls').length > 0) {
     var currentLetter = getFirstLetterGroup($(elements).first().data('name'));
      return;
     var nativeGroupHeader = document.createElement("h3");
     }
     var groupHeader = $(nativeGroupHeader);
   
    groupHeader.text(currentLetter.toUpperCase() + "...").addClass("addedbysorter");
     var groupHeader = $("<h3 />").text("#...").addClass("addedbysorter");
     groupHeader.insertBefore(elements.first());
     groupHeader.insertBefore(elements.first());
      
      
Line 47: Line 71:
       var nextElementLetter = getFirstLetterGroup($(elements[i+1]).data('name'));
       var nextElementLetter = getFirstLetterGroup($(elements[i+1]).data('name'));
       if (currentLetter !== nextElementLetter) {
       if (currentLetter !== nextElementLetter) {
        var linebreaker = $("<br />").addClass("addedbysorter");
        linebreaker.insertAfter(element);
         var groupHeaderText = nextElementLetter.toUpperCase() + "...";
         var groupHeaderText = nextElementLetter.toUpperCase() + "...";
         if (groupHeaderText.trim() != "...") {
         if (groupHeaderText.trim() != "...") {
           var groupHeader = $("<h3 />").text(groupHeaderText).addClass("addedbysorter");
           var groupHeader = $(document.createElement("h3")).text(groupHeaderText).addClass("addedbysorter");
           groupHeader.insertAfter(linebreaker);
           groupHeader.insertAfter(element);
         }
         }
       }
       }
Line 69: Line 91:
   var letter = element.charAt(0);
   var letter = element.charAt(0);
   if (letter >= "0" && letter <= "9") {
   if (letter >= "0" && letter <= "9") {
     letter = "#"
     letter = "#";
   }
   }
   return letter.toLowerCase();
   return letter.toLowerCase();
Line 75: Line 97:


function orderByRarityClassName(currentButton) {
function orderByRarityClassName(currentButton) {
   tdollSorterActiveButton(currentButton);
   var sortOrder = tdollSorterActiveButton(currentButton);
    
    
   var comparer = function (a, b) {
   var comparer = function (a, b) {
       var contentA = getSortKeyForRarityClassName($(a));
       var contentA = getSortKeyForRarityClassName($(a));
       var contentB = getSortKeyForRarityClassName($(b));
       var contentB = getSortKeyForRarityClassName($(b));
       return (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
       var comp = (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
      return comp * sortOrder;
     };
     };
    
    
Line 89: Line 112:


function orderByClassRarityName(currentButton) {
function orderByClassRarityName(currentButton) {
   tdollSorterActiveButton(currentButton);
   var sortOrder = tdollSorterActiveButton(currentButton);
    
    
   var comparer = function (a, b) {
   var comparer = function (a, b) {
       var contentA = getSortKeyForClassRarityName($(a));
       var contentA = getSortKeyForClassRarityName($(a));
       var contentB = getSortKeyForClassRarityName($(b));
       var contentB = getSortKeyForClassRarityName($(b));
       return (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
       var comp = (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
      return comp * sortOrder;
     };
     };
    
    
Line 125: Line 149:
    
    
   if (currentKey !== nextElementKey) {
   if (currentKey !== nextElementKey) {
    var linebreaker = $("<br />").addClass("addedbysorter");
    linebreaker.insertAfter(element1);
   
     var groupHeaderText = $(nextElement).data('classification') + " " + getNumberForRarity(nextElement) + "-Star";
     var groupHeaderText = $(nextElement).data('classification') + " " + getNumberForRarity(nextElement) + "-Star";
     var groupHeader = $("<h3 />").text(groupHeaderText).addClass("addedbysorter");
     var groupHeader = $(document.createElement("h3")).text(groupHeaderText).addClass("addedbysorter");
     groupHeader.insertAfter(linebreaker);
     groupHeader.insertAfter(element1);
   }
   }
}
}
Line 150: Line 171:
function getNumberForRarity(element) {
function getNumberForRarity(element) {
   var rawRarity = $(element).data('rarity');
   var rawRarity = $(element).data('rarity');
   if (!rawRarity || rawRarity == null || isNaN(rawRarity)) {
 
   if (!rawRarity || rawRarity == null) {
    return 9;
  }
 
  if (("" + rawRarity).toLowerCase() === "extra") {
    return "Extra";
  }
 
  if (isNaN(rawRarity)) {
     return 9;
     return 9;
   }
   }
Line 182: Line 212:


function orderByIndex(currentButton) {
function orderByIndex(currentButton) {
   tdollSorterActiveButton(currentButton);
   var sortOrder = tdollSorterActiveButton(currentButton);
    
    
   var comparer = function (a, b) {
   var comparer = function (a, b) {
       var contentA = parseInt($(a).data('index'));
       var contentA = parseInt($(a).data('index'));
       var contentB = parseInt($(b).data('index'));
       var contentB = parseInt($(b).data('index'));
       return (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
       var comp = (contentA < contentB) ? -1 : (contentA > contentB) ? 1 : 0;
      return comp * sortOrder;
     };
     };
    
    
   var grouper = function (parent, elements) {
   var grouper = function (parent, elements) {
     var firstTen = Math.ceil(parseInt(elements.first().data('index')) / 10) * 10;
     var firstIndex = elements.first().data('index');
     var groupHeader = $("<h3 />").text("..." + firstTen).addClass("addedbysorter");
    var firstTen = Math.ceil(parseInt(firstIndex) / 10) * 10;
    if (sortOrder == -1) { firstTen -= 9; }
     var groupHeader = $(document.createElement("h3")).text(getNumberText(firstIndex) + "..." + getNumberText(firstTen)).addClass("addedbysorter");
     groupHeader.insertBefore(elements.first());
     groupHeader.insertBefore(elements.first());
      
      
     $.grep(elements, function(element, i) {
     $.grep(elements, function(element, i) {
       var currentTen = Math.ceil(parseInt($(element).data('index')) / 10) * 10;
       if (elements <= i+1) {
      var nextElementTen = Math.ceil(parseInt($(elements[i+1]).data('index')) / 10) * 10;
         return true;
      if (currentTen !== nextElementTen) {
         var linebreaker = $("<br />").addClass("addedbysorter");
        linebreaker.insertAfter(element);
       
        var groupHeaderText = currentTen + "..." + nextElementTen;
        if (!isNaN(nextElementTen)) {
          var groupHeader = $("<h3 />").text(groupHeaderText).addClass("addedbysorter");
          groupHeader.insertAfter(linebreaker);
        }
       }
       }
      var nextElement = $(elements[i+1]);
     
      createIndexGroup(element, nextElement, sortOrder);
     
       return true;
       return true;
     });
     });
   }
   };
    
    
   tdollSorter(comparer, grouper);
   tdollSorter(comparer, grouper);
}
function getNumberText(val) {
  if (!val || isNaN(val)) {
    return "";
  }
  return "" + val;
}
function createIndexGroup(element, nextElement, sortOrder) {
  var currentTen = Math.ceil(parseInt($(element).data('index')) / 10) * 10;
  var nextElementTen = Math.ceil(parseInt(nextElement.data('index')) / 10) * 10;
  if (currentTen !== nextElementTen) {
    if (!isNaN(nextElementTen)) {
      if (sortOrder == -1) {
        currentTen -= 10;
        nextElementTen -= 9;
      }
     
      var currentIdxShow = currentTen;
      if (sortOrder != -1 && currentIdxShow > 1) currentIdxShow += 1;
      var groupHeaderText = getNumberText(currentIdxShow) + "..." + getNumberText(nextElementTen);
     
      var groupHeader = $(document.createElement("h3")).text(groupHeaderText).addClass("addedbysorter");
      groupHeader.insertAfter(element);
    }
  }
}
}


function tdollSorterActiveButton(butt) {
function tdollSorterActiveButton(butt) {
   $('[data-tdollsortbutton="true"]').removeClass("enabled");
  var isAscending = $(butt).is('.ascending');
   $('[data-tdollsortbutton="true"]').removeClass("enabled").removeClass("ascending");
  $(butt).addClass("enabled");
 
  if (isAscending) {
    return -1;
  } else {
    $(butt).addClass('ascending');
    return 1;
  }
}
 
function switchServer(butt) {
  var activeServer = $(butt).attr('data-tdollserver');
 
  $('[data-tdollserverbutton="true"]').removeClass("enabled");
 
  $('.gfl-doll-card.unreleased').removeClass('unreleased');
  $('.gfl-doll-card').each(function() {
    var element = $(this);
    var nameToSet = "";
    if (element.is("[data-server-" + activeServer + "]")) {
      nameToSet = element.attr('data-server-' + activeServer);
    } else {
      element.addClass('unreleased');
      nameToSet = element.attr('data-server-wiki');
    }
    element.find('.name').first().text(nameToSet);
  });
 
   $(butt).addClass("enabled");
   $(butt).addClass("enabled");
}
}
Line 226: Line 310:
   parents.each(function() {
   parents.each(function() {
     var parent = $(this);
     var parent = $(this);
     var elements = parent.nextUntil("h2", ".card-bg-small");
    // All elements inside the paragraph after the h2 which have special class
     var elements = parent.nextUntil("h2", ".gfl-doll-card");
    
    
     elements.detach().sort(comparer);
     elements.detach().sort(comparer);
Line 238: Line 323:
}
}
</script><div style="display:inline-block">
</script><div style="display:inline-block">
<button class="gf-button" data-tdollsortbutton="true" data-initialsort="true" onclick="orderByName(this);">By Name</button>
<button class="gf-button" data-tdollsortbutton="true" disabled data-initialsort="true" onclick="orderByClassRarityName(this);">By Class&gt;Rarity&gt;Name</button>
<button class="gf-button" data-tdollsortbutton="true" onclick="orderByClassRarityName(this);">By Class&gt;Rarity&gt;Name</button>
<button class="gf-button" data-tdollsortbutton="true" disabled onclick="orderByRarityClassName(this);">By Rarity&gt;Class&gt;Name</button>
<button class="gf-button" data-tdollsortbutton="true" onclick="orderByRarityClassName(this);">By Rarity&gt;Class&gt;Name</button>
<button class="gf-button" data-tdollsortbutton="true" disabled onclick="orderByName(this);">By Name</button>
<button class="gf-button" data-tdollsortbutton="true" onclick="orderByIndex(this);">By Index</button></div>
<button class="gf-button" data-tdollsortbutton="true" disabled onclick="orderByIndex(this);">By Index</button>
<div style="width:20px; height:20px; display:inline-block;" class="loading2 removeAfterInitIsg">&nbsp;</div></div>
 
<p>
Released on this server:<br/>
<button class="gf-button" data-tdollserverbutton="true" data-tdollserver="WIKI" disabled data-initialsort="true" onclick="switchServer(this);">All</button>
<button class="gf-button" data-tdollserverbutton="true" data-tdollserver="CN" disabled onclick="switchServer(this);">CN</button>
<button class="gf-button" data-tdollserverbutton="true" data-tdollserver="TW" disabled onclick="switchServer(this);">TW</button>
<button class="gf-button" data-tdollserverbutton="true" data-tdollserver="KR" disabled onclick="switchServer(this);">KR</button>
<button class="gf-button" data-tdollserverbutton="true" data-tdollserver="EN" disabled onclick="switchServer(this);">EN</button>
<button class="gf-button" data-tdollserverbutton="true" data-tdollserver="JP" disabled onclick="switchServer(this);">JP</button>
</p>
</includeonly>
</includeonly>


Latest revision as of 00:40, 27 July 2024


 

Released on this server:

Some heading

Retrieved from "http://iopwiki.com/index.php?title=Widget:indexSorterGrouper&oldid=142853"