Dear visitors, IOP Wiki is currently the target of a denial of service campaign. We are investigating countermeasures. In the meantime, the Wiki may experience periods of unplanned downtime.

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
Different approach
Damn you, MediaWiki!
 
(13 intermediate revisions by the same user not shown)
Line 2: Line 2:
RLQ.push(['jquery', 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('.name').first().text();
  var name = element.find('.name').first().text();
  var index = parseInt(element.find('.index').last().text());
  var index = parseInt(element.find('.index').last().text());
  var srcStr = element.find("img.rarity-class").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 + "']");
           var serverDataSpans = $("span.serverdata[data-server-doll='" + name + "']");
           serverDataSpans.each(function() {
           serverDataSpans.each(function() {
Line 27: Line 34:
  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);
  }
});
});
      
      
Line 51: Line 62:
   var grouper = function (parent, elements) {
   var grouper = function (parent, elements) {
     var currentLetter = getFirstLetterGroup($(elements).first().data('name'));
     var currentLetter = getFirstLetterGroup($(elements).first().data('name'));
     var groupHeader = $("<h3 />").text(currentLetter.toUpperCase() + "...").addClass("addedbysorter");
     var nativeGroupHeader = document.createElement("h3");
    var groupHeader = $(nativeGroupHeader);
    groupHeader.text(currentLetter.toUpperCase() + "...").addClass("addedbysorter");
     groupHeader.insertBefore(elements.first());
     groupHeader.insertBefore(elements.first());
      
      
Line 60: Line 73:
         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(element);
           groupHeader.insertAfter(element);
         }
         }
Line 78: 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 137: Line 150:
   if (currentKey !== nextElementKey) {
   if (currentKey !== nextElementKey) {
     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(element1);
     groupHeader.insertAfter(element1);
   }
   }
Line 212: Line 225:
     var firstTen = Math.ceil(parseInt(firstIndex) / 10) * 10;
     var firstTen = Math.ceil(parseInt(firstIndex) / 10) * 10;
     if (sortOrder == -1) { firstTen -= 9; }
     if (sortOrder == -1) { firstTen -= 9; }
     var groupHeader = $("<h3 />").text(getNumberText(firstIndex) + "..." + getNumberText(firstTen)).addClass("addedbysorter");
     var groupHeader = $(document.createElement("h3")).text(getNumberText(firstIndex) + "..." + getNumberText(firstTen)).addClass("addedbysorter");
     groupHeader.insertBefore(elements.first());
     groupHeader.insertBefore(elements.first());
      
      
Line 225: Line 238:
       return true;
       return true;
     });
     });
   }
   };
    
    
   tdollSorter(comparer, grouper);
   tdollSorter(comparer, grouper);
Line 247: Line 260:
       }
       }
        
        
       var groupHeaderText = getNumberText(currentTen) + "..." + getNumberText(nextElementTen);
      var currentIdxShow = currentTen;
      if (sortOrder != -1 && currentIdxShow > 1) currentIdxShow += 1;
       var groupHeaderText = getNumberText(currentIdxShow) + "..." + getNumberText(nextElementTen);
        
        
       var groupHeader = $("<h3 />").text(groupHeaderText).addClass("addedbysorter");
       var groupHeader = $(document.createElement("h3")).text(groupHeaderText).addClass("addedbysorter");
       groupHeader.insertAfter(element);
       groupHeader.insertAfter(element);
     }
     }
Line 256: Line 271:


function tdollSorterActiveButton(butt) {
function tdollSorterActiveButton(butt) {
   var isAscending = $(butt).is('.ascending')
   var isAscending = $(butt).is('.ascending');
   $('[data-tdollsortbutton="true"]').removeClass("enabled").removeClass("ascending");
   $('[data-tdollsortbutton="true"]').removeClass("enabled").removeClass("ascending");
   $(butt).addClass("enabled");
   $(butt).addClass("enabled");
Line 273: Line 288:
   $('[data-tdollserverbutton="true"]').removeClass("enabled");
   $('[data-tdollserverbutton="true"]').removeClass("enabled");
    
    
   $('.card-bg-small.unreleased').removeClass('unreleased');
   $('.gfl-doll-card.unreleased').removeClass('unreleased');
   $('.card-bg-small').each(function() {
   $('.gfl-doll-card').each(function() {
     var element = $(this);
     var element = $(this);
     var nameToSet = "";
     var nameToSet = "";
Line 296: Line 311:
     var parent = $(this);
     var parent = $(this);
     // All elements inside the paragraph after the h2 which have special class
     // All elements inside the paragraph after the h2 which have special class
     var elements = parent.next().children().nextUntil("h2", ".card-bg-small");
     var elements = parent.nextUntil("h2", ".gfl-doll-card");
    
    
     elements.detach().sort(comparer);
     elements.detach().sort(comparer);

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"